Atelier Norden · 2024
Quiet luxury, rebuilt around the garment.
Fashion · Direct-to-consumer
Design thatholds its composureunder traffic.
WebWorks is a small studio of designers and engineers building editorial-grade websites and product interfaces for brands that take craft seriously.
Begin a conversation →
Two engagements open · Q3
Plate I
We approach every interface like a single sheet of paper — folded with intention, lit deliberately, nothing wasted.
UX Strategy／Interface Design／Design Systems／Conversion／Front-end Engineering／Performance／Editorial Direction／Motion
② Capabilities
Four frameworks we use to think about a brief.
01
Behavioural Architecture
- — Discovery
- — Information Architecture
- — User Research
We map the decisions a user is making before they touch the interface — then engineer the surface to support those decisions, not interrupt them.
02
Editorial Interface
- — UI Design
- — Typography
- — Art Direction
Typography, hierarchy, and rhythm treated as content systems. Pages that read with the confidence of a printed magazine and the precision of a product UI.
03
Conversion as Clarity
- — CRO
- — Analytics
- — A/B Testing
We optimise outcomes by removing friction, not by adding pressure. Better revenue follows better understanding.
04
Performance by Default
- — Engineering
- — Core Web Vitals
- — Accessibility
Design and engineering written together. Sub-second loads, accessible by construction, deployed on edge infrastructure.
③ Selected Work
A small body of work, made deliberately.
Four engagements per year. Long collaborations over short transactions.
Lender & Co · 2024
An interface that respects the seriousness of money.
Fintech · B2B
Rivers Press · 2023
A reading experience built for long-form attention.
Editorial · Architecture
Foundry Studio · 2023
From sketch to product, presented as a single thought.
Industrial Design · Portfolio
④ Method
We don’t run a process. We hold a position.
Five movements, applied with judgement rather than ceremony. Every project compresses or expands them differently.
Movement I
Inhabit
Two weeks inside the business. We read the support tickets, sit in on sales calls, and walk the warehouse if there is one. Strategy without proximity is a guess.
Movement II
Interrogate
We isolate the one decision the interface must make easier. Everything that doesn’t serve that decision is removed from the brief — usually painfully.
Movement III
Compose
Design happens in long, uninterrupted sessions. Typography, hierarchy, and motion are decided together, in the browser, against real content.
Movement IV
Engineer
We write the production code ourselves. No handoff, no degradation. The thing you sign off is the thing that ships.
Movement V
Compound
We stay on for ninety days after launch. Real users surface real questions, and the design system absorbs the answers.
⑤ In Practice
Outcomes, framed as what we learned.
+38%
of new revenue at Atelier Norden came from improved product-page legibility — not from new traffic.
Atelier Norden · 2024 vs 2023
0.9s
median load on Lender & Co dashboards. Support tickets about ‘slowness’ disappeared inside one quarter.
Lender & Co · post-launch
×3.1
longer reading sessions on Rivers Press after we removed the sidebar everyone said we needed.
Rivers Press · GA4
Selected clients
- Atelier Norden
- Lender & Co
- Rivers Press
- Foundry Studio
- North Atlantic
- Maison Vert
- Fieldnotes
- Halcyon
⑥ A Note
“The best digital work doesn’t announce itself. It composes, performs, and gets out of the way.”
— Studio principle, written in pencil on the wall.