Back to Projects
PersonalWebsite2025 2 weeks

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.

Shelo Elegance – Salon & Beauty Website
5 images — View gallery
RoleFull-Stack Developer & Designer
Duration2 weeks
Tech Stack4 tools
Year2025

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

1

Luxury Editorial Design

Magazine-inspired layout with elegant typography, soft gradients, and curated imagery that communicates premium salon positioning and builds trust instantly.

2

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.

3

Portfolio & Transformations

Filterable portfolio grid highlighting real work with before/after presentation, hover previews, and high-resolution imagery optimized for fast loading.

4

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

Shelo Elegance – Salon & Beauty Website screenshot 1
View full size
Shelo Elegance – Salon & Beauty Website screenshot 2
View full size
Shelo Elegance – Salon & Beauty Website screenshot 3
View full size
Shelo Elegance – Salon & Beauty Website screenshot 4
View full size
Shelo Elegance – Salon & Beauty Website screenshot 5
View full size

Under the Hood

Technology Stack

Tailwind CSS React.js Framer Motion Supabase

Impact

Results & Metrics

5
Sections
96/100
Page Speed
100%
Lead Capture
98/100
Mobile Score
Have a similar project?

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.