2019 - present
Bon Bags
A premium travel-bag storefront built for storytelling and checkout.
- Role
- CTO · product design + engineering
- Timeline
- 2019 - present
- Live
- bonbags.com
- Localized buying
- 5 markets
- Routes, currency, and buyer identity keep the storefront matched to each market.
- Focused catalog
- 4 products
- Dedicated storytelling, variants, reviews, size guides, and checkout for a tight product line.
- Buying flow
- Shopify cart
- Persistent cart, discounts, upsells, free-shipping progress, and checkout handoff.
- Content control
- Sanity CMS
- The brand team can update pages, modules, media, navigation, SEO, and product content.
Overview
What the product needed to do.
Bon Bags is a compact DTC storefront built around premium travel storytelling, interchangeable linings, and a small, considered catalog.
I built the storefront, Sanity Studio, Shopify cart and checkout flow, localized routes, product pages, marketing surfaces, analytics, SEO, and rebrand handoff.
Main takeaway
The work made a small catalog feel complete by giving the CMS, commerce flow, localization, cart, and SEO the same level of care as the product design.
Product surfaces
What users and operators got.
Localized storefront
Market-aware routes, product pages, collections, and presentation tuned to each locale.
Product system
Variant-aware product pages with galleries, size guides, reviews, social proof, and checkout handoff.
Conversion cart
Persistent cart drawer, discount display, free-shipping progress, and contextual upsells.
Editorial studio
Sanity schemas for pages, modules, navigation, SEO, media, and Shopify-linked products.
Systems built
What made it work.
Sanity + Shopify model
Editorial storytelling sits alongside live Shopify pricing, variants, availability, cart, and checkout.
Locale and currency
Geolocation, locale cookies, country selection, and buyer identity keep market pricing aligned.
Pricing and discounts
Shopify discounts are normalized into product and cart pricing so savings stay clear.
SEO and lifecycle
Static product pages, hreflang, JSON-LD, content refresh, Mailchimp, Resend, Yotpo, and PostHog support growth loops.
Technology
Stack, services, and integrations.
The stack and services behind the shipped product.
Storefront
- Next.js
- React 19
- TypeScript
- Tailwind CSS
- Vercel
Commerce
- Shopify Storefront API
- Shopify Admin API
- Hydrogen React
- Checkout
CMS and media
- Sanity Studio
- GROQ
- Document i18n
- Mux
Growth
- PostHog
- Mailchimp
- Resend
- Crisp
- Yotpo
- Sentry
Role and remit
What I lead.
The product, platform, and operational areas I lead across strategy, shipping, and ongoing work.
Localized storefront across five market routes
Product pages with variant selection, galleries, reviews, size guides, and checkout handoff
Persistent Shopify cart with discounts, totals, upsells, and free-shipping progress
Sanity Studio for pages, products, modules, navigation, SEO, media, and brand settings
Locale and currency handling with Shopify buyer identity updates
Newsletter, contact, chat, reviews, Instagram, analytics, and content refresh paths