§II.02 WEBSITES · CHAPTER MAKEBUILD LOG · 40 SITES
All glass out front.
All engine underneath.
The website is the most visible asset your brand owns, and the hardest one to get right. So we build it like a building: a storefront your customers walk through without thinking, standing on machinery they never see. Pages that load fast, convert at industry-beating rates, and let your own team change anything without calling us.
AT THE DOOR · TWO LEDGERS OF THE SAME SECOND
What a visitor feels
is the building. What you bought is the machine.
Every card below performs its own hover state. Pass the cursor and read the annotation. We describe nothing on this page that the page itself can’t do.
“It opened before the click finished.”
a visitor, sec. 01
A modern stack, chosen for the building: Next.js with a headless CMS, Shopify Hydrogen where commerce matters.
HOVER H-01 · LIFT −4PX · AZURE SHADOW · DEMONSTRATED, NOT DESCRIBED
“Nothing on the page moved like a template.”
a visitor, sec. 02
Every interaction handcrafted for this site. No template motion, nothing lifted from a theme.
HOVER H-02 · LIME GLOW, 0 → 1 · DEMONSTRATED, NOT DESCRIBED
“It read like someone wrote it for me.”
a visitor, sec. 03
Sitemap, wireframes and copy before a pixel of design, then designed in Figma against real content, never placeholder.
HOVER H-03 · RULE DRAWS, LEFT → RIGHT · DEMONSTRATED, NOT DESCRIBED
“It worked on my phone. And her browser. Every time.”
a visitor, sec. 04
Tested on every browser and every device before the doors open, then monitored and tuned after launch.
HOVER H-04 · CORNER FILLS AZURE · DEMONSTRATED, NOT DESCRIBED
THE WALKTHROUGH · ONE BUILDING, FIVE BAYS
Structure first. Design after. Craft everywhere.
- 01STRUCTUREthe frameSitemap, wireframes, and copy first. Design comes after structure: the frame goes up before anyone argues about the glass.
- 02STACKthe foundationsNext.js plus a headless CMS, or Shopify Hydrogen where commerce matters. Footings picked for your building, not for our comfort.
- 03DESIGNthe interiorIn Figma, against real content, never placeholder. Every room furnished with what will actually live in it.
- 04CRAFTthe fittingsWe handcraft every interaction. No template motion; every hinge and handle machined for this door alone.
- 05SHIPthe openingTested on every browser and device, then monitored after launch. We stay in the building after the doors open.
UNDER THE FLOOR · THE MACHINE ROOM
The numbers move because the build does.
Before and after: one real build, same brand, same content. The facade changed. The machine changed more.
54+44
Lighthouse · performance
was 54now 98/100
4.1s−2.9s
Largest contentful paint
was 4.1snow 1.2sseconds
0.18−0.16
Cumulative layout shift
was 0.18now 0.02score
100+62
Conversion · indexed
was 100now 162base 100
ENGINE INVENTORY
- NEXT.JS
- HEADLESS CMS
- SHOPIFY HYDROGEN · COMMERCE
- FULL ANALYTICS, CONFIGURED
- EVERY BROWSER · EVERY DEVICE
- MONITORED AFTER LAUNCH
ALSO ON THIS STREET
Three storefronts. Three machines.
Pass the cursor over a building: the windows light.
THE TILL · WHERE THE BUILDING PAYS RENT
What rings up. And what never lands on your desk.
RECEIPT · WHAT YOU GET§II.02
- ITEM 01A fully built site on a modern stack
- ITEM 02CMS access for your team, change anything without calling us
- ITEM 03Full analytics, configured
- ITEM 04A post-launch optimisation sprint: we keep tuning after the doors open
PAID IN FULL ATTENTION · NO LINE LEFT OFF
VOID STUB · NOT YOUR JOB
- You don’t pick the stack.
- You don’t write the copy.
- You don’t sit through seventeen rounds of revisions.
Fast, beautiful, quietly engineered to convert.
Your website, built properly, and built so your team can run it.
WMP · §II.02 · WEB · THE MACHINE YOU CAN WALK THROUGH