ia.

Ali’i Gardens Marketplace.

One website now runs a five-acre open-air market in Kailua-Kona, from the booth a visitor taps on the map to the listing a vendor updates from their phone.

Forty-six vendors, no shared storefront.

Ali’i Gardens Marketplace has been part of Ali’i Drive for over twenty years: food stands, coffee farms, carvers, jewelers, and makers spread across five acres of booths. Every vendor had a story and almost none of it was findable online. Hours changed, menus changed, booths changed hands, and the only source of truth was whoever happened to be walking the property that day.

One system, four rooms.

We built a single website shaped around how a marketplace actually works. Each audience gets its own room, and they all share one listing per vendor:

Map

A hand-built interactive map of the real floor plan. Every booth is drawn to scale, colored by category, and clickable, with pan, zoom, and pinch on any device. Visitors find the taco stand; the taco stand gets found.

Vendors

A searchable directory and a full page per vendor: story, hours, photos, featured items with prices, and their booth highlighted on the map. Each page is search-indexed, so every vendor gets their own front door from Google.

Portal

Vendors log in and keep their own listing current: description, hours, photos, menu items, and events. The operator gets an admin view to manage vendors, assign booths, and post marketplace-wide events. No tickets to the webmaster.

Billing

Stripe-backed subscription billing with a self-serve customer portal for the hosting plan. The client manages their own plan; there are no invoices to chase in either direction.

How we built it.

The site is a Next.js application. The map is a custom SVG overlay of the actual floor plan, booth by booth, with its own pan-zoom engine rather than a third-party map SDK. Content was collected on site: we walked booth to booth with a purpose-built capture tool, gathering each vendor’s story, hours, menu, and photos in one visit, then seeded every listing from it. Events, vendor pages, and the directory all read from the same records, so a change in the portal shows up everywhere at once.

Results.

The marketplace, the vendors, and the events calendar now agree with each other, because they are the same system. A vendor updates their hours once and the directory, their page, and the map all say the same thing. Visitors plan their visit from the map instead of a guess, and the operator runs the whole property from one screen, then goes back to running the market.

Visit the live site →Download the project brief (PDF) →