Welcome to ProperSite

Every website deserves a proper site.

Scroll — the flight is yours

design 10A
10AFull PagesBuilt & running

Dark premium

A product page that costs nothing to trust.

What this is

A complete product page, finished end to end — the kind of page that makes a product look worth more.

P1Proof — a real jobLive now

PetePlumber, Nottinghamshire

His real work, shot like a film, driven by the visitor's scroll — and his old site kept crawlable underneath, so he lost nothing in search.

Visit the live site — nottsplumber.co.uk
P2Proof — a real job

NeilBuilder, Netherlands

Ten scenes in Dutch, his own bathroom photograph animated into the page, and a gallery built from his twenty-four real job photos.

P3Proof — a real jobLive now

VitadefenceSupplements, United Kingdom

Our own shop. Three countries run on it every day — we sell on the same machines we sell you.

Visit the live site — vitadefence.com
P4Proof — a real jobLive now

VitadefenceSupplementen, Nederland

The Dutch store — same engine, its own language, its own market.

Visit the live site — vitadefence.nl
P5Proof — a real jobLive now

VitadefenceSuplementos, España

The Spanish store — one business, three countries, every one of them live.

Visit the live site — vitadefence.es
For the trades

We built the plumber's. We built the builder's.
Yours is next.

You never touch a computer. We build it, we host it, we watch it. No forms to fill, no maintenance, no jargon — and your search standing is kept, not thrown away.

See the real jobs

We make websites.

Not pages that sit there. Sites that move, that sell, and that people remember the next morning.

46 live designs below — every one running, none of it video — pick by number, combine as many as you like

design 2A
2A3D ProductBuilt & running

Your product, live in the browser

Spin it with your scroll. No video, the real thing.

What this is

Your product sits in the page as a real object. The visitor turns it with their scroll — every angle, every detail, and no reshoot when the product changes.

design 2B
2B3D ProductBuilt & running

Built in the page

The object is assembled by the page itself, never dropped in as a file.

What this is

As the visitor scrolls, the page assembles the product piece by piece before their eyes, ending fully built and ready to sell.

design 2C
2C3D ProductBuilt & running

Real materials

Glass, brushed metal, matte card. It reads as the thing itself.

What this is

Your product's actual surfaces, judged the way a customer would in person. Glass that bends light, steel with a real brushed grain, matte board, one warm key light, turning slowly.

design 2D
2D3D ProductBuilt & running

Your artwork on it

Your own label, wrapped on real geometry, every word where you printed it.

What this is

The flat label artwork you already own, wrapped onto the real curved product. The jar on the page is the jar on the shelf, readable from every angle.

design 2E
2E3D ProductBuilt & running

Heavy model, fast page

A detailed object that still opens instantly on a phone.

What this is

A genuinely detailed object, tens of thousands of parts, on a page that still opens instantly. The part count and the real ready-time are printed on screen.

design 2F
2F3D ProductBuilt & running

Shaped to order

A form built to measure, not picked off a shelf.

What this is

A bespoke form being shaped to measure in front of the visitor. Built to order, never picked off a shelf.

design 1A
1ACinematicBuilt & running

Film that moves when you do

Your work, shot like a film, driven by your scroll.

What this is

A cinematic landing page for a trade firm: the visitor lands in a dusk rooftop scene with a SCROLL TO EXPLORE cue, and the work plays out as film shots, not a photo gallery. A trade business that looks filmed, not photographed.

design 1B
1BCinematicBuilt & running

Pinned reveal

The page holds still while the story moves.

What this is

The screen holds still while your story plays through it. Visitors stop skimming and actually watch.

design 1C
1CCinematicBuilt & running

Sideways world

You scroll down and the world travels sideways.

What this is

The page travels sideways as they scroll down — a gallery that feels like a journey, not a list.

design 1D
1DCinematicBuilt & running

The long scroll

One page, start to finish, and never a jump.

What this is

One continuous story, five chapters handing over to each other without a single jump. An about-us page a customer actually reads to the end.

design 1E
1ECinematicBuilt & running

Weighted scroll

The page has weight. It glides instead of jerking.

What this is

The page moves with real weight. It glides, leans into the move and settles instead of jerking, and a live gauge shows the momentum.

