Before
Welcome to Oakfield Home Services
The name is clear, but the customer still has to read to work out what the business does, where it operates and what they should do next.
Case study · Website design
From outdated to useful.
A practical redesign concept showing how a small-business website can become clearer, easier to use and better at turning visitors into enquiries.
Clear from the first screen
Designed mobile-first
Built around enquiries
Fictional demonstration business
The starting point
Oakfield Home Services is established. Its website has not kept pace.
The business offers plumbing, small repairs, property maintenance and emergency call-outs for homeowners and landlords across a local service area. The website still works — it just makes customers work too hard.
oakfieldhomeservices.example
Oakfield Home Services
Home
About Us
Our Services
Gallery
Contact
Welcome to Oakfield Home Services
We are a local company providing a wide range of property and home maintenance services for customers across the area. We pride ourselves on offering a friendly and reliable service and can help with many different jobs around your home or rental property.
Please browse our website to find out more about what we do, or get in touch if you have a question about any of our services.
Read more about us
See our services
Contact us
Request a call back
01Unclear homepage message
02Too much text above the fold
03Services are difficult to scan
04Calls to action compete with each other
05Weak mobile hierarchy
06Limited trust signals
07Contact details are not obvious
08Service area is unclear
09Generic contact form
10Dated visual hierarchy
The first five seconds
What should a customer understand straight away?
After
Reliable home repairs and maintenance, without the hassle.
Plumbing, repairs and property maintenance for homeowners and landlords across the local area.
Get a quote
View services
01What do you do?
02Who is it for?
03Where do you work?
04What should I do next?
The customer journey
Fewer decisions. A clearer path.
A small-business website does not need to make people explore. It needs to help them understand, trust and act.
Before
Homepage
↓
Lots of text
↓
Multiple competing links
↓
Contact page
↓
Generic form
After
Clear proposition
↓
Relevant service
↓
Trust
↓
Simple enquiry
Services
Organised around the jobs customers actually need help with.
Service content becomes easier to scan when it is written in the language customers use rather than internal business terminology.
Plumbing
Quick help with leaks, taps, toilets and everyday plumbing problems.
Home Repairs
Small jobs and repairs that are difficult to get around to.
Property Maintenance
Ongoing support for landlords and homeowners.
Emergency Call-outs
Fast help when something cannot wait.
Mobile-first
A mobile website should feel designed for a phone. Not squeezed into one.
Tap-friendly buttonsPrimary actions are easy to reach and use.
Readable textNo zooming, cramped columns or tiny navigation.
Clear navigationCustomers can get to services or contact quickly.
Persistent access to enquiryThe next step stays obvious throughout the journey.
Shorter sectionsContent is easier to scan on a smaller screen.
Fast loadingLean layouts and optimised assets matter even more on mobile.
Trust
Before someone enquires, they need a reason to trust you.
Trust does not need to mean badges everywhere. It means giving customers enough evidence to feel comfortable taking the next step.
Customer reviews
Years of experience
Fully insured
Local service area
Real photography
Clear contact details
Useful FAQs
Professional business information
Example testimonial area only — real customer reviews would be added here if this were a live client website.
The enquiry journey
Enough information to make the next conversation useful.
A form should not ask everything. It should collect just enough context to help the business respond properly.
Before
Name
Email
Message
Submit
After
Name
Email
Phone
What do you need help with?
Where are you based?
How soon do you need help?
Tell us a little more
The information is still quick to provide, but it gives the business a much better starting point for the next conversation.
And the enquiry does not have to stop at the form.
It could feed into a structured workflow that organises the lead, prepares follow-up or routes the enquiry to the right person.
See the AI enquiry automation case study →The part customers do not see
The visual design is only the surface.
A good small-business website also needs solid foundations underneath it.
Semantic HTML
Clear structure that browsers, search engines and assistive technologies can understand.
Responsive design
Layouts that work across mobile, tablet and desktop rather than relying on one fixed screen size.
SEO foundations
Page titles, meta descriptions, headings, useful URLs and a clear content hierarchy.
Performance
Optimised assets and lean front-end code to keep pages responsive and fast.
Accessibility
Readable text, sensible contrast, keyboard-friendly elements and meaningful labels.
Forms
Validation, useful field labels and clear error handling rather than silent failure.
Analytics-ready
A clean structure so tools such as Google Analytics can be added properly when needed.
Redirects
Old URLs can be redirected when the site structure changes, helping preserve useful links.
Maintainability
Clean structure that makes future content, service and design updates easier to manage.
Before / after
Same business. A more useful website.
Before
Unclear
Text-heavy
Desktop-first
Weak trust
Hard to enquire
After
Clear
Focused
Mobile-friendly
Trust-led
Easy to act
What actually changed
Project outputs. Not invented ROI.
1
Clear homepage proposition
4
Primary service journeys
1
Consistent enquiry route
Mobile-first
Responsive layout
SEO-ready
Page structure
0
Invented performance claims
This is a design and development demonstration. There are no fake conversion figures, testimonials or client outcomes attached to it.
The bigger idea
A website is only one part of the customer journey.
A good website should not stop at the enquiry form.
What happens next might involve CRM, email follow-up, booking, lead routing, quote workflows, reminders or AI-assisted admin.
The website creates the journey.
Clarity, trust and an easy route to enquire.
→
Automation can improve what happens next.
Routing, follow-up, admin and operational workflow.
That is why website design and automation make sense as part of the same conversation rather than two completely separate services.
About this project
Built to demonstrate the decisions. Not to imitate a real client.
This project was created as a practical demonstration of how I approach small-business websites.
Oakfield Home Services is fictional. The concept is designed to show the decisions behind the structure, messaging, design, mobile experience, trust signals, technical foundations and enquiry journey without presenting fictional work as a real client project.
The aim is not simply to make a website look newer.
It is to make it more useful.
Your website
Does your website still reflect your business?
If your business has grown but your website has been left behind, we can start with what is not working and build from there.
Tell me about your website →