LUMORA Aesthetic Clinic: Booking Website with WhatsApp Integration and Owner Dashboard I designed...LUMORA Aesthetic Clinic: Booking Website with WhatsApp Integration and Owner Dashboard I designed...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
LUMORA Aesthetic Clinic: Booking Website with WhatsApp Integration and Owner Dashboard
I designed and built a full business website for LUMORA Aesthetic Clinic, a skincare clinic in Jakarta. It's not just an informational site, it's a working booking system that connects directly to WhatsApp, so the client doesn't need to manually go back and forth to get customers scheduled.
What it does:
One-click WhatsApp booking. Every service, doctor, and CTA button generates a pre-filled WhatsApp message with the specific service and doctor already included. Leads land in the owner's chat ready to confirm, not a cold "hi" message.
Dynamic service catalog. 7 treatment types with pricing, each independently bookable.
Doctor scheduling display. Per-doctor specialization, working days, and hours, so customers can pick based on availability before messaging.
Live weekly operating schedule. Shows real-time slot status (full, busy, limited) per day.
Owner dashboard with login. The clinic owner can update schedules and availability themselves through a private admin panel, without needing me to edit the site every time something changes.
Social proof section. Client testimonials and a clinic photo gallery to build trust before booking.
Location integration. Embedded map and address for walk-in customers.
Why this matters for the business:
This isn't a static portfolio-style site. It's built to actually convert visitors into booked appointments, and it keeps running without ongoing developer involvement, since the owner can manage day-to-day changes (schedules, availability) themselves.
Stack: React, Vite, Next.js, Tailwind CSS, a custom backend for the owner dashboard and login, deployed on production infrastructure with SEO-ready structure (fast load, mobile-first, clean metadata).
It’s a calm, editorial shop template for brands that make physical things: hardware, objects, small product lines. I designed the brand, generated the product photography and built every page in Framer.
What’s inside:
20 pages, each designed for desktop, tablet and phone
CMS-driven shop with working price sort
Product pages with gallery, specs and FAQs
A build-your-own configurator with live pricing
A bag with quantities and discount codes
Journal with hover image previews
Launch, studio, support and gift card pages
The product itself is fictional: a modular mixing desk where one core listens to your mix and suggests one fix at a time. I wanted the template to feel like a real brand from day one, so it’s been built and photographed like one.
Congrats on the launch, Jonathan. Designing the brand, the photography and every page yourself gives it a clear voice. What was the hardest part of building a shop template in Framer?
Features section from Byline, a concept PR agency site. Off-black and white base, one red-orange accent for a breaking news feel, and a hover state that fills the active card. Built in Framer.