P&P Barbers
Barbershop — Fitzroy, Melbourne
/ Overview
Six chairs, two shops, one street — P&P Barbers is a Fitzroy institution on Gertrude Street, built on personality as much as precision. Impress your website visitors with a clean, stylish layout and stunning visuals.
See it live/ Project details
Name: P&P Barbers – Barbershop website
Industries: Grooming, barbering, local hospitality
Designed by: Atollon
/ Challenge
The challenge was to turn a two-location, walk-in-friendly barbershop into a single, cohesive online presence without losing its neighbourhood warmth. It needed to introduce each barber as an individual (so clients can build a relationship and rebook), present services and pricing transparently, handle two addresses and seven-day hours clearly, and route bookings into a third-party system without friction. The experience needed to stay flexible as services, content and case studies evolve.
/ Provided services
Web development
A fast static site with barber profiles, a full service-and-price list, opening hours, dual-location contact details, an Instagram feed and deep links into the Fresha booking platform.
/ Solution
P&P Barbers was built as a lightweight, fast-loading static site so content — barbers, services, hours — stays easy to update while pages load instantly. Booking is delegated to Fresha, with per-barber deep links that drop clients straight into the right calendar, while a live Instagram feed keeps the homepage fresh and social. The structure keeps the two shopfronts and retail store clearly signposted without cluttering the core "book a cut" journey.A scalable component architecture and purposeful animations create smooth interactions without sacrificing speed.
/ Tech stack
Gatsby (React)
The site is generated with Gatsby, giving a pre-rendered, fast and SEO-friendly static build with optimized images across devices.
Fresha booking integration
Appointments run through Fresha, with barber-specific booking links so clients can book any available chair or their regular barber directly.
Instagram feed integration
A live social feed pulls recent work onto the site, adding fresh visual proof and a link to the shop's wider community.
%20(2).webp)
