§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