This website is still under development — it will be fully functional in a few days.This website is still under development — it will be fully functional in a few days.This website is still under development — it will be fully functional in a few days.This website is still under development — it will be fully functional in a few days.
Live showcase — everything here is running in your browser

WHAT WE CAN DO FOR YOU

Every effect on this page is explained in plain English and demonstrated live. Nothing here is a video or a screenshot.

Pick a cursor

A dot on the pointer, a ring trailing behind on a spring.

Cursors need a mouse — on a touchscreen these stay off on purpose.

Scroll — the rocket builds itself
Preparing the blueprint…

Stage 1 — parts, exploded

Stage 2 — assembly

Stage 3 — ignition

Scroll to assemble · drag to orbit

01
Real-time 3D

A machine that builds itself as you scroll

That was a genuine 3D model running live in your browser — not a video. It starts as an exploded technical drawing with dimensions and margin notes, turns as you scroll, then every part flies into place, the blueprint becomes the finished vehicle, and the engines light. You can grab it and spin it, too.

Show a product, a process, a building or a vehicle from every angle.

02
Decoding text

Words that transmit rather than appear

Characters churn through random glyphs and lock into place one by one. Used once, on the right headline, it draws the eye like nothing else — used everywhere, it's a migraine. We use it once.

A hero headline, a big number, a launch date.

BUILT TO BE NOTICED

Reload the page to watch the title — and this line — decode again

03
Design systems

Your brand, changed in six lines

The whole site is painted from six colour values. That's why the buttons at the top of this page can repaint every gradient, glow and highlight instantly — and why matching your exact brand is a five-minute job, not a rebuild.

Try the palette buttons at the top — the entire page follows.

Repaint this page

Electric blue → hot pink. Confident and modern.

04
Particle typography

Thousands of dots that assemble into your words

As the visitor scrolls, a cloud of individual particles flies in and settles into the shape of your headline. It's drawn live in the browser — no video, no huge image file — so it's razor sharp on any screen and adds almost nothing to your page weight.

Brilliant for a homepage hero or a big brand statement.

SCALE UP

Scroll up and down — the dots follow you

05
Handwriting & line drawing

Lines and lettering that draw themselves

Any shape, logo or signature can be drawn on stroke by stroke as the page scrolls, exactly like watching someone write it. We control the speed and the moment it starts, so it lands right as the section comes into view.

Great for signatures, logos, charts and 'how it works' diagrams.

06
Scroll-linked text

Copy that lights up word by word

Instead of a wall of text, each word brightens as the reader scrolls through it. It slows people down at exactly the point where you want them reading properly, and it makes a long paragraph feel effortless.

Perfect for your story, your promise, or a key sales message.

Everywordonthispagewasplacedonpurpose.Goodwritingsellstheworktheanimationjustmakessureitactuallygetsread.

07
Galleries

A gallery that opens up as you explore it

Point at a panel and it unfolds while the others step aside. Click, and the exact panel you clicked grows into the full story — the same element morphing, not a new window appearing. On a phone it becomes a smooth snap-scrolling row.

Portfolios, project galleries, menus, room-by-room property tours.

Example layouts, built for this page — not real client sites.

08
Illustrated animation

Reviews delivered by hand-drawn people

Custom line-art characters who breathe, blink and speak your customers' words as they appear. Drawn as clean outlines rather than cartoons, so it stays grown-up — and because it's all vector, it's a fraction of the weight of video.

Testimonials, explainers, welcome messages, 'meet the team'.

I'dputoffgettingawebsitefortwoyearsbecauseIassumeditwouldbecomplicatedandexpensive.ItwasneitherIsentsomephotosoverandaweeklateritwaslive.

Example reviewer · Café owner

Example copy — a live site would carry your real customers' words.

09
Depth & parallax

Layers that move at different speeds

Foreground, middle and background elements travel at different rates as you scroll, which tricks the eye into seeing real depth on a flat screen. Subtle enough to feel expensive rather than gimmicky.

Adds richness to hero sections, photo bands and feature blocks.

Design
Speed
Hosting
Depth on a flat screen
Three layers, three speeds, one scroll
10
Animated numbers

Figures that count up when they're seen

