CODESCAPEAI — product studioCODESCAPEAI
All work/Design · 2025
03D2C home brand rebuilding their storefront end-to-end
Live · D2C Commerce

BloomBrandA storefront that finally feels like the product.

Year2025TrackDesignSprint9 weeksShapeLead + design + 2 engineersIndustryD2C Commerce
BloomBrand
BB · DesignShopify Hydrogen · Remix · Sanity
3.2×engagement lift
Scroll to read the case study
Brand identityDesign systemShopify HydrogenMotion languageBrand identityDesign systemShopify HydrogenMotion languageBrand identityDesign systemShopify HydrogenMotion language
The case study

From a 90-day windowto a body of work.

Identity refresh, a new Shopify Hydrogen front-end, a motion system the marketing team can actually use, and a 3.2× engagement lift the quarter after launch. Below is the long version — the brief, the approach, and the numbers we put on the wall after launch.

01 · The challenge

BloomBrand had a beautiful product and a Shopify theme that hid it. PDPs were a wall of accordions, mobile was an apology, and the marketing team was afraid to touch the theme.

02 · The approach

New identity system, a Hydrogen front-end, a motion language with 12 reusable presets, and a content model the marketing team could actually run. Every component ships with three density modes.

03 · The outcome

3.2× engagement lift, a 38% jump in PDP-to-cart, and a marketing team that now ships landing pages without an engineer in the room.

The build

Inside the product.A clickable tour.

01/03
BloomBrand — frame 1
Frame 01 · BBBloomBrand
The receipts

Numbers, not adjectives.

Four metrics the client agreed to put on the wall. Verified internally before the launch, verified again at the 90-day mark.

010×engagement lift
020%PDP → cart
030wkweeks shipped
040motion presets
The stack

Tools, chosen on purpose.

Every technology on the list earned its place in the build — chosen for the constraint, not the trend.

01Shopify Hydrogen
02Remix
03Sanity
04GSAP
05Tailwind
How we ran it

Four pillars,one crew.

Strategy

We sat with their team, walked every existing flow, and wrote the brief on day three.

Design system

A small, opinionated component set the whole team could ship from on day one.

Engineering

Senior crew, weekly demos, real test coverage, and a deploy pipeline the team kept after handoff.

Launch + handoff

Monitored for two weeks post-launch, then handed the keys over with a runbook the team could read in a coffee.

Awwwards · SOTD × 4CSS Design Awards · Best UIClutch · Top 1% GlobalDribbble · Featured StudioFWA · Site of the Day

The motion language is the cheat code. Our whole team uses it like Lego.

Anya Becker · Head of Brand, BloomBrand— on the launch, in their own words
Want a case study like BB?

Let's add your projectto the wall.

Bring a brief, a Loom, or a half-finished Figma. If we're the right crew, you'll know in the first meeting. If we're not, we'll point you to someone who is.

Start the conversationSee all work
Or follow along: Twitter LinkedIn Dribbble
  • Reply within 24h
  • Senior partner on the call
  • References on request
  • First meeting is free