Shelo Elegance – Salon & Beauty Website
Shelo Elegance is a premium salon and beauty brand website built to reflect luxury, professionalism, and trust. The site presents service offerings, curated portfolio work, pricing, and contact/booking touchpoints in an editorial, magazine-like layout — designed to convert visitors into booked clients for hair, nails, and beauty treatments.

The Challenge
The salon needed a premium digital presence that matched its in-store luxury experience. Existing social-only presence made it hard to showcase services professionally, display portfolio work consistently, and capture booking enquiries without losing leads to DMs.
The Solution
I designed and built a single-page salon website with a sophisticated editorial aesthetic — soft typography (Cormorant + Jost inspired), warm neutral tones, and generous whitespace. Service sections are clearly tiered with pricing, the portfolio grid showcases transformations with lightbox, and the enquiry form captures leads into Supabase with instant follow-up. Framer Motion powers subtle reveals and micro-interactions for a premium feel.
Highlights
Key Features
Luxury Editorial Design
Magazine-inspired layout with elegant typography, soft gradients, and curated imagery that communicates premium salon positioning and builds trust instantly.
Service & Pricing Showcase
Structured services section with categories (hair, beauty, treatments), clear pricing tiers, and CTAs that guide users to enquire — reducing friction to booking.
Portfolio & Transformations
Filterable portfolio grid highlighting real work with before/after presentation, hover previews, and high-resolution imagery optimized for fast loading.
Lead Capture & Enquiries
Booking enquiry form integrated with Supabase for reliable lead storage and email notifications, ensuring every potential client is captured and followed up.
Visual Tour
Screenshots





Under the Hood
Technology Stack
Impact
Results & Metrics
Let's build your
next success story
Whether it's a web application, a marketing site, or a collaborative build — I bring the same attention to detail and quality to every project.