- UX
- March 2021
- LUSH × Mirumee
LUSH HouseBeauty-treatment booking with filigree UX
A UX concept for the new LUSH House service: the client picks a treatment and a time, sees the nearest salon and her beautician, pays, and after the visit gets the cosmetics chosen during the treatment. The beautician runs the same visit on a tablet.
- The clientThe web app — from the LUSH site to a paid visit
- BackstageThe beautician’s tablet — calendar, visit, treatment
- After the visitThe rating and the treatment’s cosmetics in the client’s app
Illustration: on black, the four cosmetics of the treatment board spread out — a green mask, a white cream, an oat crumble and a plum mask — a bath bomb fizzes beside them, and a phone with the LUSH House Discover screen rises from below.
01 Brief
From booking to the night cream
The goal was a convenient, pleasant experience that encourages clients to use LUSH’s services and buy its cosmetics. The system has two parts: a web app for clients — booking, viewing and editing visits — and a tablet panel for beauticians to manage visits and match products.
LUSH sells fresh, handmade cosmetics — in its shops usually after a talk with a salesperson. LUSH House carries that talk into a treatment room and keeps it on the way: from the treatment through the slot and the payment to the cosmetics the beautician picks during the visit.
Ingredients:The challenge’s features in the visit’s order — like the label’s ingredients
the type and length of the treatment§ 05, the nearest salon’s availability and location§ 03, the beauticians’ profiles and reviews§ 07, changing or cancelling a visit before it starts§ 08, personalised product recommendations§ 11, buying online or in a shop with a discount code§ 12, rating the visit and feedback for the beautician§ 12.
02 The LUSH site
In through the House icon
LUSH House does not start from scratch but on the site clients already know: the header gets a House icon with a badge, and under the hero a section with the nearest salon and its treatments.
The header icon
A quick way into LUSH House; a badge tells about changes to a visit. The board also allows the notice on the account icon.
The nearest House
A salon picked by IP address, with an option for the exact location.
Treatment cards
Peeling, mesotherapy, microdermabrasion — every card leads to a specific House.
Try it
- New Products
- Bestsellers
- Bath Products
- Skincare
What’s init foryou?
Shop Self-Preserving SkincareTake care at Lush House
Browse and shop our products in a one-on-one session with a Specialist at a Lush House and find what’s right for you.
Results nearby: Poole ·
From the board
Lush House icon
Quick access + badges about changes
Lush House section on the home page
The nearest salon by IP + the exact location
Transition to a specific House
A tap takes you to the Lush House
The Houses outside Poole, the client, the card and the products beyond the boards are samples
03 Lush House · Discover
Everything in one field
The House home is one search for salons, treatments, specialists and slots, chips of categories under it, salon cards with their ratings — and a way into the wizard for those who do not know what they are looking for.
Search
It searches salons, treatments, specialists and appointments at once — on Algolia in the concept. Here the results change with every letter.
Filters and chips
Treatment type, available hours, distance; the chips also split the services into face, body and hair.
Salon cards
The rating and the number of reviews as proof of quality, the gallery’s dots — browsing without going deeper.
Try it
HouseFrom the board
Search
Salons, treatments, specialists, appointments. On Algolia
Chips with categories
Face, body, hair
Advanced filtering
Treatment type, hours, distance
Rating and reviews
Social proof of a high-quality service
The Houses outside Poole, the client, the card and the products beyond the boards are samples
04 Personalisation wizard
Three questions instead of a catalogue
For someone who does not know the treatments’ names: the wizard asks about the need, the part of the body and the town, then offers treatments and the salons that do them.
The need and the body
Answers instead of treatment names: “rest after a difficult day”, “feet”.
Where are you?
The location from GPS — the browser’s window asks for it — or a town from a list with a search.
Recommendations
Treatments that match the answers, then the salons that do them — and a home SPA with a cosmetics set delivered.
The wizard’s steps
Tell me what you need
From the board
The location from GPS
The event is triggered by the browser’s modal
A town from the list
The Houses outside Poole, the client, the card and the products beyond the boards are samples
05 The salon page
Several treatments in one visit
The salon page has a gallery, tabs and a treatment search. The client ticks one treatment or more, and a pinned bar at the bottom sums up the choice and leads on to the dates.
Gallery and tabs
The salon’s photos under a swipe; Details with the opening hours and the staff’s biographies; reviews.
Categories
The most popular treatments on top, categories with a description (for SEO), a search without scrolling the whole list.
The pinned bar
A summary and the way on; with several treatments the name turns into “2 treatments”.
Try it
LUSH Spa Poole
81 m • 29 High Street, Poole BH15 1AB
Popular
- 1 color hybrid manicure£1101h 45 min
- Hybrid and classic SPA pedicure£1502h
- Complementing gel nails 1 color£1801h 45 min
Consultation
A cosmetology consultation is a meeting between a cosmetologist and a potential client, during which the cosmetologist assesses the client’s needs and recommends a course of treatment.
- Cosmetology consultationFree30 min
- Medical consultationproblem analysis with the development of a treatment plan£15020 min
From the board
Salon portfolio
More photos under a swipe
Share
Web Share API
Several treatments during one visit
Pinned bottom bar
A summary and the way on
The Houses outside Poole, the client, the card and the products beyond the boards are samples
06 Slot and account
An account only at the slot
The slot comes before signing in; the account appears when it is needed. The board shows two versions of the sign-up’s last step — here they stand side by side.
Picking a slot
Slots with the price per person and filters: dates, the number of clients, any or a specific beautician.
Sign in or register
An e-mail or a Facebook, Google, Apple or phone account.
Two suggestions
The first: agreeing to the terms by going on, and an optional opt-out of marketing. The second, classic: on only after the second box is ticked.
Steps
The suggestion on screen
- Dates
- 1 client
- Any employee
Today, Wed, Jun 15
Tomorrow, Thu, Jun 16
Fri, Jun 17
From the board
The e-mail from the previous screen
A chance to catch a typo without typing it again
Agreeing by going on
Fewer unnecessary checkboxes
Classic proposition
The second box must be ticked
The Houses outside Poole, the client, the card and the products beyond the boards are samples
07 Confirm and pay
One button, no surprises
The summary before paying recalls the salon, the beautician and how to prepare, shows the price, and adds carbon compensation only when asked to.
A summary you can edit
The date, time, guests, salon and the beautician — with her profile, handy when “any employee” was picked before.
Extras
A VAT invoice, a phone number for texts about changes, and carbon compensation (calculated e.g. by the Doconomy API).
Payment
The default method remembered for next time, a padlock explaining the security, a coupon, the cancellation policy — and one button.
Try it
Your experience
- Date
- Today, Wed, Jun 15
- Time
- 6:00 PM - 8:00 PM
- Guests
- 1 guest
Poole
BH15 1AB★ 4,95 (367)
Will take care of you:
Preparation for the treatment
For at least 3 days before the procedure, use a night cream that deeply moisturizes the skin of the face.
Price details
- £150 x 1 person£150
- TOTAL£150
Additional information
Carbon footprint
All cosmetics used during the treatment are ecological. However, specialized devices use electricity, and some parts need to be replaced with new ones. This generates an additional carbon footprint. Help us reduce it.
Pay with
Cancellation policy
If you cancel the treatment 24 hours before the planned start, you will receive a 100% refund.
By selecting the button below, you agree to the Cancellation Policy, the Refund Policy and Lush House’s social-distancing and other COVID-19-related guidelines. Payment Terms between you and Lush Payments.
From the board
Selected cosmetologist
The biography and certificates on a tap
Optional VAT invoice
Carbon footprint compensation
Or a note that it is already in the price
Padlock — guarantee of safety
The Houses outside Poole, the client, the card and the products beyond the boards are samples
08 Your booking
Everything ready for the visit
After booking, the client has one place for everything: the address with navigation, the phone, a chat with the beautician, the confirmation code, changing or cancelling — and a gift card.
Quick actions
Copying the address and navigating, calling the salon, a chat with the beautician on the site.
Changing and cancelling
Changing the date, time, number of guests; when cancelling, a window says whether the money comes back — depending on the time left.
A gift and an invoice
The booking as a gift card in a PDF, and an invoice with editable details.
Try it
Everything is prepared for you
Hybrid and classic SPA pedicure
Susan Smith • Senior MA cosmetologist
Today, Wed, Jun 15
6:00 PM - 8:00 PM
29 High Street
Poole
BH15 1AB
Cancellation policy
If you cancel the treatment 24 hours before the planned start, you will receive a 100% refund.
Preparation for the treatment
For at least 3 days before the procedure, use a night cream that deeply moisturizes the skin of the face.
Will take care of you:
Price details
- £150 x 1 person£150
- TOTAL£150
The slider changes the time left — so both windows show.
From the board
Header with reservation status
A swipe shows the salon’s photos
Direct message to the beautician
A chat on the site
Cancelling the reservation
A modal about a refund or forfeiture
Print as Giftcard
A PDF in a gift-like aesthetic
The Houses outside Poole, the client, the card and the products beyond the boards are samples
09 House manager · Calendar
The whole salon on one screen
The tablet panel was to standardise the work across LUSH’s salons: a day, week and month calendar, the staff list, the current-time line — and in the menu sales, customers, stock, marketing, gift cards and reports.
Views and navigation
Day, week, month; the arrows or a drop-down calendar.
Who is working
One person’s calendar or everyone’s, depending on the settings; profiles with different access.
Now
The current-time line, notifications, an omnisearch and adding a visit by hand from other channels.
Try it
The Houses outside Poole, the client, the card and the products beyond the boards are samples
From the board
Change the calendar view
Each view has a different layout
Current time
Easier to find yourself in the day
Manually adding a new event
For bookings from other channels
10 Details of the visit
A visit you can stretch
The visit’s panel shows the status, the client, the treatments and the earnings, lets you add a service and change the times — and when a gap opens in the schedule, invite the client earlier.
Status and client
The status with a change, the client’s details with her visits’ timeline; a first-visit mark and a recurring booking.
Times
The start and end can be edited — the card in the calendar stretches and shrinks.
Earlier?
“Inform being ready” sends a push or a text: the beautician is free, the client can come earlier.
Try it
The Houses outside Poole, the client, the card and the products beyond the boards are samples
From the board
Customer details
The visit timeline, editing the details
Adding additional treatments
Easily extend / shorten an event
Start consultation
11 In treatment
Cosmetics by hand
A four-step stepper runs the treatment: interview, treatment, recommendations and notes. The beautician sets how much of each cosmetic she used — and that list reaches the client’s app.
Interview
Yes/no questions before the treatment; the board’s first is about skin diseases.
Products used
A list set for the treatment, free to edit: grams with + and − or the keypad, “Add more” with a search.
Once approved
The products used and recommended appear in the client’s app; at the end, a question about the next visit.
The treatment’s steps
Do you suffer from skin diseases?
- Interview
- In treatment
- Recommendations
- Additional notes
The Houses outside Poole, the client, the card and the products beyond the boards are samples
From the board
A predefined list of cosmetics
The beautician is free to edit it
Adjusting the amount used
The + and − buttons or the keypad
Next step
The list appears in the client’s app
12 After the visit
A rating and recommended cosmetics
The badge on the House icon leads to the past visit: the rating waits there, with the cosmetics used during the treatment and those recommended for the days after — with a button to the bag.
Rating
Stars for the visit at a specific salon, and feedback for other clients and the beautician.
The treatment’s cosmetics
The list is made from what the beautician entered — here from § 11.
Buying
Ordering online or in a shop with a discount code.
Try it
- New Products
- Bestsellers
- Bath Products
- Skincare
What’s init foryou?
Shop Self-Preserving SkincareTake care at Lush House
Browse and shop our products in a one-on-one session with a Specialist at a Lush House and find what’s right for you.
Results nearby: Poole ·
From the board
Possibility to rate the visit
Products used during the treatment
Made from the beautician’s data
Products recommended after the treatment
The Houses outside Poole, the client, the card and the products beyond the boards are samplesThe list comes from the tablet in § 11.
13 Boards
Boards and recordings
Eleven annotated wireframe boards and eight recordings of the clickable prototype. Two boards and two recordings carry a sample e-mail address.
LUSH and the LUSH logo are trademarks of their owner. This page shows a UX concept made with the Mirumee team; the screens run on sample data.