Skip to content

Web Design & DevelopmentLaser clinic · 2026

Whistles Laser Clinic

A website for a laser clinic in Forest Hill, first built on WordPress in 2021 and rebuilt in 2026 to fix slow pages and out-of-date plugins.

Visit live site

Designs

Twelve views of the build

whistleslaser.co.uk
Home01
whistleslaser.co.uk
Results02
whistleslaser.co.uk
About03
whistleslaser.co.uk
Prices04
whistleslaser.co.uk
Reviews05
whistleslaser.co.uk
Home (2)06
whistleslaser.co.uk
Treatments07
whistleslaser.co.uk
Book a Session08
whistleslaser.co.uk
Treatments (2)09
whistleslaser.co.uk
Prices (2)10
whistleslaser.co.uk
About (2)11
whistleslaser.co.uk
Home (3)12

Key features

What went into the work

  • A Book a Session button and a Prices link in the header of every page

  • The three treatments explained: laser hair removal, vascular and thread vein removal, and laser facials

  • A six-step consultation journey, from first enquiry to first treatment

  • Before-and-after sliders, filterable by treatment area

  • Course prices listed up front

  • Client reviews and a treatment FAQ

  • The practitioner's qualifications set out clearly

  • Opening hours, address, WhatsApp link and an enquiry form

  • Privacy policy and terms and conditions

Technology used

Tools & technology

  • Next.jsNext.js is a toolkit for building websites that load quickly and are easy for Google to read.
  • ReactReact is the code library that builds the site's screens from small, reusable pieces, so everything responds instantly when you click.
  • TypeScriptTypeScript is JavaScript with built-in checks, so mistakes are caught while the site is being built rather than by visitors.
  • Tailwind CSSTailwind CSS is a styling toolkit that keeps the design consistent and the site light and fast.
  • SupabaseSupabase is the online database behind the site, where content, pages and enquiries are stored securely.
  • VercelVercel is the hosting service that publishes the site and delivers it quickly to visitors around the world.
  • GitHubGitHub keeps every version of the site's code, so changes are tracked and can be rolled back if something goes wrong.
  • ClaudeClaude is an AI assistant that helps write, review and test the site's code.

The project

Project overview

Whistles Laser Clinic is a laser clinic on Brockley Rise in Forest Hill, South London, where every treatment is carried out one-to-one by the clinic's senior technician. I built its first website in 2021 as part of the clinic's launch, together with a bespoke logo, marketing materials, and the domain, hosting and email setup.

By 2026 the WordPress site was holding the clinic back. WordPress limited what the site could do, pages were slow to load, and the plugins behind it were out of date, which raised security concerns. I rebuilt it on Next.js, hosted on Vercel.

The new site is organised around a free consultation, the first thing a new client needs. It explains the three treatments: laser hair removal, vascular and thread vein removal, and laser facials. A six-step consultation journey shows what happens from first enquiry to first treatment, and course prices are listed up front. Before-and-after sliders, which the first site also had, can now be filtered by treatment area. Reviews, FAQs and a contact page with opening hours, a WhatsApp link and an enquiry form complete the site.

Our role

  • Website design and development (2021 and 2026)
  • Rebuild from WordPress to Next.js
  • Logo design and marketing materials (2021)
  • Domain, hosting and email setup
  • Before-and-after sliders
  • Responsive build and launch

2021

First built

2026

Rebuilt

3

Treatments explained

  • Replaced the WordPress site, removing its out-of-date plugins and the security concerns that came with them
  • Before-and-after results can now be filtered by treatment area

Design and structure

How the site is put together

The numbers, colours and type behind Whistles Laser Clinic.The numbers, colours, type and page map behind Whistles Laser Clinic.

9
pages
5
page types

Colour palette

  • #C13630

    Clinic red

    Buttons and highlights

  • #2C303A

    Charcoal

    Headings and dark sections

  • #F1F2F5

    Canvas

    Page background

  • #FAFAFA

    Mist

    Cards and panels

Typography

Archivo

Headings

Treatments, prices and results

SemiBold to ExtraBold

Inter

Body text

Book a session at the clinic.

Regular to Bold

Page map

Every page grouped by what it is for. Read it from the left: the home page, then each section it leads to, then the pages inside that section. The colour shows the page type.

Home

Home

  • Treatments

    Products

  • Prices

    Products

  • Results

    Proof

  • Reviews

    Proof

  • About

    Company

  • Contact

    Enquire

  • Privacy policy

    Legal

  • Terms and conditions

    Legal

Taken from the live site, October 2026

What Whistles Laser Clinic said

“Always have such good service with Suley. Communication is always very easy and productive. Wouldn’t have anyone else provide his services! Thank you!”
MelizWhistles Laser Clinic

Enjoyed this project? Let's create yours.

Tell me about your project and I'll come back with an honest recommendation, timeline and price.

Start a project