How We Designed a Med Spa Website (Demo Build)
Prana E-Com Solutions · March 5, 2026 · 6 min read
Like our other case-study articles, this one is about a demo build, not a real client engagement — we're saying that plainly up front. We built a med spa website as a demo to explore a specific design problem: a business that sells an aesthetic experience needs a site that looks and feels like that experience, not a generic template with the copy swapped out. The live demo is at /work/med-spa-website-demo.
What follows is the reasoning behind the design and structure decisions, so a med spa owner evaluating website options — from us or elsewhere — has a clearer sense of what to look for.
The challenge we designed around
Med spas compete on aesthetics as much as, or more than, the actual treatments offered. A prospective client browsing injectables or facial treatments is implicitly asking, "will the experience inside match how this looks online?" A generic template — stock photography, default fonts, the same layout as a dozen other local businesses — answers that question badly before the client ever walks in.
The demo was built to test the opposite approach: a site whose visual language does some of the persuasion work that photography and in-person consultations would normally do.
How we approached it
We treated the visual system as the primary conversion lever, not an afterthought layered on top of a standard business-site structure. That meant starting with typography and color before wireframing pages, since a med spa's brand is inseparable from its look.
We also organized the service structure around how clients actually shop for aesthetic treatments — by category and by the specific outcome they want — rather than a flat list, so browsing the site feels closer to browsing a curated menu than scrolling a directory.
Key design decisions
A few choices in the demo are specific to the premium-aesthetic positioning a med spa needs:
- Luxury editorial design with high-contrast typography and a warm color palette, chosen to read as considered and premium rather than clinical or generic
- A service menu with individual pages for injectables, facials, and body contouring, so each treatment category can carry its own imagery, pricing context, and detail without crowding the others
- An online consultation booking form with lead routing, since the realistic first step for most prospective clients is a consultation, not an immediate purchase
- A testimonial placeholder section, deliberately left empty of invented quotes — a real practice would populate this with real client reviews, with consent, not fabricated praise
- A before/after gallery with a lightbox, built with photo slots ready for real treatment photography rather than stock or invented images
What the build is designed to do
As with our other demo projects, we describe intent rather than outcomes, because this build hasn't operated as a real business's live site.
- Designed to position the practice as a premium option in its local market through visual design rather than claims made in copy
- Designed to capture consultation requests directly from the site, reducing reliance on phone-only booking
- Designed to support the practice's Google Business Profile with schema markup and consistent name/address/phone (NAP) data across the site and listing
Key takeaways
- This is a demo project — the article explains our design reasoning, not measured results from a real client.
- For a med spa, the visual system (typography, color, imagery) is a primary conversion lever, not decoration layered on afterward.
- Organizing services by category and outcome mirrors how clients actually shop for aesthetic treatments.
- Consultation-request capture matters more than an immediate "buy" button for high-consideration treatments.
- Testimonials and before/after photos are left as placeholders in the demo — they should never be fabricated, in a demo or a real build.