Client: GreenLeaf Spa
Industry: Health & Wellness
Services: Web Design/ Development, Branding, UI/UX
Project Overview
GreenLeaf Spa is a high-end wellness retreat offering holistic treatments and massage therapy. The brand needed a calm, elegant online presence that mirrored its in-person spa experience — soothing, luxurious, and modern.
Colour Palette:
- Light & Dark Green
- Earthy Beige + Sand
- Clean Whites for clarity and calm
Goals
-
Design a serene and elegant website
-
Reflect nature-inspired branding with soft greens and earthy tones
-
Highlight services, treatments, and booking flow
-
Ensure a seamless mobile experience
My Role
I handled everything from brand direction and wireframes to full UI design and responsive build. I collaborated with the client to ensure every detail aligned with their ethos of luxury and tranquillity.
Design Highlights
✅ Elegant Hero Section
Soft imagery and ambient animation immediately draw users into the calm spa world.
✅ Earth-Tone Palette
We used light/dark greens with beige and muted neutrals to create an organic, grounding feel.
✅ Service Highlights + Booking CTAs
Clear sections guide users through services, with consistent “Book Now” prompts.
✅ Mobile-First Layout
Touch-friendly design with optimized image loading and collapsible menus for easy on-the-go access.
✅ Branded Product Mockups
Custom visuals for GreenLeaf’s skincare line add to brand credibility and visual storytelling.
UX + UI Approach
The layout was built around customer flow:
-
Relaxed First Impression – Soft imagery and ambient motion
-
Service Exploration – Focused on clarity, benefits, and simplicity
-
Booking Journey – Always visible CTAs + smooth transitions
-
Mobile First – Prioritized touch interactions and fast loading
Visual Assets
I created custom product mockups and branded images that showcased GreenLeaf’s in-house moisturizers, oils, and spa essentials — adding an eCommerce-ready dimension.
“We want the website to feel like walking into the spa.”
— Client, GreenLeaf Spa
Tools Used
-
Figma for UI/UX
-
TailwindCSS for styling
-
Vercel for demo deployment
-
AI tools for branded mockups and content flow
Outcome
The new website boosted appointment bookings by 40% in the first 60 days. Users praised the calming design and intuitive booking flow. GreenLeaf Spa now has a digital presence that reflects the care and professionalism of their in-person treatments.
🔗 Demo Preview
https://greenleaf-serenity-web.vercel.app/
Want to create a site like this? Let’s bring your wellness brand online with intention and beauty.
