Nativa Market
An ecommerce project for Guatemala with a public Vercel demonstration of its catalogue, product browsing, cart, and checkout experience.
Primary role
Product, architecture, UI/UX, and full-stack engineering
01. Context
Nativa Market connects a natural-products catalogue with product browsing, cart, and checkout. The Vercel URL preserves a public demonstration of the customer experience. The original client engagement has ended; the former custom domain is not the portfolio demo. Order persistence and administrative operations are not certified by the current public review.
02. The challenge
- Complete the purchase flow without introducing a payment gateway that was outside the validated MVP scope.
- Present a broad catalogue and product galleries through a clear, fast, and consistent mobile and desktop experience.
- Keep products and categories indexable without exposing private or transactional routes to search engines.
03. What I built
- Organized the system by feature on Next.js 16, React 19, PostgreSQL, Supabase, and Drizzle, with protected server-side administrative actions.
- Designed a checkout that separates customer details, delivery, payment choice, and a clear order summary before WhatsApp confirmation; current verification stops before submitting an order.
- Redesigned the store with a boutique visual direction, touch carousels, complete image framing, and responsive catalogue, cart, checkout, and confirmation flows.
- Implemented canonicals, a dynamic sitemap, category routes, and OnlineStore, Product, Offer, and BreadcrumbList structured data, with noindex rules for private flows.
04. Outcome
The public Vercel demonstration was reviewed on October 11, 2026: the catalogue loaded, a product could be added to the cart, and checkout showed the selection and estimated total. No order was submitted, no payment was made, and backend persistence or administration was not verified. Historical client delivery remains separate from this portfolio demonstration.
Next project
Browse all workMandalas Hostal
A web experience and operational foundation for two properties, with direct Cloudbeds bookings, PostHog conversion analytics, and a read-only PMS integration.
A project with similar constraints?
Let's define the clearest path from need to release.
Tell me what you are trying to improve, what is getting in the way, and what a useful outcome looks like.
Discuss a similar project