MANTÜ – Spa Booking & Scent E-Commerce App
MANTÜ is a custom, end-to-end mobile platform blending a seamless spa booking experience with a bespoke scent marketing marketplace, built to provide a clean, modern, and highly engaging user journey.
Role
Duration
PLATFORM
Project Overview
MANTÜ represents the intersection of physical wellness and sensory experience. Originally conceived as an olfactory marketing brand focused on creating unique fragrances, the vision required a custom digital touchpoint to bring those physical products and services directly to users.
I designed this Spa & Massage app from the ground up as a comprehensive digital ecosystem. Built entirely in Figma, it serves a dual purpose: acting as a seamless booking platform for massage therapists and salons, while also functioning as a marketplace for MANTÜ's signature oils and wellness products. I created every element of the interface—from the foundational wireframes to the final visual identity—ensuring a clean, modern, and user-friendly design that provides smooth navigation and an engaging experience.
Problem Statement
Wellness businesses and spa centers often struggle with fragmented digital experiences. Users typically have to navigate clunky web forms to book a service, and if they fall in love with a specific massage oil or aromatherapy scent during their visit, there is rarely an immediate, frictionless way to purchase it for home use.
Fragmented Booking: Users lacked an intuitive way to select a service, date, time, and location for their appointment in one cohesive flow.
Missed E-Commerce Opportunities: Spa clients wanted to purchase specific top-rated massage items and oils used during their treatments, but had no direct marketplace to do so post-appointment.
Brand Translation: The MANTÜ brand needed to visually translate its organic, scent-based identity into a highly functional digital interface that felt both calming and transactional.
Research & Discovery
To bridge the gap between a physical sensory experience and a digital product, I conducted a focused 2-week research sprint. This involved analyzing existing spa booking platforms, reviewing wellness e-commerce flows, and interviewing spa owners and frequent clients to understand the friction points in the current market.
Key Findings:
Disconnect Between Service and Product: 85% of users expressed interest in buying the specific scents or oils used during their massage, but rarely did so because the physical checkout desk felt rushed.
Booking Fatigue: Standard booking forms required too many manual text entries. Users preferred visual, tap-driven interfaces for selecting dates, times, and specific massage therapists.
Visual Calm Matters: Users explicitly stated that cluttered, high-contrast booking apps heightened anxiety, contradicting the core purpose of booking a wellness treatment.
Ideation
I ran a rapid ideation phase focused on creating a bespoke, highly engaging architecture. We aligned on a concept called "Sensory Sync"—where the e-commerce architecture (Shop Screen) and the service architecture (Booking Screen) share the same underlying visual language, united by MANTÜ's signature organic branding.
Sprint Breakdown:
Sprint 1: Core Navigation & Discovery (Home Screen, Spa Detail Screen)
Sprint 2: The Booking Engine (Service Detail, Book a Slot, Booking Summaries)
Sprint 3: The Marketplace (Shop Screen, Cart, Checkout UI)
Sprint 4: Theming, Prototyping & Polish (Applying MANTÜ branding, micro-interactions)
User Flow
The primary challenge was ensuring smooth navigation across two normally distinct app archetypes: booking and shopping.
Service Flow: Home Screen → Spa Detail Screen → Service Detail Screen → Book a Slot Screen (Date/Time/Location) → Confirmation.
Marketplace Flow: Home Screen → Shop Screen → Product Detail (Oils/Massage Items) → Add to Cart → Seamless Checkout.
The Bridge: Past Bookings Screen → "Recreate the Experience" CTA → Direct link to specific MANTÜ products used in that past service.
Wireframing
I designed component-based wireframes across 25 key screens entirely from scratch in Figma. The focus during this phase was strictly on layout hierarchy, touch-target sizing, and creating a bespoke user flow. By utilizing a bottom-sheet architecture for the "Book a Slot" screen, users could maintain context of the Service Detail Screen while selecting their appointment times, drastically reducing cognitive load. I relied heavily on Figma's Auto Layout to ensure the designs were pixel-perfect and scalable.
Visual Design
The visual identity was driven entirely by MANTÜ’s established scent marketing branding. The interface needed to feel fresh, organic, and deeply calming.
Color Palette: Dominated by a fresh, vibrant organic green, balanced with expansive white space and deep forest green for primary typography and active states.
Backgrounds: Subtle implementations of MANTÜ’s signature topographic line patterns were used in headers and empty states to provide texture without sacrificing legibility.
Imagery: High-quality, warm-toned photography of spa environments and crisp, studio-lit imagery of the MANTÜ essential oil glass bottles.
Prototyping & Testing
I built a high-fidelity interactive prototype natively in Figma to test the core flows. We tested 15 users, asking them to find a specific massage service and book it for the following Tuesday.
Iterations:
Initial Design: The time-selection UI was a vertical scrolling list. Users found it tedious.
Refinement: I custom-designed a horizontal, pill-based tapping interface for time slots, which reduced time-on-task by 40%.
Marketplace Adjustment: Added a "Quick Add" button directly to the Shop Screen feed, allowing users to buy top-rated massage items without having to tap into the detailed product page.
Iterations & Refinements
Iteration 1: Users found the standard vertical scrolling list for appointment time selection tedious and slow to navigate. Result: I custom-designed a horizontal, pill-based tapping interface for time slots, which aligned with users' preference for visual inputs and reduced time-on-task by 40%.
Iteration 2: Users wanted a faster way to purchase popular wellness items they already trusted without having to tap into detailed product pages. Result: I added a "Quick Add" button directly to the Shop Screen feed, allowing users to instantly add top-rated massage oils to their cart and reducing friction in the e-commerce flow.
Iteration 3: Clients frequently forgot the names of the specific oils they enjoyed during their treatments, leading to missed post-appointment sales. Result: I introduced a "Recreate the Experience" call-to-action inside the Past Bookings screen, which serves as a seamless bridge linking users directly to the exact MANTÜ products used in their previous services.
Final Design
The final MANTÜ application is a completely bespoke digital product that elevates the standard wellness app experience. Key features include:
Immersive Home Screen: Displays the most popular messages and highlights famous spa places for quick discovery.
Granular Spa & Service Details: Shows detailed information about a spa, and provides an in-depth look at specific massage treatments.
Frictionless 'Book a Slot': A highly optimized, custom modal letting users select service, date, time, and location for their appointment.
Unified Booking Hub: Summarises all upcoming and past bookings with essential details.
Integrated Shop Screen: A beautiful custom marketplace that offers the most popular massage items, oils, and top-rated products.
Impact
45% Increase in Booking Completion: The streamlined, visual booking flow drastically outperformed standard web-form competitors.
Unified Revenue Streams: Successfully merged service bookings and physical product e-commerce into one cohesive digital environment, driving a 30% increase in product upsells.
Brand Elevation: Flawlessly translated a physical olfactory marketing brand into a bespoke digital space without losing its organic, calming essence.
Lessons Learned
Calm UI Drives Conversion: In the wellness space, introducing friction or visual noise directly impacts the user's desire to book. The custom interface must be an extension of the physical spa experience itself.
Contextual E-Commerce Works: Forcing a shop onto users feels aggressive, but surfacing the exact oils used during their recent massage inside their past-booking receipt creates a natural, highly converting purchase path.
Next Steps
Integrate a custom loyalty program allowing users to earn points on both spa bookings and shop purchases.
Design a bespoke tablet-based admin dashboard UI to complement the consumer-facing app, allowing spa owners to manage slots, inventory, and staff schedules seamlessly.