Your best numbers — years trading, jobs completed, five-star reviews — roll up from zero the moment they scroll into view. A number that moves gets read; a number sat still gets skipped.

Ideal for a stats band, results, or social proof.

0 days
Typical build time
0%
Mobile-friendly
0 fps
Silky-smooth animation
£0
Starting price
11
3D & cursor interaction

Cards that tilt and follow the cursor

Elements respond to the mouse in real time — tilting in 3D, catching a highlight, lifting off the page. On a phone these gracefully fall back to a clean tap state, so nothing feels broken on mobile.

Works beautifully on service cards, portfolios and product grids.

Move your mouse

This card tilts in three dimensions toward your cursor, and the highlight tracks the pointer across the surface.

It springs back

Let go and it settles with a physics spring rather than snapping — that's what makes it feel like a real object.

Safe on mobile

On a phone there's no cursor to follow, so it quietly becomes a clean, tappable card. Nothing looks broken.

12
Pinned storytelling

A section that holds still while the story changes

The panel locks to the screen and the content advances as you scroll — a guided sequence rather than a page you skim past. It's the technique behind most high-end product launch pages.

Made for explaining a process, a menu, or a range of products.

01

You message us

What you do, who you want to reach, what the site needs to achieve. Written down, whenever suits you.

02

We build

You send words, photos and your logo. We design and build, then send you a private preview link.

03

You review

Click around and tell us what you'd change. We keep tweaking until you genuinely love it.

04

You go live

We put it on your domain and take care of hosting, security and updates from then on.

13
Micro-interactions

Buttons that reach out to meet you

The small stuff: buttons that lean toward the cursor, gradients that shift on hover, icons that spring. Individually tiny, collectively the difference between a site that feels flat and one that feels alive.

Applied across every button and card on a site we build.

Hover the buttons

One of these leans toward your cursor and springs back. It takes a fraction of a second to notice, and it's the sort of detail that makes a site feel considered.

14
Before & after

Drag the handle and watch fifteen years pass

A comparison slider the visitor controls themselves. On the left, the kind of site we're usually replacing — visitor counter, guestbook, 'best viewed at 1024×768'. On the right, what the same business could have. Nothing persuades quite like seeing both at once.

Refurbishments, renovations, restorations, before-and-after work of any kind.

hartleyelectrical.co.uk
Hartley Electrical
ServicesWorkAboutGet a quote
Rewires, EV chargers, emergency call-outs
Fully certified. Same-day quotes across the county.
Get a quoteLearn more
Full rewires
Domestic
EV charge points
OZEV approved
Fuse boards
18th edition
Emergency
24 hours
24-hour emergency call-outGet a quote
Certified, insured, and on time
© Hartley Electrical
hartley-electrical-services.co.uk/index.html
HARTLEY ELECTRICAL SERVICES
~*~ Quality Electrical Work Since 1998 ~*~
Home | Services | Gallery | Guestbook | Contact Us
Site Menu
» About Us
» Prices
» Testimonials
» Links
» FAQ
Visitors
000147
Welcome to our website!

We are a family run electrical firm covering the local area and surrounding areas. Please browse our site and contact us for a quotation. No job too small!!

[ photo not available ]

Tel: 01234 567890 — ask for Dave

Best viewed at 1024x768

Last updated 14/03/2011 · © Hartley Electrical
BeforeAfter

Drag the handle

15
Horizontal storytelling

Scroll down, travel sideways

The page locks and the content slides across the screen instead of up it — here, everything the monthly plan quietly covers. It turns a list into a journey with a beginning and an end, and because it's unexpected, people read to the last panel.

Service breakdowns, ranges, timelines, portfolios — anything with a running order.

01

Hosting that doesn't fall over

Fast, secure hosting with an SSL certificate, served from the edge so it loads quickly wherever the visitor is.

02

Backups and updates

Taken automatically, kept off-site, and restorable. Software patched before a vulnerability becomes your problem.

03

Monitoring around the clock

We're told the moment your site stops answering — usually before you'd have noticed, always before a customer complains.

04

Your changes, made for you

New prices, new photos, new opening hours, a new page. Message us and it's done — normally the same working day.

05

Getting better every month

