Concept
Helix
Design systemA design system concept built to answer one question: how much of a product interface can be decided once and reused everywhere?
- Design systems
- Tokens
- Accessibility
- Documentation
ConceptE-commerce · 2025
Northline
The product page as the whole argument.
A storefront concept for a considered-purchase catalogue, where the product page has to do the work a showroom used to.
Overview
Status
Internal design and engineering exploration
Disciplines
- Commerce strategy
- Interface design
- Storefront engineering
Capabilities used
The challenge we set ourselves
For high-consideration goods, the checkout is rarely the problem. The product page is. It has to answer material questions, handle comparison, and survive being the only page someone sees.
We explored what a storefront looks like when the product page is treated as the primary design surface rather than a template slot.
Approach
StrategyDesignTechnology
01
Strategy
We wrote the buyer objection sequence first and mapped each objection to a specific element on the page, then removed anything that answered nothing.
02
Design
A large-format editorial layout with typographic specification tables, comparison built into the page rather than hidden behind a modal, and a persistent purchase bar that never obscures content on small screens.
03
Technology
Headless storefront on Next.js with statically generated product pages, cart state on the edge, and an image pipeline that keeps large photography inside a strict performance budget.
Outcome
What the exploration produced
A complete storefront template set — listing, product, comparison, cart, checkout — with a documented performance budget and an accessible variant-selection pattern.
- Objection map
- Storefront template set
- Performance budget
- Variant selection pattern
Why there are no numbers here. This is an internal concept, not a client engagement. We do not publish conversion rates, revenue or satisfaction figures that no real deployment produced.
Capabilities behind this project.
- E-commerceStorefronts designed around the buying decision, and built to survive a traffic spike.
- UI/UX DesignInterfaces designed for the person using them under pressure, not for a portfolio shot.
- Website Design & DevelopmentHigh-performance digital experiences built around your business, not a template.
More work
Start here
Build something like this.
If this is close to the problem you have, tell us about it. We will be specific about how we would approach yours.