Skip to content
mroot.co
← All writing
Case StudiesJul 17, 2026 · 1 min read

A med spa landing page that annotates its own conversion choices

A demo landing page for a fictional laser hair removal spa that publishes its prices, compares itself honestly against waxing, and includes an owner tour explaining why each section exists.

Project: Glow A2open →

Glow A2 is a demo build — a fictional laser hair removal med spa in Ann Arbor. Med spa sites tend to share two habits: leading with the service name instead of the outcome, and hiding every price behind "call for a quote". This page does the opposite of both, and then explains itself.

Stack: React 19, TypeScript, Vite, Tailwind CSS v4, deployed as static assets on a Cloudflare Worker. The design system is defined in the Tailwind theme — a gold and stone palette with Playfair Display for headings.

The page argues its own case

The landing page is conversion-focused in the usual ways: outcome-first headline ("smooth skin, no razor" rather than "laser hair removal services"), published starting prices for eight treatment areas, a comparison table against waxing and shaving, reviews, FAQ, and a free-consultation CTA instead of a hard sell.

The unusual part is the owner tour — a panel that walks through the four conversion strategies used on the page. The strategies are data, rendered next to the sections they describe:

src/data.ts
export const CONVERSION_STRATEGIES: ConversionHighlight[] = [  {    title: "1. Outcome-Focused Headline",    description: "Instead of saying 'Laser Hair Removal Services', we state the precise benefit: 'Smooth skin, no razor'. It speaks directly to the reader's frustration.",    strategy: "Reduces friction by showing immediate value."  },  // … "2. Visual Comparison Table"  {    title: "3. Total Pricing Transparency",    description: "Med spas usually hide prices behind a 'call for quote' wall. Publishing starting rates establishes trust and filters qualified leads.",    strategy: "Builds instant authenticity and confidence."  },  // … "4. No-Risk Lead Capture"];

For a portfolio demo this does double duty. A visitor sees a polished landing page; a spa owner sees the reasoning they'd be paying for.

What I'd improve

  • The booking form is front-end only — a Worker endpoint with spam protection would complete it.
  • The comparison table's numbers are illustrative copy for the fictional business; a real client version would use their actual pricing and session counts.

Glow A2 is one of eight small-business demos on this site. Browse the projects or get a quote if your industry hides its prices and you'd rather not.

Marc Delacruz — full-stack, security-minded.Get in touch →