Search improvements, speed work and small refinements, so the site is stronger a year in than the day it launched.

16
Stacking cards

Cards dealt one on top of the next

Each card sticks in place and shrinks slightly as the following one slides over it, so they gather into a neat pile. It gives every point its own uninterrupted moment on screen rather than letting them blur past.

Key benefits, service breakdowns, anything that deserves a beat each.

It looks like you

Your colours, your words, your photographs — arranged by someone who does this every day. Not a template with your logo dropped in the corner.

It loads instantly

Built as flat, pre-rendered files served from the edge. Nothing to boot up, nothing to query, nothing to keep the visitor waiting on a patchy 4G signal.

It gets found

Proper page titles, clean structure, real content and a Google Business listing that matches. The unglamorous work that decides whether anyone ever sees it.

It stays looked after

Hosting, certificates, backups and updates handled monthly, plus a person who answers when you email. It should still be excellent in three years.

17
Momentum

A row that feels how fast you're scrolling

The strip drifts along by itself, but the faster you scroll the faster it travels — and it leans into the direction you're going, then settles when you stop. Scroll hard, then scroll back up.

Brand statements, service lists, client names, the studio's own swagger.

DESIGNBUILDHOSTLOOK AFTERGROW

Scroll fast, then scroll back up

18
Drag & physics

Things with weight you can throw about

Pick a card up and it follows your hand; let go mid-movement and it keeps travelling, slows down and settles. Real momentum and boundaries, which is why it feels like an object rather than a div.

Playful galleries, moodboards, 'meet the team', interactive menus.

Pick one up and throw it
Your colours
Your words
Your photos
Live in a week
You own it
Looked after
19
Custom cursor

Even the pointer is part of the design

Six different pointers, and you can try them all at the top of this page: a trailing ring, a comet tail, a liquid blob that stretches as you move, a technical crosshair with a live readout, a tag that names what you're pointing at, and a spotlight that dims everything else. All of them know a button from empty space, and all of them switch off on touchscreens.

Studio sites, portfolios, anywhere the craft is the product. One is on right now.

Whichever style you picked at the top of the page is following you right now. Point at these two and watch it react — every one of them knows the difference between a button and empty space.

Point at meAnd me

Scroll back up to swap cursor

20
Interactive tools

Answer the price question before they ask it

Most visitors leave because they can't tell whether they can afford you. A calculator answers that honestly in ten seconds, and the ones who then get in touch are already comfortable with the number.

Quotes, estimates, mortgage and finance sums, delivery costs, sizing.

5
One-pagerFull site
Anything else?
Estimated build
£970
Then, monthly
£33/month
Closest package
Professional

An estimate, not a quote — but we rarely come in above it. Hosting, security and updates are already included in the monthly figure.

Get an exact price
Part two

Selling online, from the ordinary to the wild

First the things every decent shop needs — then the ideas most small businesses have never been offered.

21
E-commerce

A real shop, not a picture of one

Everything a proper online shop needs is here and working: variant swatches, live stock, add-to-basket animation, a basket drawer with quantities, free-delivery progress and a discount code. Add a few things and open the basket.

Try it — the code is SCALE10.

The Corner Shop

Seaside Candle

£18
(42)
Sand
Only 3 left

Everyday Mug

£14
(118)
Cream

Cotton Tote

£22
(27)
Natural

Everything a proper shop needs

All of this is standard on our Online Shop package — not an upsell.

Product catalogue with options

Sizes, colours and variants — each with its own photo, price and stock count.

Secure card payments

Cards, Apple Pay and Google Pay through Stripe. Card details never touch your website.

Basket & checkout

A fast, mobile-first checkout designed to stop people giving up at the last step.

Stock control

Live stock counts, low-stock warnings and automatic sold-out labels.

Discounts & offers

Percentage or fixed-price codes, free-delivery thresholds and time-limited sales.

Delivery & collection

Postage priced by weight or area, plus click-and-collect for local customers.

Order management

One screen showing what's been paid for, what's packed and what's gone out.

Customer accounts

Order history, saved addresses and repeat purchases in a couple of taps.

Automatic emails

Branded order confirmations, dispatch notes and receipts, sent without you lifting a finger.

Reviews & ratings

