I’m a product designer and full-stack engineer building web products across UX, frontend engineering, maps, CMS, commerce, automation, and AI-assisted workflows.

I usually work in the space between product idea and shipped interface: shaping the flow, designing the experience, building the frontend, connecting the data, handling edge cases, and getting the system ready for real users.

My work spans client-facing websites, internal tools, geospatial interfaces, commerce systems, CMS infrastructure, and practical automation.

I build and design web products that often involve:

• Product design and UX flows
• Frontend engineering
• Interactive maps and geospatial interfaces
• CMS-backed websites
• Commerce and subscription flows
• Internal tools and operational workflows
• Analytics, QA, routing, and production debugging
• AI-assisted prototypes and workflow automation

I’m most useful when a project needs both product judgment and hands-on implementation, especially when the requirements are messy, evolving, or tied to real-world operations.

A lot of my recent work involves turning real-world data into interfaces people can actually understand.

For Bumiterra, I’ve worked on map-based product surfaces for restoration and biodiversity contexts, including wildlife observation maps, plot polygons, coordinate-based markers, satellite-map interfaces, sponsor and registry flows, and environmental data presentation.

This includes a live wildlife map experience with camera-trap and wildlife markers, plot boundaries, satellite imagery, location-based interaction, and media-rich observation details.

I like this kind of work because it brings together product design, frontend engineering, geospatial UX, data structure, and storytelling in a way that makes complex information easier to understand.

• Built and maintained a hybrid Framer + Shopify platform for Plastic Fischer, including multilingual EN/DE flows, subscription and shop setup, certificate and invoice automation, Brevo capture, GA4/GTM analytics, routing, QA, and production troubleshooting.

• Designed and shipped client-facing web experiences for international teams, including CMS-backed websites, product pages, advisory-style pages, and launch-ready marketing surfaces.

• Worked on Bumiterra's restoration and environmental products involving registry flows, biodiversity mapping, reporting workflows, impact storytelling, sponsorship logic, and operational data.

• Built Undernet Chat, a video-game-based GPT (using GPT-3.5) chatbot experiment that passed 10k+ API hits and 4M+ tokens in roughly 3 months.

• Designed and developed an interactive digital workbook for a public museum exhibition, translating science education into a touch-friendly iPad experience for visitors.

• Worked across UX research, product design, frontend engineering, automation, analytics, QA, and production support.

Frontend
Next.js · React · TypeScript · JavaScript · Tailwind CSS · Framer

Maps & geospatial
Leaflet · React Leaflet · Google Maps API · GeoJSON · coordinate-based interfaces · map UX patterns

Backend, CMS & commerce
Node.js · Express · MongoDB · Shopify · API routes · headless CMS workflows

AI & automation
OpenAI API · Vercel AI SDK · workflow automation · AI-assisted prototyping

Product & launch
UX research · wireframes · prototyping · analytics · GA4 · GTM · QA · production debugging

Good web products are not just polished screens.

They need clear product logic, usable flows, maintainable systems, sensible data structure, stable production behavior, good content architecture, and enough attention to edge cases so the product does not break when real users or real data show up.

I care about building systems that are clean on the surface and sturdy underneath.

Tools matter, but they are not the point. Framer, Next.js, Shopify, maps, AI, CMS, automation: they are only useful when they help the product become clearer, faster, more reliable, or easier to operate.

Alongside my full-time role at Bumiterra, I work through AudiWorks, my principal-led web practice for product design and engineering work.

The focus is thoughtful digital products, careful implementation, and high-trust execution from idea to launch.

Portfolio: AudiWorks
LinkedIn: linkedin.com/in/audi-previo