A site designed around one person’s work

Hair, art and Electric under one name, drawn for desktop and for phones alike.

Mark Woolley working on a model's hair, photographed in black and white

Mark Woolley is an award-winning hairdresser and the founder of Electric, the hairdressing group with salons in Brighton, London, Reading and Oxford. Alongside his work in the salon and on shoots, he makes and shows his own artwork.

Web Design Personal Site Hair & Beauty Art

One name, three bodies of work

The difficulty with a personal site for someone who does several things well is that each audience arrives for a different reason. A salon owner looking for education, a magazine looking for session work and a gallery visitor looking for paintings do not want the same homepage.

The design gave each strand its own page under one name — the hair, the art and Electric itself — with an about page and a contact form behind them, and drew every page twice, for desktop and for a phone.

The About page from the Mark Woolley website, his biography beside portrait and studio photographs

The work on the walls

The art pages were laid out as a gallery would lay them out: one work at a time, large, on black, with the story of the piece beside it rather than underneath a thumbnail.

The Art page of the Mark Woolley website, scrolling slowly through his works
The Mark Woolley homepage, his name set large in grey on black beneath the mammoth mark

The work in the chair

The design stripped the page back to almost nothing — his name, the mammoth mark and black — so the photography could run at the size it was shot for. Session and editorial work is judged on the picture rather than the caption, and the site was built to get out of its way.

Electric, under his own name

The Electric pages sat inside his own site rather than pointing away from it, so someone arriving for his session work could see the salons, the studio and the professional range without leaving. One identity carried the two things he is known for, instead of splitting them across two addresses.

The Electric pages of the Mark Woolley website shown on a phone and a tablet

What the design set out to do

Three strands Hair, art and Electric under one name
Two widths Every page drawn for desktop and phone
One address Everything he does, in one place

A Partnership, Not Just a Project

No obligation, no hard sell. Just a conversation about what you actually need.

Get in Touch View Success Stories