Verified buyer reviews, requested automatically a few days after delivery.

Search & filters

Shoppers narrow down by size, price, colour or category and actually find things.

Sales reporting

What's selling, what isn't, and where your customers came from — in plain English.

22
3D commerce

Products your customers can pick up and turn over

A genuine 3D model of the product, spinning on a turntable you can drag. Change the colour or the finish and the real thing updates, with the price following along. Shoppers who can see exactly what's coming send far less of it back.

Furniture, ceramics, signage, jewellery, vehicles, made-to-order anything.

Loading the 3D model…
Drag to spin
Made to order

Small-batch botanical

Real glass, refracting the liquid behind it. Every choice is shown on the actual product before anyone parts with a penny — no guessing from a flat photo, and far fewer returns.

Botanical — Botanical
Label — Bone
Finish
Price
£32
Drop-in features

And whatever else you need on it

The eight below are what we get asked for most. None of them is a rebuild — they get added to a site that already exists, usually in days. All eight are live on this page, so try them.

23
Video

Video that doesn't slow the page down

That's a real video file, hosted by us rather than by YouTube. It costs nothing until somebody presses play, it sets no third-party cookies, and there are no adverts for your competitors on the end of it. YouTube and Vimeo drop straight in too if you'd rather — we'll tell you which is right for your case.

A walkthrough of the workshop, a customer talking, the thing you make being made.

0:00 / 0:17
Silent showreel

This one is hosted on the site itself — it loads from the same place as the page, so it's quick, it sets no third-party cookies, and nobody gets shown “up next” adverts for a competitor. If you'd rather, a YouTube or Vimeo video drops straight in instead.

24
Embedded tools

The things other people built, sitting inside your site

Your Google reviews, your Instagram, a newsletter signup, a live chat bubble — all of it can live on your pages instead of asking people to leave and go looking. Flip through the tabs to see the four we're asked for most.

Reviews on the home page do more work than any amount of copy about how good you are.

4.9

Based on 128 Google reviews

5
86%
4
9%
3
3%
2
1%
1
1%
MW
Marie Whitfield
2 weeks ago

Turned up when they said they would, explained everything in plain English and left the place spotless. Can't ask for more than that.

DO
Danny Osei
a month ago

Used them twice now. Quote was clear, no surprises on the invoice, and they sorted a follow-up question a week later without charging me for it.

Real Google reviews pull through automatically and update themselves.

25
Bookings

Let people book without ringing you

Pick a day, pick a slot, done — and it lands in your calendar rather than on a notepad. The slots that have gone are already greyed out, so nobody books a time you can't do. Most businesses find the bookings arrive in the evening, when the phone would have been off anyway.

Appointments, tables, viewings, classes, consultations, van slots.

Book an appointment
45 minutes · No deposit
Pick a day
Pick a time

Nothing is sent — this is a demonstration. On a live site the slot would be held, you'd both get an email, and it would land in your calendar.

26
Maps & privacy

A map that waits until it's asked

Maps are the usual reason a small site quietly starts setting third-party cookies the moment anyone lands on it. This one holds back behind a button and only loads when somebody actually wants directions — same convenience, no tracking on arrival. That kind of decision is the difference between a cookie banner you need and one you don't.

Press the button. Nothing external loads until you do.

The Corner Shop

14 Wharf Road, London W6 9HA
Mon–Sat, 9am–5.30pm

Nothing loaded yet

That button is the demonstration. Drop a normal map embed on a page and it starts talking to a third party — and setting their cookies — the second the page opens, whether or not anyone looks at it. Holding it back until someone asks keeps the page quick and keeps your cookie banner honest.

27
Live information

“Are you open?”, answered without you

The single most common thing anyone wants from a local business website, and the one most of them get wrong. This works out the answer from the clock — open now, closing soon, or shut with the next opening time — and it keeps doing it at 11pm on a Sunday without you touching a thing.

Shops, cafes, garages, surgeries, salons — anywhere with a door.

The Hillside Bakery
Checking the time…

One moment.

4 Mill Lane, Hillside

Reading your local time…

This week
  • SunClosed
  • Mon8am – 5.30pm
  • Tue8am – 5.30pm
  • Wed8am – 5.30pm
  • Thu8am – 5.30pm
  • Fri8am – 5.30pm
  • Sat9am – 4pm

