01 / 06
Marie Larsson Hair
Mobile hairdressing — London
A stylist who works in her clients’ homes needed a site that books appointments from a phone, not a brochure that sits on a desktop.
On every screen
What the client wanted
- Look like a salon, without a shopfront to photograph.
- Make booking the obvious next action on every screen.
- Carry a full price list clients can check before they call.
- Work on a phone first — that is where clients find her.
How it was achieved
01
One page, one decision
Everything a client needs sits on a single page in the order they ask for it: what she does, what it costs, what the work looks like, who she is, then how to book. No menu to learn and nothing to hunt for.
02
The salon she does not have
A soft pink and charcoal palette, a signature wordmark and full-bleed photography stand in for a physical shop, so the brand carries the credibility the premises would.
03
Booking that never leaves the screen
A booking button rides the hero, repeats after the price list and closes the page, with click-to-call and a messaging link for clients who would rather not fill in a form.
The page, top to bottom
Each band earns its place. Nothing is there because a template had a slot for it.
- 01HeroSignature wordmark, the promise in one line, and the booking button.
- 02ServicesCuts, colour and care as three plain cards, no jargon.
- 03Price listEvery treatment and price in one table, so nobody has to ask.
- 04Recent workA gallery of finished hair, which is the real sales argument.
- 05The stylistHer story and credentials, in her own words.
- 06BookingForm, phone and messaging, repeated at the foot of the page.
Skills and tools
- Hand-coded HTML, CSS and JavaScript
- Mobile-first layout
- Image optimisation
- Contact and booking forms
- Netlify hosting and deploys
- Static build
- Booking
- Mobile-first
The process
- 01
Talked through how clients actually reach her and what they ask before booking.
- 02
Set the page order around that conversation rather than a template.
- 03
Designed on a phone screen first, then let the layout widen.
- 04
Built the page as static HTML so it loads immediately on mobile data.
- 05
Launched on her own domain and hosting, with a walkthrough of how to edit it.