design 6A
6AEffectsBuilt & running

The finish nobody else has

Colour follows the cursor like water.

What this is

Colour follows the visitor's cursor like water. The page feels alive before they have read a word.

design 6B
6BEffectsBuilt & running

Cinema finish

Bloom, grain and depth. The look of a shot, not a screenshot.

What this is

Bloom, grain and true depth on a lit scene. The look of a film shot, not a screenshot.

design 6C
6CEffectsBuilt & running

Tomorrow's engine

The newest graphics pipeline there is, with a safe way back for old phones.

What this is

Built on the newest graphics pipeline there is, with a fallback that swaps in silently on older phones. Nobody ever sees a broken page.

design 6D
6DEffectsBuilt & running

Lit properly

Light that behaves. It is the whole reason it looks expensive.

What this is

One object under three kinds of light, crossfading. Light that behaves is the whole reason a page looks expensive.

design 6E
6EEffectsBuilt & running

Heavy look, light page

The depth of a 3D scene at the weight of a photograph.

What this is

A photograph that gains the depth of cinema. A real generated film, at the weight of a picture.

design 6F
6FEffectsBuilt & running

Flat and fast

Thousands of moving pieces without ever touching 3D.

What this is

Thousands of amber particles forming your headline at sixty frames a second, without ever touching 3D.

design 6G
6GEffectsBuilt & running

Weather on the page

Gold leaves fall through the words, behind them and in front.

What this is

The page has weather. Gold leaves tumble through the words on two depths — behind the type and in front of it — each one turning on its own axis, sliding on a wind that gusts by itself.

design 6H
6HEffectsBuilt & running

The air is alive

Golden dust hangs in the section, parting around the cursor.

What this is

The section's air is full of golden dust — drifting, breathing, parting around the visitor's cursor and closing behind it. It stays out of the words' way and stops the moment the section leaves the screen.

design 9A
9ACrafted 3DBuilt & running

Modelled by hand, running in a browser

Not a stock model. Something made for you, and it runs anywhere.

What this is

A three-dimensional scene made only for you, running inside your page — phones included. Nobody else has it, because it exists nowhere else.

design 9B
9BCrafted 3DBuilt & running

Surfaces made for you

The grain, the wear, the finish. Yours, not a preset.

What this is

Four surfaces made only for you — the grain, the wear, the brass, the leather — each turning under one warm light so the finish speaks for itself.

design 9D
9DCrafted 3DBuilt & running

It moves on its own

The model has its own life, whether anyone scrolls or not.

What this is

The model breathes on its own clock whether anyone scrolls or not, and a live counter on screen proves it.

design 3A
3AImmersiveBuilt & running

In their room, through their phone

A room they can walk, without an app.

What this is

A room your customers can walk through on their phone. Your showroom, open all night, no appointment.

design 3B
3BImmersiveBuilt & running

Drop it in the room

They point the phone at the floor. It lands there.

What this is

They point the phone at the floor and it lands there, with a real shadow at real scale. This is that moment, playing on any screen.

design 3C
3CImmersiveBuilt & running

Depth inside a normal page

Three dimensions exactly where you want them, plain and quick everywhere else.

What this is

An ordinary fast page that opens one window of true depth exactly where it earns its keep, and stays plain and quick everywhere else.

design 8D
8DPlayBuilt & running

Something they'll come back for

A real game, in your page.

What this is

A real game inside your page. People stay, play, come back — and bring someone with them.

design 8A
8APlayBuilt & running

Pick it up

Reach into the page and take hold of the thing.

What this is

Reach into the page and take hold of the thing. Drag it, throw it, watch it come back. People stay to play.

design 5A
5APortfolioBuilt & running

Work, shown properly

Work slides past and the page wipes between jobs.

What this is

Your work glides past as they scroll and the page wipes clean between jobs. A portfolio that presents itself.

design 5B
5BPortfolioBuilt & running

Never a reload

Move between pages and the site never once blinks.

What this is

Six projects morph between grid, list and detail without a single page load. Nothing reloads, nothing jumps, nothing blinks.

design 5C
5CPortfolioBuilt & running

Built to hand over

The same motion, inside a real app your own people can keep running.

What this is

The same motion voice inside a real working app: nav, toggles, live numbers, a toast. Restrained, professional, and your own team can keep it running.

