02/Beauty · Booking · Luxury

Art Salon

open file →

A polished digital experience for Birmingham's first exclusive hijab-friendly, women-only luxury salon.

Art Salon hero
fig. 01 — the main thing

01 · the short version

What is this thing?

Art Salon sits inside the wider Art Quarter ecosystem, bringing a premium, private, and inclusive beauty experience to Birmingham. The website needed its own distinct personality while still belonging to a larger digital family.

the problem

What needed fixing?

Beauty websites can very easily become generic. The challenge was creating a visually distinctive, high-end editorial feel while keeping the practical elements—services, pricing, and bookings for balayage, bridal glam, and extensions—extremely easy to navigate.

the approach

What I actually did.

I designed the site as a digital editorial experience rather than a traditional salon template. Large imagery, refined typography, and intentional spacing give the luxury brand room to breathe, while clear navigation keeps the user journey simple and booking-focused.

02 · my part

What I worked on.

01

Frontend Development

02

UI/UX Design

03

Booking Integration

04

SEO

03 · from the archive

A closer look.

Art Salon intro
homepage
Art Salon visual
editorial
Art Salon experience
experience
Art Salon treatments
treatments
Art Salon services
services
Art Salon booking
booking
Art Salon styling
styling
Art Salon about
inclusive space
Art Salon footer
connect

04 · okay, but did it work?

The editorial approach translated perfectly to real-world usage, generating over 7,700 sessions within 90 days. Almost 50% of this traffic arrived organically via Google, with mobile users dominating the 82/100 performance-scored experience. An incredibly low 0.12% rage-click rate proves the booking flow is seamless.

my take

I designed the site as a digital editorial experience rather than a traditional salon template. Large imagery, refined typography, and intentional spacing give the luxury brand room to breathe, while clear navigation keeps the user journey simple and booking-focused.

built with

ReactViteTailwind CSSFramer MotionAcuity Scheduling