Case study · Full-stack commerce
NIHAO MART
A production commerce experience that presents curated products sourced between China and Bangladesh with clear availability, pricing, delivery expectations, ordering, and support.
01 · Challenge
Make cross-border shopping understandable
A sourcing business has more complexity than a standard catalog. Customers need to understand whether an item is Ready Stock or China Sourced, what delivery timing means, how much delivery costs, and where to get support before committing to an order.
The design turns those operational details into visible product information instead of hiding them behind the checkout process.
02 · Product
Discovery through post-order support
NIHAO MART covers the customer journey from browsing to order tracking and support.
- Search, departments, curated edits, and product discovery
- Ready Stock and China Sourced product flows
- Guest checkout, accounts, coupons, and reviews
- Order tracking and transparent delivery charges
- Customer support and sourcing requests
- Admin workspace for commerce operations
03 · Architecture
A protected commerce data path
The interface is built with a modern React and TypeScript application layer. Supabase supports the catalog, orders, authentication, coupons, reviews, support, and analytics. Product media is delivered through R2-backed routes, while sensitive commerce operations remain behind a server-only gateway.
Stack
04 · Product thinking
Clarity is part of the feature set
The live experience treats sourcing status, fulfillment expectations, support, and payment guidance as first-class interface elements. The project demonstrates end-to-end product thinking across brand presentation, responsive shopping, backend data, deployment, and continuous iteration.
See the live commerce experience
Browse the current departments and inspect how sourcing, delivery, and support information are presented.