Different businesses. Distinctive digital experiences.
Explore three original homepage concepts, each designed for a very different kind of business. They are fictional businesses, created to demonstrate our design and development, not commissioned client projects.
Choose a concept
Three businesses, three design languages.
Loading the interactive preview…
Loading the interactive preview…
Loading the interactive preview…
Scroll inside the preview and try its navigation and buttons. Enquiry buttons show a demonstration message rather than sending anything.
Concept 01 · Plumbing & Heating
Ferrule Plumbing & Heating
A dependable, conversion-focused homepage for a local plumbing and heating company.
Design approach
Deep navy and a confident blue give the steadiness people want from someone they let into their home, while a wide, sturdy typeface keeps it modern rather than generic. Every section leads towards one action: requesting a callout.
The business problem it solves
Most people find a plumber when something has gone wrong. A "What do you need help with?" picker lets them describe the problem in one tap, highlights the right service, offers reassuring guidance and carries their choice through to the callout request, so enquiring takes seconds instead of a phone queue.
- Palette
- Navy
- Signal blue
- Mist
- Slate
- Typography
- Archivo, using its width axis
- Interactions
- Problem picker that highlights the matching service
- Sticky navigation with the current section marked
- Choice carried through to the callout panel
- Service cards with hover and matched states
Concept 02 · Rendering & Exterior Finishes
Calx Render & Exterior Finishes
An architectural, craftsmanship-led homepage for a premium rendering and exterior finishes company.
Design approach
Warm off-white, stone and charcoal with a single terracotta accent, set in a light, precise grotesque with specification-sheet details: numbered rules, labelled data and generous space. It reads like an architectural practice, not a tradesperson directory listing.
The business problem it solves
Homeowners spending thousands on their facade need to understand the options and trust the finish. A finish explorer compares render systems side by side, and a before-and-after comparison shows what a refinish changes, so visitors arrive at a quote request already informed.
- Palette
- Chalk
- Stone
- Charcoal
- Terracotta
- Typography
- Hanken Grotesk, set light at display sizes
- Interactions
- Finish explorer with keyboard-accessible tabs
- Before-and-after comparison slider
- Transparent header that settles on scroll
- Measured, slow image transitions
Concept 03 · Fitness & Wellness
Oriel Movement Studio
An editorial, aspirational homepage for a boutique reformer Pilates and wellness studio.
Design approach
Warm cream, soft sage and espresso with an expressive serif, italics and an arch motif drawn from the name: an oriel is a bay window that lets the light in. The layout behaves like a magazine, with room to breathe between every idea.
The business problem it solves
A boutique studio sells a feeling before it sells a class. The homepage builds that atmosphere, then makes the next step simple: an expanding class gallery helps people choose, and three clear ways to begin remove the uncertainty of a first visit.
- Palette
- Cream
- Sage
- Espresso
- Moss
- Typography
- Instrument Serif with Bricolage Grotesque
- Interactions
- Expanding class gallery, by pointer or keyboard
- Line-by-line headline reveal
- Slowly turning seal and drifting class ribbon
- Soft, blurred section reveals
How to read these concepts
Real design, fictional businesses.
Fictional names and details
Ferrule, Calx and Oriel are invented businesses. Their locations, contact details and copy are written for demonstration, and the phone number is from a range reserved for fiction.
No invented results
There are no reviews, ratings, accreditations or performance figures. When a business becomes a client, its website will show its own genuine credentials.
Licensed photography
Photography is licensed from Pexels and used for illustration. A client website would use the business's own photography wherever possible.
Your website
Want something like this for your business?
Every concept here started with the same questions we would ask about your business: who you serve, what they need to know and what you want them to do next.