Medspa
Aurelle Medspa
Beauty, thoughtfully refined — with treatment discovery built in.
Overview
What this project is
A luxury medical-aesthetics concept blending editorial design, treatment discovery and a refined consultation experience.
The Challenge
Business challenge
Medical-aesthetic marketing has to sell a premium experience while staying honest about what a website can promise — no diagnosing a visitor's skin, no guaranteed outcomes, no treatment booked without a licensed provider's sign-off. Most medspa sites either read as generic beauty templates or overreach on medical claims to sound credible.
The Approach
Design approach
An editorial luxury system: warm ivory and charcoal, a serif display face paired with a restrained sans for body copy, botanical line-art used sparingly and always non-interactive (pointer-events: none), and alternating light/dark sections instead of one long scroll. Motion is deliberately restrained — content is visible by default and only progressively enhanced with a reveal animation, so nothing depends on JavaScript to be seen.
Conversion features
- Interactive Treatment Finder that suggests categories to discuss at consultation — never a diagnosis
- 4-step consultation wizard (Treatment Interest → Goals → Preferred Date → Contact) instead of one long form
- Sticky mobile consultation CTA bar with safe-area handling
- Treatment catalog filterable by Skin / Injectables / Body / Consultation
SEO structure
- MedicalBusiness schema (JSON-LD) plus BreadcrumbList schema on every treatment page
- 11 dedicated treatment detail pages instead of one generic services page
- sitemap.xml + robots.txt + dynamic OG image
- A dedicated Medical Disclaimer page for compliance-minded, educational-not-diagnostic content
Key pages
What Tech Abélard would improve for a real client
- Wire the consultation form to a real inbox or CRM instead of a stub
- Deploy to a real hosting environment — currently local-preview only
- Replace placeholder provider name and credentials with real, verified information before any real-world use
- Add real treatment and interior photography once a licensed practice is attached
Mobile experience — every page above was designed mobile-first and verified on real device viewports before desktop, not adapted afterward.
Concept Project
Created to demonstrate Tech Abélard's capabilities for medspa businesses. It is not presented as a completed client project.
Project Gallery
More of the experience
Real screens captured from the working build — not mockups.
Mobile experience
Designed mobile-first and verified on a real device viewport before desktop, not adapted afterward.
Go Further
Want to explore the full interactive demo?
Request live access to the private, fully interactive Aurelle Medspa showcase — we review every request personally.