Available for full-time roles Open to contracts Custom Shopify themes Headless · Hydrogen UI/UX & CRO
← Back to all work
● Live storeShopify engineeringHeavy custom

ROAR — premium streetwear,
engineered for the drop.

TypeHeavy-custom Shopify build
DeliverableDesign + engineering
StackLiquid · Shopify CLI · JS · Figma
ROAR homepage
ROAR mega menu and cart drawer
ROAR product and collection pages

The brief

ROAR sells premium oversized hoodies and streetwear for him, her, and kids — a brand built around drops, restocks, and the feeling of the fit. The store had to carry that energy: fast, bold, and merchandised like a hype brand, not a template. Off-the-shelf themes couldn't express the navigation depth or the drop mechanics the brand runs on.

What I engineered

This isn't a fully headless build — it's Shopify's theme layer pushed hard. I built a custom navigation system: full mega menus across three audience lines (For Him / For Her / For Kids), each with product categories and a featured panel promoting the current launch. The cart drawer carries a free-shipping progress bar ("add 2 items to unlock free shipping") that nudges order value upward on every add-to-cart.

Across the top runs a custom announcement marquee for sitewide campaigns — the kind of detail that keeps a sale visible without a popup. Underneath, a drop/restock merchandising system: preview states before a launch, live states during, restock collections after — so the team runs hype cycles from the Shopify admin without touching code.

Why it matters

Streetwear customers decide in seconds. Every custom piece here — the mega menu, the progress cart, the drop states — exists to shorten the path from landing to checkout and raise the value of each order on the way through.

3Audience lines, one nav system
AOV ↑Free-shipping progress cart nudges order value
0 codeNeeded by the team to run a drop