Case Study: Boutique Nané

Boutique Nané needed a commerce experience that felt premium on desktop and native-app on mobile — without locking the brand into a Shopify theme. The catalog covers boutique guitars, pedals, studio gear, amps, and accessories, with bilingual shoppers (EN/KO) and a consultation path alongside buy flows.

DAOL Consulting built a Next.js headless storefront on Shopify: Storefront API GraphQL for products, collections, filters, and cart; Admin API for catalog ops and draft-order style inquiries; cart checkout handed off to Shopify. Desktop reads as a brand marketing site (hero, story, disciplines, process). Mobile switches to a marketplace web-app pattern with bottom navigation (Home, Shop, Saved, Consult, Cart), search, category chips, wishlist hearts, and Add/Buy plus request-a-quote.

The delivery shows how a vertical retailer can keep custom UI while still running real Shopify inventory and checkout. Language switching stays on query-param i18n so collection filters and product routes remain bilingual. Live demo: boutique-nane.vercel.app.

Problem → Solution → Result

Problem: Theme-locked Shopify UX could not deliver a desktop brand narrative and a mobile marketplace app in one storefront.

Solution: Ship a Next.js headless storefront with dual-surface UX, Storefront + Admin APIs, wishlist/consult flows, and EN/KO i18n.

Result: One codebase serves marketing-site desktop and app-like mobile commerce with real Shopify cart and checkout.