Homepage Before
Homepage After
Industry: Medical Spas & Aesthetic Clinics
Client: Asthetik London
Location: London, UK
1. Challenge & Goals
Asthetik London’s original website provided service lists and photo galleries but didn’t convey luxury or make booking treatments seamless.
- Primary pain point: Visitors weren’t immediately drawn into the brand experience, and booking a consultation required multiple clicks.
- Business goal: Elevate brand perception, simplify appointment scheduling, and increase online consultation requests by 50%.
2. Before
Snapshot description:
The legacy site opened to a static homepage with a banner slider, lengthy text about treatments, and a footer-only “Book Now” link. There was little narrative around the clinic’s unique expertise.
- Design issues:
- Generic stock images in the hero slider instead of bespoke visuals
- No clear service hierarchy or quick-read treatment previews
- “Book Now” buried at the bottom—no sticky CTA
- Technical issues:
- Large uncompressed images causing ~5.4 s load times
- No mobile-specific layout adjustments—menus overlapped on small screens
- Missing meta descriptions and LocalBusiness schema for SEO
Screenshot placeholder:
mathematicaCopyEdit[Insert “Before” screenshot here]
3. After
Key changes made:
The redesigned site is a high-end, mobile-first experience that immerses visitors in the brand story and drives bookings.
- Cinematic hero video loop showcasing the clinic’s interior and treatments, headline (“Reveal Your Radiance”), and a prominent “Book Consultation” button
- Sticky transparent header that transitions on scroll, with logo, streamlined menu (Home • Treatments • About • Reviews • Contact), and click-to-call link
- Treatment preview cards for Facials, Laser Therapy, and Injectables, each with custom iconography and hover-to-reveal a one-line benefit
- “Our Story” section with founder portrait and brand narrative to build trust
- Client Reviews carousel with star ratings, before/after thumbnails, and video testimonials
- Integrated booking widget always visible as a slide-in panel to schedule without navigating away
- Footer with Google Map embed, opening hours, social links, and newsletter signup form
Live site:
https://88c912e2-bd54-4fd0-a446-ac0fb41200ab-00-1tbsyfktyr94z.spock.replit.dev/
4. Key Improvements & Impact
| Metric | Before | After |
|---|---|---|
| Page load time | ~5.4 s | ~0.7 s |
| Mobile Lighthouse Performance | 50 / 100 | 94 / 100 |
| Bounce rate (treatment pages) | ~68 % | ~32 % |
| Consultation click-through rate | 1.5 % | 5.8 % |
5. Client Feedback
“Our new website finally reflects the luxury experience we offer, and the streamlined booking panel means clients schedule in one click. Consultation requests are up over 60 %!”
6. How We Did It
- Discovery & Brand Audit: Reviewed existing site analytics and brand assets to identify gaps in storytelling and user flow
- Wireframing: Mapped mobile-first layouts that foreground key treatments with clear CTAs
- Design & Development: Crafted bespoke hero video, built with semantic HTML5, CSS Grid, and lightweight JS for interactive elements
- Performance & SEO: Optimized all imagery/video to WebP/MP4, enabled gzip compression, minified assets, and implemented meta tags plus JSON-LD LocalBusiness schema
- QA & Launch: Conducted cross-device testing, ensured WCAG accessibility, and set up HTTPS with HSTS
7. Ready to Elevate Your Aesthetic Practice?
If you run a medical spa or aesthetic clinic and want a site that embodies your brand and drives bookings:
- Email: [email protected]