DS Barber Studio
A website for a barbershop in Gżira, built to feel like the studio itself, with film of real cuts, photography of the room, the owner's story and booking one tap away.
The brief
DS Barber Studio needed a website that felt like the studio: calm, precise and modern, with classic standards. It had to show the craft, tell the owner’s story, and make booking effortless.
What I built
A cinematic site that opens on full-bleed film of real cuts. The studio is shown inside and out, there’s a gallery of the work, and the owner tells his own story. The header shows whether the shop is open right now, and booking through Fresha is always one tap away.
- Video-led homepage with a calm, editorial type system
- Live opening status in the header
- Booking, maps, phone and social links wired in
- Fully responsive, from phone to desktop
Delivery
Concept, art direction, design, development, domain, hosting and launch, end to end.
Outcome
The owner and his team are happy with it, and their customers have said so too.
How it's built
Frontend
- HTML5 (multi-page)
- CSS3 with custom properties
- JavaScript (no framework)
- Responsive video and imagery
Build
- Node.js build scripts (page templating, dist)
- ffmpeg video export
- Self-hosted web fonts (Bodoni Moda, Jost)
Integrations
- Fresha booking
- Google and Fresha ratings refreshed by GitHub Actions
Infrastructure
- Vercel (clean URLs, redirects)
- Custom domain