The Lab, applied.

Where it fits: hero sections for property developments, vehicle launches, tech companies, premium venues — anywhere the first three seconds decide whether the visitor stays.

Why it works: a hero that responds to the visitor reads instantly as "this company is current". Dwell time rises, bounce drops and the brand gets remembered as the one whose website felt alive.

Where it fits: product pages for furniture, toys, sports gear and packaging — anything a customer would pick up in a shop. Also science centres, kids' brands and agency about-pages.

Why it works: touch creates memory. A product you can grab, drop and throw on screen is closer to being held than any photo carousel — and interaction time on the page is attention a competitor isn't getting.

Where it fits: investor pages, annual reports, fintech dashboards, logistics KPI screens — a freight operator's on-time percentage, a lender's funded-to-date counter, a fund's growth curve.

Why it works: numbers that move get read; numbers in a table get skipped. Animated data signals confidence — you only animate figures you're proud of — and comprehension of trends roughly doubles when people watch them build.

Where it fits: "how it works" pages for complex services: a courier's route optimisation drawn live on a map, a lender's credit-decision flow, a SaaS product's matching engine.

Why it works: when a customer can watch your logic solve a problem in front of them, "trust us, it's clever" becomes unnecessary. Visible process is the strongest proof a technical service can offer.

Where it fits: education platforms, science curricula, corporate training — a chemistry lesson where learners run the reaction, a physics module where buoyancy is a slider, not a paragraph.

Why it works: playing with a system beats reading about it — retention studies have said so for decades. An education brand whose lessons are interactive is selling a visibly better product, and the demos double as marketing.

Where it fits: brand sites and campaigns that refuse to look templated: backgrounds that never repeat, social-share cards generated per visitor, event posters seeded from each attendee's name.

Why it works: one algorithm produces infinite on-brand assets — every visitor sees a site nobody else has seen. That's exclusivity at zero marginal cost, and "generate yours" is a share button that writes itself.

Where it fits: product reveals and story-driven landing pages: a bakkie rotating as you scroll, a development's units unlocking floor by floor, a heritage brand's timeline as a journey.

Why it works: scroll-driven scenes turn a pitch into a sequence the visitor controls — and finishing a story feels like agreement. It's the closest a website gets to a guided showroom tour.

Where it fits: campaign headlines, festival and music sites, fashion drops, agency manifestos — anywhere the words are the product.

Why it works: a slogan that moves gets rehearsed by the eye and remembered by the brain. Type in motion is the cheapest possible film production — no shoot, no stock footage, pure brand voice.

Where it fits: promotions and competitions: whack the brand mascot for a discount code, beat a score to enter the draw, a reflex test at an event stand collecting entries all day.

Why it works: a game earns voluntary attention and repeat visits — the two things ads pay fortunes for. High scores get screenshotted and shared, and an email address feels like a fair trade for another life.

Where it fits: retail promos (a scratch card that pays a real voucher), product-launch teasers revealed by a torch, easter eggs for superfans and hiring pages that reward the curious.

Why it works: discovery triggers a small dopamine hit and a large sense of ownership — "I found this" converts far better than "we told you this". A hidden 10% beats a bannered 10%, and costs the same.

Where it fits: instant-answer tools: a freight quote estimator for a logistics firm, an invoice-factoring calculator for a lender, a product configurator that recolours in real time, a school-fees planner.

Why it works: "get a quote" is a promise of admin; a live calculator is the answer itself. Self-service estimates qualify leads before the first phone call and convert several times better than a contact form.

Where it fits: music schools, kids' learning platforms, audio brands and any interface that deserves a signature sound — used sparingly and always opt-in.

Why it works: sound is the most under-used memory channel on the web. A two-note audio identity does for a brand what a jingle did for radio — and synthesis means zero audio files to load.

Where it fits: everywhere, in small doses: buttons that respond with weight, loaders with character, a submit action that stamps instead of spins.

Why it works: micro-interactions are how quality is *felt* rather than claimed. Users can't name why one site seems more trustworthy than another — this is usually why.

Where it fits: product onboarding, feature tours, annual-report walk-throughs — a spotlight that moves through an interface showing exactly one thing at a time.

Why it works: attention is the scarcest resource on any page. Techniques that physically steer the eye cut onboarding drop-off because the user never has to wonder where to look next.

Where it fits: office wall dashboards and status pages: a logistics network map with live routes, a support desk's queue pulsing gently, coverage areas as Voronoi cells.

Why it works: an ops screen people enjoy glancing at gets glanced at — which is the entire point. And clients who visit the office see a company that watches its own numbers in real time.

Where it fits: cosmetics, fashion, automotive, spirits — premium categories that would otherwise pay for looping background video.

Why it works: a fragment shader delivers film-grade atmosphere at 60fps for the bandwidth cost of a paragraph of text. It never buffers, never repeats visibly and recolours to a rebrand in one line.

Where it fits: wedding and event guestbooks, community art walls, kids' pages, a campaign where visitors sign the wall and the maths redraws their signature in circles.

Why it works: the moment a visitor makes something, the site becomes partly theirs — and people share what they made, not what they read. User-created moments are organic reach with a pen.

Where it fits: any service business whose work is invisible until it's done: attorneys, accountants, builders, agencies — the client journey animated end to end.

Why it works: people don't fear price; they fear not knowing what happens after they pay. A process they can watch is a process they can trust, and trust is what signatures are made of.