MernLabs
← All work
Kings BarbersOther2026

Bespoke dark-themed digital showcase with WhatsApp bookings for a Norfolk barbershop.

Web DesignWeb DevelopmentUI/UX DesignPerformance Optimisation

Visit live site ↗

Kings Barbers — cover
01 · Overview

Kings Barbers is a digital showcase for a traditional Turkish barbershop located in Great Yarmouth, Norfolk. The website introduces local clients to the shop's grooming services, pricing details, and opening hours whilst allowing them to book appointments. By streamlining the client journey, the platform serves as a digital storefront that matches the shop's luxury grooming experience.

02 · The challenge

The business required a web presence to match its traditional Turkish grooming standards without the overhead of a database-driven booking backend. The main challenge lay in delivering rich visual features—such as ambient video backgrounds and custom letter-shimmering effects—whilst maintaining fast loading speeds and visual stability. Additionally, the interface had to remain fully responsive across mobile devices, which represent the majority of customer traffic.

03 · Our approach

MernLabs engineered a static website using a modern component framework that enables selective client-side interactivity only where necessary. We structured the bookings to route directly through pre-filled WhatsApp click-to-chat links, eliminating database complexity whilst retaining a direct user experience. To support the brand style, we developed custom CSS animations and graphics that render without reliance on heavy script libraries. Finally, we integrated image optimisation and structured schema metadata to support local search engine visibility and page speed.

04 · Key features

01

WhatsApp Booking Integration

Clients can book grooming appointments through pre-filled WhatsApp links. This removes friction from the booking process whilst ensuring the business receives details directly on their mobile device.

02

Ambient Hero Media Experience

A custom video player loops background footage overlaid with metallic gold SVG typography that animate dynamically. This establishes the barbershop atmosphere when the client lands on the page.

03

Infinite Review Marquee

An auto-scrolling testimonial slider displays real Google reviews, complete with aggregate star ratings. This builds trust with new customers by showcasing social proof from local clients.

04

Interactive Photo Gallery

A swipe-enabled mobile carousel with a desktop lightbox overlay showcases the shop's interior and cuts. This allows prospective clients to verify the quality of work and environment.

05

Structured Local Business Schema

Structured JSON-LD schema metadata is embedded directly into the layout to help search engines parse services, pricing, and opening hours. This supports local search visibility in Great Yarmouth queries.

05 · Design system
#0d0d0d
#b8860b
#ffd700
#0d0d0d

Headings — Cinzel · Body — Manrope

Kings Barbers — screenshot
Kings Barbers — mobile screenshot
06 · Results

The website was engineered to meet a performance budget, targeting a Largest Contentful Paint (LCP) under 1.5 seconds and a Cumulative Layout Shift (CLS) of zero. It maintains a footprint with total gzipped JavaScript under 30 KB, aiming for Lighthouse scores of 95 and above across all audits.

Have a new project you'd like help with?

Let's get
started
Start your project