Experience loop
01 Discover
02 Services
03 Book
04 Visit
Client Website Project
Hair Brighton
A lively Brighton salon website combining tropical artwork, easy booking, local SEO, and fast performance.
Brand-led websiteMobile-first UXLocal SEOR2 image pipelineTreatwell booking
Explore project
Live website
Visit Hair BrightonExperience
A brand-led salon website built for character, clarity, and booking.
Hair Brighton was redesigned as a lively single-page salon website combining its red-and-white identity, tropical collage artwork, real photography, clear services and pricing, Treatwell booking, local SEO, and a fast R2-backed image pipeline.
Booking-focused flow
Clear appointment CTAs and Treatwell links keep the path from browsing to booking simple.
Service and price clarity
Salon services and prices are presented in a readable, mobile-friendly structure.
Local trust signals
Reviews, real salon photography, location details, and map direction cues help the site feel grounded and trustworthy.
Mobile-first presentation
Layout, typography, imagery, and conversion rhythm were refined through desktop, iPhone, and iPad review.
Views
Brand, services, reviews, and booking at a glance.
Mobile presentation
Services and prices
Gallery and reviews
Location and booking
Systems
Website systems that keep the experience fast, findable, and easy to book.
Product loop
Discover Services Prices Book Visit
Website experience
- Single-page salon presentation
- Clear section navigation
- Service and price information
- Gallery and review sections
- Location and contact details
Conversion flow
- Prominent booking CTAs
- Treatwell booking integration
- Phone and directions links
- Footer booking reinforcement
Brand and content
- Red-and-white Hair identity
- Tropical collage artwork
- Salon photography
- Polished copy and service language
Performance and SEO
- R2 source master storage
- Sharp-generated responsive images
- Local-business structured data
- Social preview metadata
Build
How the website was designed, optimised, and shipped.
Design, image delivery, SEO, booking, and production systems behind the website.
Architecture map
1 Astro site
2 Cloudflare Pages
3 R2 masters
4 Sharp variants
5 Live website
Role
Creative/product direction · Mobile-first UX · Booking flow · SEO and image strategy
Frontend and presentation
AstroTypeScriptBespoke CSSMobile-first responsive designSelf-hosted local fontsStatic OG artwork
Cloudflare and assets
Cloudflare PagesCloudflare R2Build-time source asset syncSharp image processingResponsive WebP/JPG variantsLightweight static delivery
Conversion and discovery
Treatwell booking linkLocal-business JSON-LDGoogle Analytics 4Open Graph metadataSitemap generationFavicon and touch-icon support
Work together
Need a website with this level of care?
Distinctive, mobile-first websites built around clear content and easy booking.