Premium Hair Salon Website — Lumé
A complete, editorial, conversion-focused website with online appointment booking for your hair salon.
Secure checkout · instant download · full code & ownership, yours to keep
Get the site files and launch it yourself
Everything you just previewed — every page, all styling and images — as a clean, self-contained website you own and rebrand. No build step, no lock-in. Deploy it free in about 10 minutes with the included guide.
- Complete multi-page site (HTML/CSS/images)
- 10-minute deploy guide (Netlify / Vercel / any host)
- Full ownership — edit text, colours, brand freely
Secure checkout · instant download
Your files are ready
We've also emailed this download to your inbox. Grab the files below too — links are valid for 72 hours, and we noted your email for a fresh link any time.
Hair Goal Planner — try it yourself in the live demo before you buy.
Built from the live, clickable Lumé demo — then customised uniquely to your salon and services
Signature Hair Goal Planner — matches a visitor’s goal, hair length & budget to the right services and a stylist
Online appointment / enquiry booking flow built in — no e-commerce cart needed
You own 100% of the code, content and IP outright — no lock-in, host it anywhere.
Click the real, working live demo — no mockups, no guesswork. What you preview is what you launch.
Built by SGBP — 17+ years and hundreds of websites delivered across industries.
- Price
- $19 (one-time)
- Format
- Multi-page site (HTML/CSS/images)
- Deploy
- ~10 min on any host
- Ownership
- 100% files & code — yours
What does a Lumé site actually do for my hair salon?
It turns your salon’s website into a booking engine in about a week. You get a fast, editorial site you can try yourself in the live demo, an online appointment / enquiry booking flow, the signature Hair Goal Planner that matches visitors to the right services and stylist, a full service menu, a recent-work gallery that builds desire, and WhatsApp-first CTAs — all built to turn browsers into booked chairs, and yours to own outright with running costs.
Most hair salons are won or lost on bookings — yet plenty of salon websites are a single page with an Instagram link and a phone number, leaving an interested visitor nowhere to go. Lumé flips that: it’s an editorial, conversion-focused site with a warm hero, studio-space cards, a full service menu, a stylist team and an online booking flow, so a curious visitor can go from “I’ve been meaning to find a new colourist” to a booked appointment in a couple of taps.
The signature Hair Goal Planner is the engine. A visitor picks what they’d love to do, their hair length and a budget, and it suggests the right services, the stylist to ask for, and a realistic chair-time and price to plan around — each with a book CTA. It does the consultative first step for you, qualifies the lead, and gets them to the booking form warm rather than cold.
And it’s an asset you own, not a rental. You keep 100% of the code and editable files, so you update services, prices, stylists, the gallery and the Hair Goal Planner yourself without paying a developer per change. After launch you only pay what you choose — managed hosting and optional care. Start at then add an appointment calendar, a client area, CRM integration or a multilingual layer as you grow, up to around for a fully loaded build.
- Launch — a real booking engine, not a single brochure page.
- The Hair Goal Planner qualifies visitors and routes them to the right services and stylist.
- Online appointment / enquiry booking and WhatsApp-first CTAs turn searches into booked chairs.
- An editorial hero, studio spaces and a recent-work gallery built around how clients actually choose a salon.
- You own 100% of the code plus editable files — update services and prices yourself, no agency lock-in.
- Predictable running costs: managed hosting and optional care, not an open-ended retainer.
What problems does a Lumé site fix that DIY and freelancers don’t?
It removes what frustrates most salon owners: an Instagram-only presence with no booking, no way to qualify or route enquiries, no menu or gallery a visitor can browse, a look that doesn’t feel premium, sites you can’t edit, agency lock-in, missing local SEO and surprise costs. You get a complete, editorial, conversion-built salon website — with the Hair Goal Planner, online booking, a service menu and a gallery — that you own outright, live.
Most salons trying to fix their web presence hit the same wall. An Instagram grid looks lovely but can’t be searched on Google, has no booking flow, and turns every enquiry into a DM back-and-forth. A cheap one-page site has no menu or gallery to browse. A freelancer can disappear mid-build or hand over something you can’t touch. A full agency may quote thousands and tie you to their platform. Lumé is designed to remove each of those frustrations.
Speed and conversion: instead of months of theme-wrangling, your site is customised from a proven, editorial salon demo and typically delivered — with a warm hero, the Hair Goal Planner, a full service menu, a stylist team and an online booking flow that actually turn visitors into bookings.
A premium look that fits: the design is warm-neutral and editorial with clean square buttons and lots of whitespace, so it feels like the kind of salon people want to be seen at — not a recoloured template. The recent-work gallery builds desire the way an Instagram grid does, but on a site you actually own and can be found on.
Ownership and cost: you own 100% of the code and edit everything through editable files, so you’re never tied to a retainer. On-page SEO, GA4 and clean markup are delivered as standard. Pricing is a transparent customiser with — no vague “it depends” invoices.
- Instagram-only with no booking → An online appointment / enquiry booking flow plus WhatsApp-first CTAs.
- Every enquiry is a manual DM → The Hair Goal Planner qualifies and routes visitors before they reach you.
- Nothing to browse → A full service menu with detail pages, a stylist team and a recent-work gallery.
- Doesn’t feel premium → A warm editorial design with square buttons and whitespace, tailored to your brand.
- Can’t edit it yourself → editable files lets you update services, prices, stylists and the gallery without a developer.
- Locked into an agency → You own 100% of the code; hosting and care are optional.
- Surprise costs → A transparent customiser shows your price up front, 3 revisions included.
What is under the hood of your Lumé salon site?
Under the hood is static-first Astro, exactly what this demo runs on, or a hardened WordPress or Webflow build, served over a global CDN with modern compression and caching. It is fast, WCAG 2.2 AA accessible, SSL-secured and PDPA-aware — and yours to deploy anywhere.
The native build, exactly what this demo runs on, is static-first Astro with a headless CMS and minimal JavaScript. Prefer a familiar CMS? We build a hardened WordPress (+) or Webflow (+) site instead. Whichever you choose, it’s served over a global CDN with modern compression and caching, so it stays fast during a promotion or an ad campaign spike.
We tune for Core Web Vitals: images are lazy-loaded in modern formats (WebP/AVIF) with set dimensions to avoid layout shift, so the editorial hero, the service menu, the gallery and the interactive Hair Goal Planner stay snappy on every device — including the phones most clients book from. The Planner’s matching runs efficiently client-side, so results feel instant.
SSL/HTTPS and security headers are enforced, the booking and enquiry forms are spam-protected, and data handling is PDPA-aware — important when clients share contact details. Add CRM integration and every booking pipes straight into your salon CRM or mailer. You own 100% of the source code, with no lock-in, so you can host with us or deploy anywhere yourself.
- Static-first Astro, or a hardened WordPress or Webflow build.
- Core Web Vitals tuned; WCAG 2.2 AA accessible, semantic HTML.
- Interactive Hair Goal Planner runs efficiently client-side for instant matching.
- SSL/HTTPS and security headers; PDPA-aware handling of booking & enquiry data.
- Spam-protected booking & enquiry forms with optional CRM / email integration.
- Clean SEO markup, XML sitemaps and GA4 included as standard.
- 100% source-code ownership, no lock-in, deploy anywhere.
Will my Lumé site rank on Google and get quoted by ChatGPT?
Every build is delivered search-ready: clean semantic HTML, a JSON-LD schema graph (LocalBusiness, Service, FAQ, Review, Breadcrumb), fast Core Web Vitals, XML sitemaps and Search Console. Answer-first content and signals — local areas, MRT, PDPA, natural local terms — give Google, AI Overviews, ChatGPT, Perplexity and voice assistants what they need to find and quote you. No rankings are guaranteed.
Plenty of salon sites are built to look pretty and little else — messy markup, slow pages, no structured data — so neither Google nor AI engines can tell what services you offer or where you are. We build the opposite. Your Lumé site is delivered with clean semantic HTML5, correct heading order, descriptive alt text, canonical tags and a tidy URL structure. Rankings always depend on your area and competition, but the technical groundwork is done right from day one.
Here’s the jargon in plain terms. SEO helps you rank on Google for searches like “balayage Orchard” or “hair colourist near Newton”. AEO and AIO help your content get surfaced and quoted by ChatGPT, Perplexity and Google AI Overviews when someone asks “where can I get a lived-in brunette ?”. GEO makes sure those answers know you serve specifically. Voice covers Siri, Google Assistant and Alexa.
The engine is a JSON-LD schema graph baked into every page: LocalBusiness and Service markup so your salon and services are machine-readable; FAQPage so your common answers can be lifted into AI replies; Review markup for trust; BreadcrumbList for structure. The advanced SEO/AEO pack adds speakable markup, Bing and Search Console setup and an answer-engine optimisation pass — an optional upgrade on the base build.
- Clean semantic markup: HTML5 structure, logical headings, descriptive alt text and canonical tags.
- Full JSON-LD schema graph: LocalBusiness, Service, FAQPage, Review and BreadcrumbList — eligible for rich results and readable by AI engines.
- Service pages target high-intent local long-tail: “balayage Orchard”, “bridal hair ” and AI-Overview-style questions.
- Fast Core Web Vitals: image-optimised, mobile-first pages — a Google ranking factor that also keeps clients from bouncing.
- Answer-first content: service copy and FAQs written question-led and concise, so AI engines can quote them cleanly.
- Sitemaps & Search Console: XML and image sitemaps plus robots.txt submitted to Google (and Bing).
- signals: local neighbourhoods, MRT references, PDPA-aware handling and natural local terms throughout.
- You own 100% of the code with editable files — update a service and its SEO fields and schema update automatically.
What does each page of my Lumé salon site actually look like?
You get a full salon site, not a single page: an editorial homepage, a service menu, a detail page per service, a stylist-team page, a recent-work gallery, a brand-story page, an online booking / contact page and a dedicated page for the signature Hair Goal Planner — rebuilt with your brand, services and tone.
We start from the live Lumé demo and rebuild every page around your salon, brand and services. Nothing stays as filler: your services, prices, copy, imagery, stylists, gallery and testimonials replace the demo content, and each page keeps the features that make the demo convert — the editorial hero, studio spaces, Hair Goal Planner, service menu and booking flow — wired to you.
Every page is delivered mobile-first with clean SEO markup, PDPA-aware forms and editable files, so you can swap a hero image, add a service or update a price long after handover. The pages below are what’s included in the base build; site scope, an appointment calendar, advanced SEO, a client area and CRM integration are where the customiser adds cost, up to.
signals are built in where they help: a local studio location with an MRT reference, a local tone, and honest copy throughout. You own 100% of the code, and it’s typically delivered.
- Homepage — an editorial hero, a stat strip, studio-space cards, the Hair Goal Planner, a service grid, a booking band, a stylist preview, a recent-work gallery, a why-us band, testimonials and a find-us block — all rebranded to you.
- Services menu — every service grouped by category, each card with a blurb, chair-time, from-price and a book CTA.
- Service detail — a hero image, chair-time and pricing, what it includes, an about section, aftercare and related services.
- Hair Goal Planner — a dedicated page hosting the signature tool, an explainer and a clear next step.
- Stylists — the full team with photos, roles, bios and specialty chips, each requestable by name.
- Gallery — an editorial recent-work look-book of colour, cuts and styling.
- The Studio — your salon’s story, a founder section and the values you stand by.
- Booking & contact — an online appointment / enquiry form (no cart): service, stylist, time and a PDPA-aware consent, plus a WhatsApp option and an FAQ.
- Footer & navigation — a full footer with service, studio and find-us columns, plus a sticky header with a Services dropdown, a Book CTA and a WhatsApp button.
Can the Lumé site scale from one chair to a multi-stylist or multi-outlet salon as I grow?
Yes. Your site starts lean at five pages and scales to a 20+ page salon brand with a full service library, an appointment calendar, a client / membership area, CRM integration and even a second language. Add online booking and WhatsApp capture from day one. Because you own 100% of the code, there is no platform lock-in holding you back.
Most salons launch with a focused presence and broaden as they grow. Lumé is built for that curve. Day one you might run a tight five-page site with a home, services, stylists, gallery and booking. As you grow, the customiser lets you step up to 10 or 20+ pages, adding a detail page per service, a hair-tips content engine and more stylists or outlets — so growing the site is a content exercise rather than a rebuild.
Growth is also more channels and more automation. The native Astro build shown in the demo is delivered as a fast, static, mobile-first site served over a global CDN, so a promotion or an ad spike is far less likely to slow it down. When you’re ready, switch on an online appointment calendar so clients self-book with their stylist, and add CRM integration so every booking flows into your follow-up.
Serving a regional or bilingual clientele? A multilingual content layer can be added across key pages, with your positioning staying native. The real future-proofing is ownership: you hold 100% of the code and your content, delivered with a deploy guide, so the same codebase extends instead of forcing a restart.
- Site scope scales from 5 to 20+ pages; add services, stylists and a tips engine as content rather than a rebuild.
- The service menu, Hair Goal Planner and booking flow keep a larger site fast and easy to navigate on mobile.
- The native Astro build is static and CDN-served, so it stays fast through promotions or campaign spikes; WordPress / Webflow builds are hardened and CDN-served too.
- Automate as you grow: an online appointment calendar plus CRM integration for follow-ups.
- Add channels: WhatsApp capture, live chat and a client / membership area for regulars.
- A multilingual content layer is available for regional or bilingual clients, with your positioning native.
- You own 100% of the code and your content, so there is no forced re-platform as you scale.
How do I put it online and make it mine?
It is a plain static site, so going live takes about ten minutes with the included guide — or add the deploy option and we do it for you. Editing is just changing labelled text, images and colours in the files; no CMS login, no developer needed.
To go live: unzip the download, double-click the home page to preview it locally, then drag the folder onto a free host like Netlify (or connect Vercel / Cloudflare Pages) and point your domain at it. The step-by-step guide walks through each option.
To make it yours: open the files in any editor and change the wording, swap the images and logo, and adjust the colours and fonts — everything is clearly labelled and the guide shows you where each piece lives. Because you own the full source, you can hand it to any developer for deeper changes later.
Prefer not to touch any of it? Add “we deploy it for you” at checkout and we host it, connect your domain and take it live within two business days.
What exactly do I get in the download?
The complete, multi-page website you previewed — every page, all styling and all images — as clean, self-contained files you own outright, plus a short guide to get it online. No build step, no subscription, no lock-in.
Everything is plain HTML and CSS you can open and edit with any editor. Download the ZIP, unzip it, double-click to preview, then publish it anywhere.
- Every page from the live demo, fully built and linked
- All styling, fonts and images, ready to use
- The signature interactive tool from the demo
- Mobile-first, responsive, speed-tuned markup
- 100% ownership — edit text, colours and brand freely
- A 10-minute deploy guide (Netlify / Vercel / any host)
- Optional: add “we deploy it for you” at checkout
Questions about this template
Everything about buying, downloading, editing and launching it — and the option to have us deploy it for you. Still stuck? Reach out any time.
What exactly do I get?
The complete website you previewed, as a clean set of files you own — every page, all the styling and all the images, in plain HTML and CSS. No build step, no framework to learn, no account or subscription. You download a ZIP, unzip it, and the whole site is there ready to open, edit and publish.
Do I own it, and can I edit everything?
Yes — 100%. Once you download it the files are yours to keep and change however you like: rewrite the text, swap the colours and fonts, replace the images and logo, add or remove pages. There is no licence trap, no watermark and no lock-in. Rebrand it as your own business and use it on your own projects.
How do I put it online?
It is a plain static site, so it works on almost any host. The included 10-minute guide walks through the easiest free options — drag the folder onto Netlify, or connect Vercel or Cloudflare Pages — and how to point your own domain at it. Prefer not to touch any of that? Add the “we deploy it for you” option at checkout and we host it, connect your domain and take it live.
Do I need to know how to code?
No. To go live you double-click to preview and drag-and-drop to a host — no coding needed. To change wording, colours or images you edit clearly-labelled text in the files (any code editor, even a plain text editor, works) and the guide shows you where. For deeper custom changes later you can hand the files to any developer, since you own the full source.
Can I preview it before I buy?
Yes — the live demo linked at the top of this page is the real template, running exactly as you would receive it. Click through every page, try it on your phone, open the interactive tools. What you see in the demo is what lands in your download.
Will it work on mobile and load fast?
Yes. Every template is built mobile-first and tuned for speed — responsive layouts, optimised images and clean, lightweight markup — so it looks right and loads quickly on phones, tablets and desktops out of the box.
Is the design unique or a generic theme?
Each template is an original, hand-built design with its own layout, colour system, type and interactive tool — not a recoloured stock theme. You are getting a genuinely distinct site; you make it yours by swapping in your brand, copy and images.
What if I want you to set it up for me?
Add the deploy option at checkout and we host it, connect your domain and take it live within two business days — you just send your brand and content. Need a bigger custom build or ongoing help beyond that? Reach out and we can quote it separately.
What is your refund policy?
Because this is an instant digital download you keep, we generally cannot offer refunds once the files have been delivered. If a file is missing or a link does not work, contact us and we will fix it or re-send your download right away.
