the problem
What needed fixing?
The website needed to communicate personality while making the practical parts — services, location and booking — almost impossible to miss.
04/Grooming · Booking · Brand
Art Barbers
open file →
A digital experience for a modern barbershop built as part of the wider Art Quarter ecosystem.
visit project ↗case study
01 · the short version
What is this thing?
The goal was to create a website that feels like the brand rather than another generic barbershop booking page.
the approach
What I actually did.
I used strong typography, visual hierarchy, movement and concise content to create a site that feels energetic without getting in the user's way.
02 · my part
What I worked on.
01
Frontend Development
02
Animation
03
Booking UX
04
Responsive Design
05
SEO
03 · from the archive
A closer look.
04 · okay, but did it work?
The technical SEO foundation drove massive organic growth, generating over 90K search impressions, 5K clicks, and a 5.5% CTR within months. Using Microsoft Clarity, we monitored an incredibly low 0.15% rage-click rate across 4,500+ sessions, proving the UI was entirely friction-free.
my take
I used strong typography, visual hierarchy, movement and concise content to create a site that feels energetic without getting in the user's way.
built with
Next.jsReactGSAPFramer MotionSupabaseSEO