Khair Spa is a fictional spa brand I created to practice building elegant, high-converting websites that reflect calm and premium self-care. The goal was to design a site that feels luxurious, clean, and peaceful, while making it easy for visitors to understand the services and book a session.
This project was built as a concept, but with the same attention I’d give a real client, from strategy to execution.
Goal
Establish a strong first impression with a calming and refined visual identity
Clearly communicate spa offerings with elegant, easy-to-read service sections
Build user trust through storytelling, visuals, and testimonials
Encourage bookings with clear, gentle calls to action throughout the site
Design Process
I began by identifying the core user pain points: lack of trust, unclear services, and no clear path to booking.
From there, I mapped a straightforward page flow, Hero → About → Services → Testimonials → FAQs → Booking CTA — to guide users seamlessly toward conversion.
The visual design centered on soft neutrals, elegant typography, and spa-inspired imagery to evoke calm and care.
I then prototyped a responsive, scroll-friendly experience in Framer, incorporating subtle transitions to create a smooth and engaging journey.
Finally, I refined the design by sharpening clarity, reinforcing trust signals, and presenting content in a clean, professional way that matched the spa’s tone.
Outcome
I designed a clean, luxurious website that reflects Khair Spa’s core values, calm, care, and elegance. The layout guides users effortlessly through the brand story, services, and client testimonials, with clear calls to action placed throughout.
Reflection
This project reminded me that good design isn’t just about how something looks, it’s about how it feels. For a wellness brand like Khair Spa, the challenge was to translate a physical, sensory experience into a digital one that feels just as calming and trustworthy.
I learned how much impact thoughtful layout, breathing space, and tone of voice can have in building user trust. It also reinforced the value of designing with empathy, putting myself in the mindset of a first-time visitor trying to understand, feel reassured, and take action without overwhelm.