One fictional business - three different sites
Designer's Notes
The Inbox Whisperer started life as nothing more than a demo brand. But it quickly became my testing ground — a way to explore how the same assets can stretch from a simple one-page presence into a full-featured build. It’s proof that strategy drives the shape of a site just as much as style does.
Why We Built It
-
To show how the same brand assets can work across very different website types.
-
To demonstrate what changes as you move from a simple one-day build to a full custom setup.
-
To give prospects a safe, fictional example so they can explore without client confidentiality limits
A Demo Site That Might Just Become Something Real…
The Inbox Whisperer started as a fictional brand - created solely to help demonstrate what’s possible when you build a website with strategy, structure, and soul.
But somewhere along the way, something clicked.
We wanted to show:
- How branding, copy, and layout can work together to create clarity
- How one business can evolve over time, without starting from scratch
- How different build types affect what a customer sees and feels
So we built Inbox Whisperer from the ground up:
- A calm, clean brand palette
- Soft photography in sage and rose
- A voice that’s confident, friendly, and quietly clever
- A clear service offering with simple CTAs
From content to colour palette, it was developed just like a real client project — because that’s exactly how we’d work with you, too.
A DEMO BRAND BUILT TO SHOW WHAT'S POSSIBLE
The Winning Features
Three live demos — same brand, three different site builds.
Side-by-side comparison of design depth, features, and structure.
Layered functionality — each version adds new features, from simple presence to advanced tools.
Dive right in! Click the images to take you straight to the mini-case study.
Add a Title
Add paragraph text. Click “Edit Text” to update the font, size and more. To change and reuse text themes, go to Site Styles.
Add a Title
Add paragraph text. Click “Edit Text” to update the font, size and more. To change and reuse text themes, go to Site Styles.
Add a Title
Add paragraph text. Click “Edit Text” to update the font, size and more. To change and reuse text themes, go to Site Styles.
.jpg)
Add a Title
Add paragraph text. Click “Edit Text” to update the font, size and more. To change and reuse text themes, go to Site Styles.
Add a Title
Add paragraph text. Click “Edit Text” to update the font, size and more. To change and reuse text themes, go to Site Styles.
Add a Title
Add paragraph text. Click “Edit Text” to update the font, size and more. To change and reuse text themes, go to Site Styles.
Add a Title
Add paragraph text. Click “Edit Text” to update the font, size and more. To change and reuse text themes, go to Site Styles.
Add a Title
Add paragraph text. Click “Edit Text” to update the font, size and more. To change and reuse text themes, go to Site Styles.
WELCOME
A live, interactive showcase of how different types of websites can come together, depending on your goals, content, and budget.
Some examples here are real, live client sites. Others - like our fictional business 'The Inbox Whisperer' - have been created to demonstrate what’s possible using the exact same brand assets and structure across multiple build types.
Why? Because most people don’t know where to start - and this page is here to change that.
What Makes This Different?
We’re not just showing pretty finished websites. We’re showing:
-
How different platforms behave
-
How you can layer features
-
Where the shortcuts help - and where they don't
-
Why a bit of upfront planning before you start really matters
Each version uses a real or fictional business to demonstrate a different approach, from one-day builds to fully customised ecommerce setups.
Explore the builds
.png)
From scratch brand to full digital presence: designed for key workers, OAPs, trade, and local customers alike
Why We Built It
-
Foxhills relied on word of mouth and needed a complete online revamp.
-
Research showed distinct services and customer groups that required tailored messaging.
-
We built a hub-and-spoke structure so every service had space to shine while feeding into the main site.
Community-first was key
A full rebrand and rebuild, designed to turn Foxhills’ reputation into an engaging, multi-service digital hub.
So, how did we bring it all together?
We knew from the research stage that Foxhills wasn’t a “one-size-fits-all” business. Services like accident repair, paintwork, and alloy wheel refurbishment each had unique customer needs and questions.
Our solution was a hub-and-spoke website — a central homepage supported by individual service pages, each addressing pain points and guiding users to the right solution. For transparency, we added a quote system with image upload, plus explainer materials that walk customers through how pricing works.
To reinforce trust and community, we launched the “Full Beam” blog — a space for tips, insights, and behind-the-scenes expertise. Together, these elements turned Foxhills from a word-of-mouth name into a confident, approachable online presence.
Designer's Note
Foxhills Body Shop came to us with no real online presence, despite years of local reputation. We developed a brand identity and colour palette from scratch, then built a sizable site that reflects their expertise across multiple service areas. By combining a hub-and-spoke structure with trust signals like a blog, explainer brochures, and an image-based quote system, we gave Foxhills a digital presence as reliable as their workshop.
A Hub-and-Spoke Site Built to Showcase Distinct Services
The Winning Features
Service-specific pages — each focused on pain points and solutions for different customer types.
Quote system with image upload — making estimates fast, transparent, and easy.
Content hub with blog + digital brochure — building trust, sharing expertise, and reassuring new customers.
.png)
A clear, credible online presence that turns plumbing expertise into steady enquiries
Why We Built It
-
The business relied on word of mouth and needed a site to generate new leads.
-
We created doorways to each service area, making it easy for customers to find exactly what they need.
-
A strong portfolio and testimonials system help build local trust and credibility.
A Demo Site That Might Just Become Something Real…
Hill Plumbing & Bathrooms came to us with a strong reputation built purely on word of mouth. The challenge was clear: how do you translate that into steady online enquiries without losing the local, personal touch?
So, how did we approach it?
We built a site that balances professionalism with approachability — grouping services into clear “doorways,” adding a portfolio of before-and-after projects, and layering in genuine testimonials.
The result is a simple, mobile-first site that acts like a digital shop window, giving new customers the same confidence as their loyal repeat clients.
Designer's Notes
Hill Plumbing had the reputation but not the reach. By showcasing their everyday plumbing work alongside full bathroom renovations - and making it easy to request a quote - we turned their word-of-mouth success into a steady stream of online enquiries from as-yet unknown customers.
A Local Trade Site Built to Win New Leads
The Winning Features
Before & After showcase — customers can see transformations at a glance.
Quote requests made simple — clear CTAs encourage fast lead generation.
Local-first approach — built with Scunthorpe homeowners in mind.
Two audiences, two journeys: tailored for public and trade on one cost-effective build
Why We Built It
-
Research revealed two distinct customer groups - public customers and trade partners.
-
One generic site risked confusing both, so we split the journeys while sharing the same build.
-
This gave each audience tailored messaging and navigation without doubling costs.
Funky, mobile-first and to the point
A simple, mobile-first build that gets straight to the point — built for speed, trust, and two very different customer journeys. losing the local, personal touch?
So, how did we make it work?
We started fresh, designing a streamlined site that feels like two in one. Public visitors see emergency call-out messaging with clear “chat now” options, while garages and trade partners access tailored content about long-term collaboration.
Behind the scenes, it’s one build — cost-effective, easy to manage, and designed for urgent mobile use. With WhatsApp as the main contact point, customers can send live locations, share updates, and track responses in real time, keeping the whole experience simple and familiar.
Designer's Note
The real challenge here was clarity. We needed to speak differently to trade partners and the public without building two separate sites. By creating distinct navigations and URLs, we gave the impression of two dedicated websites while keeping costs low and management simple. Layering in WhatsApp made it easy for customers to connect, track, and share locations — all in an app they already know and trust.
A Mobile-First Site Built for Urgent Callouts
The Winning Features
Mobile-first design — built for roadside use in urgent moments.
WhatsApp integration — instant chat, live tracking, and location sharing.
Human touches — technician intro, testimonials, and even a playlist to ease the wait.
Professional training with a twist targeting local in-house students
Why We Built It
-
Original DIY, catch-all site lacked the credibility and focus serious learners expect.
-
Persona research showed distinct learner types, so we built targeted landing pages for each.
-
A trust-first homepage funnel differentiates CLiK from the “cowboys” and builds local credibility/SEO.
Building Trust Locally
Professional, people-first, and built for local credibility — with targeted paths that speak directly to each learner
So, how did we strike the balance?
We moved away from catch-all messaging and let the research lead. Each learner type gets a focused landing page, while the homepage acts as a trust funnel — establishing credibility first, then guiding visitors to the right path.
Visually, we kept things clean and people-led, using avatars and straightforward language. To lighten the tone without losing authority, we added a bold, on-brand quiz — a small twist that adds personality and helps qualify interest.
Designer's Note
This build is about credibility without the hard edges. We put people and clarity first, then shaped focused journeys for each learner type. A clean, monochrome palette with strategic bursts of colour supports the ‘professional with a twist’ feel - and the quiz brings just enough warmth to make a serious subject feel human (you should also watch out for the trading-floor videos on Facebook!).
A People-First Local Training Site Built to Earn Trust and Guide Different Learners
The Winning Features
People-first visuals — real faces/avatars and plain-English copy to reassure, not intimidate.
Targeted landing pages — content shaped to each learner’s goals and concerns.
Playful quiz, serious intent — adds personality and colour while qualifying interest.
Family Comforts
Building an ecommerce brand
What began as a simple online shop has grown into a fully branded, content-rich site. We built the platform to scale and continue to support it with regular updates - including a monthly newsletter, fresh blog content, and evolving imagery. The design leans into warm storytelling and community, giving a small craft business the tools to build loyalty and grow steadily online.
Why We Built It
-
Original DIY, catch-all site lacked the credibility and focus serious learners expect.
-
Persona research showed distinct learner types, so we built targeted landing pages for each.
-
A trust-first homepage funnel differentiates CLiK from the “cowboys” and builds local credibility/SEO.
Building Trust Locally
Professional, people-first, and built for local credibility — with targeted paths that speak directly to each learner
So, how did we strike the balance?
We moved away from catch-all messaging and let the research lead. Each learner type gets a focused landing page, while the homepage acts as a trust funnel — establishing credibility first, then guiding visitors to the right path.
Visually, we kept things clean and people-led, using avatars and straightforward language. To lighten the tone without losing authority, we added a bold, on-brand quiz — a small twist that adds personality and helps qualify interest.
Designer's Note
This build is about credibility without the hard edges. We put people and clarity first, then shaped focused journeys for each learner type. A clean, monochrome palette with strategic bursts of colour supports the ‘professional with a twist’ feel - and the quiz brings just enough warmth to make a serious subject feel human (you should also watch out for the trading-floor videos on Facebook!).
CLiK Trading Education
Professional training with a twist targeting local in-house students
A People-First Local Training Site Built to Earn Trust and Guide Different Learners
The Winning Features
People-first visuals — real faces/avatars and plain-English copy to reassure, not intimidate.
Targeted landing pages — content shaped to each learner’s goals and concerns.
Playful quiz, serious intent — adds personality and colour while qualifying interest.
Business to business: With Impact
This B2B site was designed to keep things simple but powerful. We used a strong colour palette and consistent theme to carry the brand across every page, while video elements add energy and credibility. The result is a professional platform that makes complex services feel approachable and clear — showing how a straightforward structure and bold design can work together effectively.
Quick Summary (Tl;Dr)
We create simple, effective websites and Google Business Profiles tailored for trades and local service businesses. Our goal: help you get found online, build trust with customers, and win more local jobs—without you having to learn complicated marketing. We handle the setup with a straightforward, proof-backed approach that delivers steady enquiries while you focus on your work. Whether you need a quick one-page site or a full local growth package, we make getting visible and booked easy and stress-free.
What’s TL;DR and Why It Helps You
TL;DR stands for “Too Long; Didn’t Read.” It’s a quick summary for people who are too busy to read everything in detail. Perfect for tradespeople on the go.
Plus, with voice assistants like Alexa or Siri, you can even ask them to read the TL;DR out loud - so you get the key info hands-free, anytime.