Skip to content
Mirador
Text us
All work

Client project · Recife, Brazil

PUR Hair Spa

Website for a hair & scalp clinic and salon

Role
Design, development, SEO and launch
Built with
WordPress (custom block theme)
Year
2026
Visit the live site
PUR Hair Spa homepage with a full-screen photo and a booking button

The brief

PUR Hair Spa treats hair loss and scalp problems, and also runs a salon and its own product line. Its old site was slow and text-heavy, built with a page builder. The new one had to load fast on phones, look as premium as the clinic feels, and turn visits into WhatsApp bookings.

What we built

Made for the people who use it.

  1. Accordion guide listing hair and scalp complaints

    01

    A guide that books the right appointment

    Visitors pick their complaint and see the signs and treatment path, then tap one button to message the clinic about exactly that.

  2. Before and after slider of a scalp treatment

    02

    Before-and-after results, with consent built in

    A drag slider shows real results. A result only goes live once the client's consent is recorded.

  3. Services menu with booking links

    03

    A services menu the owner can update

    Every service has its own booking link that opens WhatsApp asking about that exact service. Adding one means filling in a form, with no developer needed.

  4. Scroll story explaining the consultation step by step

    04

    The consultation, explained before they arrive

    A step-by-step story with a photo that changes as you scroll, so first-time clients know what to expect.

  5. Sliding gallery of the salon space

    05

    The space sells itself

    A full-width photo strip of the salon that pauses when you touch it.

PUR Hair Spa complaint guide on a phone
PUR Hair Spa homepage on a phone
PUR Hair Spa before-and-after results on a phone

Designed for phones first.

Results

  • 96–98

    Google Lighthouse performance on mobileLive site, 25 Oct 2026

  • 100

    Accessibility, Best Practices and SEOLive site, 25 Oct 2026

Under the hood
  • Custom WordPress block theme (Full Site Editing, theme.json design tokens), no page builder
  • Custom post types for services, products and before/after results
  • Salon details (WhatsApp, phone, hours, address) set once in a settings page and used everywhere
  • Interactive guide, comparison slider and scroll story in vanilla JavaScript, no libraries
  • LocalBusiness / HairSalon and FAQ structured data, Open Graph images, 301 redirects from the old site
  • Self-hosted fonts, responsive WebP images, animations that respect reduced-motion settings

What this means for your business

If your customers book by message or phone, booking should be one tap away from every page, on every phone.

Want something like this for your business?

Text us and tell us what you do. The first look at your current site is free.

Text us

Next project

TerraVida