START WITH THE CUSTOMER
Understand what visitors need before deciding what the interface should show.
A CLEANING WEBSITE, MINUS THE CLUTTER
LET IT SHINE.
A bespoke website for a local cleaning company that helps them to make a great first impression before they even knock on the door.
01The brief
THE MISSION, NEATLY FOLDED
MAKE IT FEEL
SPOTLESS
BEFORE THEY ARRIVE.
Let It Shine needed a professional home online. One that explained the services clearly, built trust immediately, and made getting in touch feel obvious.
From the first sketch to the final deployment, I designed, built, and launched the entire website, including the visual direction, front end, and responsive experience.
The hard part wasn't adding more. It was knowing what to remove, what to emphasise, and how to make a service business feel polished without losing its personality.
01DesignFrom blank page
02BuildFROM WIREFRAMES TO CODE
03DeployReady for customers
02The promise
FIRST IMPRESSIONS MATTER
QUIETLY
REASSURING.
NO VISUAL CLUTTER
NO MYSTERY BUTTONS
NO PANIC REQUIRED
03How it was built
THE WHOLE JOB, NOT JUST THE POLISH
SIMPLE
ON PURPOSE.
A focused stack kept the site fast, maintainable, and easy to extend. The goal was for every decision to feel obvious to the visitor.
React
React Hooks
React Router
JavaScript
CSS
Responsive Design
MAKE SERVICES SCANNABLE
Turn a long list of services into a clear journey with useful groupings and straightforward language.
ONE SYSTEM, EVERY SCREEN
Reusable React components kept every screen consistent without treating mobile as an afterthought.
REMOVE THE LAST BIT OF FUSS
Test the hierarchy, contact flow, and small interactions until the experience feels effortless.
04The awkward decisions
MOST OF THE BEFORE AND AFTER HAPPENED IN THE THINKING
THREE THINGS
I HAD TO GET RIGHT.
01
THE RISK
Premium becomes intimidating
Too much polish can make a local service feel distant or expensive before the conversation even starts.
THE CLEANER ANSWER
Warm, clear, and human
Soft colours, generous spacing, friendly illustrations, and copy that sounds like a real person.
02
THE RISK
Detail becomes a wall of text
Cleaning covers far more than "we clean things", but nobody wants to read an instruction manual before booking.
THE CLEANER ANSWER
Useful chunks, visible choices
Services were grouped into digestible cards with concise descriptions and visual cues.
03
THE RISK
Responsive means merely smaller
A desktop layout squeezed into a phone is technically responsive and emotionally exhausting.
THE CLEANER ANSWER
Recompose, do not compress
Each breakpoint reshapes the hierarchy and spacing so the primary action stays easy to find and easy to tap.
05Responsive by design
DIRT DOES NOT DISCRIMINATE BY SCREEN SIZE
ONE SITE.
EVERY SURFACE.
06What shipped
THE USEFUL BITS, ARRANGED NEATLY
BUILT TO
TURN INTEREST
INTO ACTION.
Service showcase
Clear service groups with just enough detail to answer questions.
Responsive system
A layout that keeps its hierarchy and personality from desktop to phone.
Approachable identity
Professional enough to inspire trust, friendly enough to start a conversation.
Focused contact flow
Calls to action placed where decisions happen, with no treasure hunt required.
07Inspection log
THE EVIDENCE, FOR ANYONE CHECKING THE CORNERS
A CLOSER
LOOK.
Services, clear at a glance
Every service has enough room to explain itself without turning the page into a cleaning manual.
Mobile, not miniature
The same hierarchy and confidence, rebuilt for one hand and a much smaller screen.
Trust through transparency
A warmer introduction to the people behind the polish, with no corporate fog machine required.
Ready for the big screen
Generous layouts that use larger screens without wasting the extra space.
08What stayed with me
THE PART I TOOK TO THE NEXT PROJECT
SIMPLE
TAKES WORK.
This project reminded me that effortless interfaces are usually the result of deliberate decisions. Every useful gap, clear label, and obvious next step had to earn its place.
It also proved that understanding the audience matters more than showing off the toolset. The website did not need to look technical. It needed to feel reliable.
I also learned that there are far more cleaning puns than anyone needs. A suspicious number survived this case study.
09Job complete
ONE LAST CHECK AROUND THE EDGES