Case study · Fashion lookbook website
Fashionhouse — The Edit wear your own attitude.
A visual fashion edit — filterable 15-look lookbook, a six-film selector, after-dark, street and colour stories, and a full-screen viewer.
This is the real website. Scroll it, tap it, try it. On a phone it’s best full screen.
- Type
- Fashion lookbook website
- Sector
- Fashion
- Sections
- 8
- Built with
- Hand-coded · no templates
About the site
Fashionhouse — The Edit is an independent visual fashion edit. “Wear your own attitude.” Where the magazine version is about reading and membership, this one is pure visual: looks, colour and film.
The idea
The lookbook is the heart of it — fifteen looks you can filter by category and open full screen, with previous and next controls. Around it, short chapters (after dark, street style, details, colour) and a six-film selector give it the pace of a campaign.
What we built, section by section
- 01
Wear your own attitude
The hero.
- 02
Less fitting in. More standing out.
The introduction.
- 03
After dark. All attitude.
Night looks.
- 04
Off duty. On your terms.
Street style.
- 05
It’s all in the details
Accessories and jewellery.
- 06
Lookbook
Fifteen filterable looks.
- 07
Live in full colour
Colour story.
- 08
Fashion in motion
A six-film selector.
From the build
Films and pictures from inside the Fashionhouse — The Edit website. Swipe through.
Features
- Filterable lookbook (15 looks)
- Full-screen viewer with previous / next
- Six-film selector
- Scrolling ticker
- Works without JavaScript (fallback lookbook)
Look and feel
Near-black with pink, turquoise and orange pulled from the imagery — bold, edgy and editorial.
Under the bonnet
- Hand-coded static site
- Progressive enhancement for the lookbook
- WebP images and MP4 films
Like everything I build, it’s made from scratch. No page builder, no theme. So it’s quick, it works on phones first, and it’s easy to change later.