design 5D
5DPortfolioBuilt & running

The torch

Under the cursor, the same page turns into its other self.

What this is

The visitor carries a light. Under it the same page turns into its other self — lit, golden, awake. Day and night, raw and finished, before and after: one page, two worlds, and the customer's visitor holds the torch.

design 4A
4AStorytellingBuilt & running

A page that tells it in order

The figures count themselves up as you arrive.

What this is

Your numbers count themselves up the moment they come into view. Proof that lands harder than a paragraph.

design 4B
4BStorytellingBuilt & running

Words that arrive

Every line lands on its own, in the order you meant it.

What this is

Your words land line by line, each on its own beat, in the order you meant them. Visitors read instead of skimming.

design 4C
4CStorytellingBuilt & running

Before and after

Drag the line. Watch the job change.

What this is

One line the visitor drags between the job before you and the job after you. The strongest pitch a trade can make.

design 4D
4DStorytellingBuilt & running

Arrive and appear

Nothing shows itself until it is worth showing.

What this is

An amber dot rides a hand-drawn route across the page and delivers each point as it passes. Nothing shows itself until it is worth showing.

design 7A
7ADetailsBuilt & running

The thousand small things

Everything answers when touched.

What this is

Every button, loader and control answers the visitor's touch. The site feels finished everywhere they click.

design 7B
7BDetailsBuilt & running

Opens and closes

Menus and panels that move like objects, not like windows.

What this is

Menus and panels that open and close like physical objects with hinges. Nothing pops, everything moves.

design 7C
7CDetailsBuilt & running

Real weight

It springs, settles and stops. Nothing snaps.

What this is

Cards that spring, settle and stop with real weight. Nothing snaps.

design 7D
7DDetailsBuilt & running

A finished kit

Every control already alive, and all of it matched to you.

What this is

A matched kit of live controls, every one already alive and speaking the same motion voice.

design 7E
7EDetailsBuilt & running

Drawn animation

An illustrator's own frames, playing inside the page.

What this is

An illustrator's line drawing, drawing itself inside the page. Hand-made frames, playing live.

design 7G
7GDetailsBuilt & running

Wired into your app

The same motion, inside the site your team already runs.

What this is

The same motion voice inside the app your team already runs. Records change, nothing reloads, everything answers.

design 7H
7HDetailsBuilt & running

It follows the hand

A ribbon of embers under the cursor, laid by distance, not by the clock.

What this is

A ribbon of embers follows the visitor's hand. Sparks are laid by distance travelled, not by the clock, so a flick and a crawl draw the same unbroken line — and before anyone moves, the page demonstrates itself.

design 10C
10CFull PagesBuilt & running

The whole thing, finished

The world stops. The camera keeps walking.

What this is

The world in your film stands still while the camera keeps walking. A moment nobody scrolls past.

design 10D
10DFull PagesBuilt & running

The painting comes alive

Give us one picture — we give you a camera walking into it.

What this is

Opens on a still painting that wakes into a moving film — the camera walks straight in. Any photograph or artwork you own can become a living scene on your site.

design 10B
10BFull PagesBuilt & running

Fast on a bad phone

All of it, still smooth, on the worst handset in the room.

What this is

A whole moving page that weighs less than one photograph, and says so with the real byte count printed on screen.

Hosting & care

£19.99 a month. We host it, we serve it, and every month we audit it.

Reserve your site with us and stop thinking about it. Your site lives on our machines, we keep it fast and online, and every single month we run our own audit on your real pages — what's wrong, what it's costing you, what we fixed. Not someone else's dashboard. Ours.

£19.99 every month, audit included. Domain name separate. Building the site — that's its own conversation: three clicks below and we're talking.

no contracts to read — you pay, we host, we watch

The close

You've seen what we can do.
Three clicks and we're talking.

Every design on this page has a number. Note the ones your business needs — 3 + 12 + 40 — then answer three questions below. No typing, no forms. After that you never touch a computer: we build it, we host it at £19.99 a month, and every month we audit it for you. Domain separate; the build is its own conversation.

01 — Your trade
02 — What you need
03 — When

Answer the three questions to light the buttons

46 designs live above — scroll back any time, the numbers don't move