Set the hours once. The site answers “are you open?” every day after that — including bank holidays, if you add them.

28
Urgency, honestly

A deadline people can see

A sale that ends, a course that starts, an event that's coming. A real countdown does something a sentence can't — it makes the deadline feel like a fact rather than a sales line. It also stops you having to remember to take the page down afterwards.

Seasonal offers, course intakes, event tickets, last posting dates.

Open evening

Doors open in

Loading the date… · Free tastings, 10% off everything on the night.

––
Days
––
Hours
––
Minutes
––
Seconds

Put one of these on a sale, a course start or an event and it counts down on its own — no one has to update it each morning.

29
Questions

The questions you answer on the phone every day

Parking, delivery, refunds, deposits, whether you take card. Every one of those is a phone call you don't need to take, and a reason somebody didn't buy. Laid out like this, Google can also lift the answers straight into its results — which is free space on a page you don't own.

Write down the five questions you're sick of answering. That's the section.

Yes — free within five miles of the shop on orders over £30, otherwise £3.95. Order before 11am and it goes out the same afternoon; after that it's the next working day. We deliver Monday to Saturday.

Laid out like this, Google can read the questions as questions — which is how your answer ends up showing in the search results themselves, before anyone has clicked anything.

30
Menus & documents

Documents people can actually read on a phone

A PDF menu is the quickest way to lose a hungry customer — pinching and dragging around a document built for A4. The same information as a proper page loads instantly, reads at any size, and Google can see what's on it. You still get a download button for the people who want one.

Menus, price lists, brochures, spec sheets, tariffs, class timetables.

Autumn menu — The Hillside Bakery
1 / 2
Est. 2011

The Hillside Bakery

Baked each morning on Mill Lane

Breakfast

Buttered sourdough
Two slices, our own jam
£3.20
Bacon bap
Local dry-cured, brown or red
£4.80
Full plate
Eggs, bacon, sausage, beans, toast
£8.50
Porridge
Honey, or stewed apple
£3.90

From the counter

Sausage roll
Made here, all day
£3.40
Cheese & onion pasty
£3.60
Almond croissant
£3.10
Victoria sponge
By the slice
£3.75
Sourdough loaf
Whole, while they last
£4.20

Sandwiches — all £6.20, on sourdough or a bap

Mature cheddar & pickle · Honey-roast ham & mustard · Free-range egg mayonnaise · Tuna & cucumber · Roast vegetable & hummus

Add crisps and a drink for £2.50. Everything wrapped to take away at no extra cost.

4 Mill Lane, Hillside · 01234 567 890Page 1 of 2

Deliberately inert here — it's a demonstration. On a real site this gives people the printable version as well.

The page above is the real menu. The PDF is the extra, not the other way round — which is what makes it readable on a phone.

Going further

Ideas most small shops never get offered

None of this is science fiction — it's all buildable today. We'll tell you honestly which ones would actually earn their keep for your business, and which are just clever.

Live demo

3D product configurator

Customers turn the product over, change the colour and the finish, and watch the price update live. Demonstrated right above.

AR

See it in your room

Point a phone at the floor and place your product, life-size, in the customer's actual living room before they buy.

AI

AI shopping assistant

"A gift for a keen gardener, under £30" — and it answers from your real catalogue, in your tone of voice, at 11pm.

Fewer returns

Fit & style finder

A twenty-second quiz that puts people in the right size first time. The single biggest lever on returns.

Recurring

Subscribe & save

Auto-replenish for anything people run out of — coffee, candles, dog food. Predictable income every month.

Bigger baskets

Complete the look

Automatic bundles built from what actually sells together, quietly lifting the average order.

Repeat custom

Loyalty & referrals

Points, tiers and a referral link customers genuinely share — because the reward is worth having.

Local

Local delivery slots

A map and a calendar: customers pick the run your van is already doing past their door on Thursday.

B2B

Trade & wholesale area

A password-protected trade shop with its own pricing, bulk ordering and account terms.

Ready for a website you're proud of?

Message us about your business and we'll come back with a straight answer on cost and timings — in writing, no phone calls, no pressure.