Watch a website get built

Scroll down and watch a website put itself together, section by section.

WhatsApp me

I reply the same working day, in UK hours.

Or call 07935 996850 or book a call

5.0 from 31 Google reviews (checked Nov 2026)

Lab 04 of 09

Scroll-driven animation
Layout
Performance

Try it

Lab 04 of 09

Example: a joiner in Sunderland. A made-up business, drawn for this page. Not a client.

Step 1 of 6
A blank page and a plan
It starts with a short conversation about the business, its customers and what the site needs to do.
Step 2 of 6
Structure first
The page goes in as plain boxes, each one where it will sit on the finished site.
Step 3 of 6
Type and words
The placeholder lines turn into a real headline, menu and button labels.
Step 4 of 6
Colour and photography
Colours and pictures go in and the wireframe falls away.
Step 5 of 6
Made for phones
The same page rearranged for a small screen: the menu folds behind a button and the content stacks.
Step 6 of 6
Live
You see the finished site first. Then it goes live.

Keep scrolling to build it, or jump to a step.

How it's built

Each part of the page builds in as you scroll, with no outside libraries.

Each step fades in from the page's own scroll position, using CSS scroll-driven animations. Browsers without them get a small observer instead, and with reduced motion you see the finished site.