All work
DTC + Trade · 2025
Cobalt — direct-to-consumer cycles
DTC cycles brand with a frame-build configurator and trade portal for performance fitters.
Client
Cobalt Cycles
Industry
Performance cycling
Duration
14 weeks
Year
2025
ShopifyConfiguratorTrade
cobalt.shop / collections
Cobalt
ShopStoryJournal
Cart (0)
New collection
Considered homeware
Product 01
£48.00
Product 02
£60.00
Product 03
£72.00
Product 04
£84.00
Product 05
£96.00
Product 06
£108.00
Fig. 01 — Production UI · 2025Cobalt Cycles
Year
2025
Category
DTC + Trade · 2025
Stack
ShopifyConfiguratorTrade
Scope
- Headless Shopify
- Frame configurator
- Trade portal
- Fitter commission
The challenge
What they needed to solve.
Configurator lived in a PDF, fitters phoned orders in, retail buyers waited 12 days for stock visibility.
Our solution
How we approached it.
Headless Shopify with frame configurator, trade portal showing real-time inventory, fitter commission tracking.
Web design
Design decisions.
Palette
#0a1a2e
#f0ebe2
#0ea5e9
#22272e
#ef4444
Typography
- AaSöhne Breit — display
- AaSöhne — UI
- AaJetBrains Mono — specs
Layout system
Configurator as full-bleed canvas, trade portal dense table view.
Design highlights
- Configurator at 60fps with 4k frames
- Trade portal sub-1s load
- Commission tracking on every variant
Before · After
What changed.
cobalt.shop / collections
Cobalt
ShopStoryJournal
Cart (0)
New collection
Considered homeware
Product 01
£48.00
Product 02
£60.00
Product 03
£72.00
Product 04
£84.00
Product 05
£96.00
Product 06
£108.00
cobalt.shop / collections
Cobalt
ShopStoryJournal
Cart (0)
Sale
Spring Sale Now On
Product 01
£24.00
Product 02
£36.00
Product 03
£48.00
Product 04
£60.00
Product 05
£72.00
Product 06
£84.00
Drag to compare ←→
Fig. 02 — Drag handle to reveal before / afterCobalt Cycles
cobalt.shop / collections
Cobalt
ShopStoryJournal
Cart (0)
Sale
Spring Sale Now On
Product 01
£24.00
Product 02
£36.00
Product 03
£48.00
Product 04
£60.00
Product 05
£72.00
Product 06
£84.00
PDF configurator, phoned trade orders, no live stock.
Trade orders
120/mo
Stock visibility
12 days
Configurator conv.
—
Fitter NPS
22
cobalt.shop / collections
Cobalt
ShopStoryJournal
Cart (0)
New collection
Considered homeware
Product 01
£48.00
Product 02
£60.00
Product 03
£72.00
Product 04
£84.00
Product 05
£96.00
Product 06
£108.00
Live configurator, real-time trade portal, commission auto.
Trade orders
456/mo
Stock visibility
live
Configurator conv.
9%
Fitter NPS
54
Results
What we measured.
01Trade orders +280%
02Configurator conv. 9%
03Stock visibility realtime
04Fitter NPS up 32