• UX
  • marzec 2021
  • LUSH × Mirumee

LUSH HouseRezerwacje wizyt na zabiegi kosmetyczne w filigranowym UX

Koncept UX nowej usługi LUSH House: klientka wybiera zabieg i termin, widzi najbliższy salon i kosmetyczkę, płaci, a po wizycie dostaje kosmetyki dobrane w trakcie zabiegu. Kosmetyczka prowadzi tę samą wizytę na tablecie.

Klient
LUSH × Mirumee
Poole, Wielka Brytania
Zespół
Head of Design — Iwo Rzepiela
UX — Jakub Nowak
Kiedy
marzec 2021
wireframe’y i klikalny prototyp w Figmie
  1. KlientkaWeb aplikacja — od strony LUSH do opłaconej wizyty
  2. Za kulisamiTablet kosmetyczki — kalendarz, wizyta, zabieg
  3. Po wizycieOcena i kosmetyki z zabiegu w aplikacji klientki
Zacznij wizytę

Ilustracja: na czarnym tle rozsmarowują się cztery kosmetyki z planszy zabiegu — zielona maska, biały krem, owsiana kruszonka i śliwkowa maska — obok musuje kula do kąpieli, a z dołu wjeżdża telefon z ekranem Discover aplikacji LUSH House.

01 Brief

Od rezerwacji do kremu na noc

Celem było wygodne i przyjemne doświadczenie, które zachęci klientów do korzystania z usług LUSH i kupowania jego kosmetyków. System ma dwie części: web aplikację dla klientów — rezerwacja, podgląd i edycja wizyt — oraz panel na tablecie dla kosmetyczek, który pozwala zarządzać wizytami i dobierać produkty.

LUSH sprzedaje świeże, ręcznie robione kosmetyki — w sklepie zwykle po rozmowie ze sprzedawcą. LUSH House przenosi tę rozmowę do salonu zabiegów i nie gubi jej po drodze: od wyboru zabiegu przez termin i płatność po kosmetyki, które kosmetyczka dobiera w trakcie wizyty.

Składniki:Funkcje z wyzwania, w kolejności wizyty — jak skład na etykiecie

rodzaj i czas zabiegu§ 05, dostępność i lokalizacja najbliższego salonu§ 03, profile i opinie kosmetyczek§ 07, zmiana lub anulowanie wizyty przed jej rozpoczęciem§ 08, spersonalizowane rekomendacje produktów§ 11, zakup online lub w sklepie z kodem rabatowym§ 12, ocena wizyty i opinia dla kosmetyczki§ 12.

10 scenariuszy z konceptu

  1. pierwsza wizyta§ 04
  2. kolejna wizyta§ 11
  3. anulowanie wizyty§ 08
  4. zmiana terminu§ 06
  5. zmiana salonu§ 04
  6. zmiana zabiegu§ 05
  7. zmiana kosmetyczki§ 06
  8. ocena wizyty§ 12
  9. zakup produktów§ 12
  10. wiadomość od kosmetyczki§ 08

02 Strona LUSH

Wejście przez ikonę House

LUSH House nie zaczyna się od zera, tylko na stronie, którą klientki już znają: w nagłówku pojawia się ikona House z odznaką, a pod hero — sekcja z najbliższym salonem i zabiegami.

  1. Ikona w nagłówku

    Szybkie wejście do LUSH House; odznaka mówi o zmianach w wizycie. Plansza dopuszcza też powiadomienie na ikonie konta.

  2. Najbliższy House

    Salon dobrany po adresie IP, z opcją dokładnej lokalizacji.

  3. Karty zabiegów

    Peeling, mezoterapia, mikrodermabrazja — każda karta prowadzi do konkretnego House.

Spróbuj

Free standard shipping on orders over £45+ | Order by 10pm for Next Working Day Delivery

  • New Products
  • Bestsellers
  • Bath Products
  • Skincare

What’s init foryou?

Shop Self-Preserving Skincare

Take 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 ·

Our Bestsellers!

Z planszy

  • Ikona Lush House

    Szybki dostęp + odznaki o zmianach

  • Sekcja Lush House na stronie głównej

    Najbliższy salon po IP + dokładna lokalizacja

  • Przejście do konkretnego House

    Po kliknięciu trafiasz do Lush House

Salony poza Poole, klientka, karta i produkty spoza plansz są przykładoweKoncept powstał po angielsku, więc ekrany zostają przy jego słowach.

03 Lush House · Odkrywaj

Wszystko w jednym polu

Strona główna House to jedna wyszukiwarka salonów, zabiegów, specjalistek i terminów, pod nią czipy kategorii i karty salonów z oceną — oraz wejście do kreatora dla tych, które nie wiedzą, czego szukają.

  1. Wyszukiwarka

    Szuka naraz salonów, zabiegów, specjalistek i wizyt — w koncepcie na Algolii. Tutaj wyniki zmieniają się z każdą literą.

  2. Filtry i czipy

    Rodzaj zabiegu, dostępne godziny, odległość; czipy dzielą usługi także na twarz, ciało i włosy.

  3. Karty salonów

    Ocena i liczba opinii jako dowód jakości, kropki galerii — przeglądanie bez wchodzenia głębiej.

Spróbuj

House

Z planszy

  • Wyszukiwarka

    Salony, zabiegi, specjalistki, wizyty. Na Algolii

  • Czipy z kategoriami

    Twarz, ciało, włosy

  • Zaawansowane filtrowanie

    Rodzaj zabiegu, godziny, odległość

  • Ocena i opinie

    Społeczny dowód jakości usług

Salony poza Poole, klientka, karta i produkty spoza plansz są przykładoweKoncept powstał po angielsku, więc ekrany zostają przy jego słowach.

04 Kreator personalizacji

Trzy pytania zamiast katalogu

Dla kogoś, kto nie zna nazw zabiegów: kreator pyta o potrzebę, część ciała i miasto, a potem podaje zabiegi i salony, które je robią.

  1. Potrzeba i ciało

    Odpowiedzi zamiast nazw zabiegów: „odpocząć po trudnym dniu”, „stopy”.

  2. Gdzie jesteś?

    Lokalizacja z GPS — wywołuje ją okno przeglądarki — albo miasto z listy z wyszukiwarką.

  3. Rekomendacje

    Zabiegi dopasowane do odpowiedzi, potem salony z nimi — i domowe SPA z zestawem kosmetyków w dostawie.

Kroki kreatora

Tell me what you need

Z planszy

  • Lokalizacja z GPS

    Zdarzenie wywołuje okno przeglądarki

  • Wybór miasta z listy

Salony poza Poole, klientka, karta i produkty spoza plansz są przykładoweKoncept powstał po angielsku, więc ekrany zostają przy jego słowach.

05 Strona salonu

Kilka zabiegów na jednej wizycie

Strona salonu ma galerię, zakładki i wyszukiwarkę zabiegów. Klientka zaznacza jeden albo kilka zabiegów, a przypięty pasek u dołu podsumowuje wybór i prowadzi do terminów.

  1. Galeria i zakładki

    Zdjęcia salonu pod gestem przesunięcia; Details z godzinami otwarcia i biogramami pracowników; opinie.

  2. Kategorie

    Najpopularniejsze zabiegi na górze, kategorie z opisem (dla SEO), wyszukiwarka bez przewijania całej listy.

  3. Przypięty pasek

    Podsumowanie i przejście dalej; przy kilku zabiegach nazwa zmienia się na „2 treatments”.

Spróbuj

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

Z planszy

  • Portfolio salonu

    Więcej zdjęć pod gestem przesunięcia

  • Udostępnij

    Web Share API

  • Kilka zabiegów na jednej wizycie

  • Przypięty dolny pasek

    Podsumowanie i przejście dalej

Salony poza Poole, klientka, karta i produkty spoza plansz są przykładoweKoncept powstał po angielsku, więc ekrany zostają przy jego słowach.

06 Termin i konto

Konto dopiero przy terminie

Termin wybiera się przed logowaniem; konto pojawia się, gdy jest potrzebne. Plansza pokazuje dwie wersje ostatniego kroku rejestracji — tutaj stoją obok siebie.

  1. Wybór terminu

    Sloty z ceną za osobę i filtry: daty, liczba klientów, dowolna albo konkretna kosmetyczka.

  2. Logowanie albo rejestracja

    E-mail albo konto Facebook, Google, Apple, telefon.

  3. Dwie propozycje

    Pierwsza: zgoda na regulamin przez przejście dalej i opcjonalna rezygnacja z marketingu. Druga, klasyczna: dalej dopiero po zaznaczeniu drugiego pola.

Kroki

Propozycja na ekranie

Select dates

  • Dates
  • 1 client
  • Any employee

Today, Wed, Jun 15

6:00 PM - 8:00 PM£150 / person

Tomorrow, Thu, Jun 16

12:00 PM - 2:00 PM£150 / person
6:00 PM - 8:00 PM£150 / person

Fri, Jun 17

12:00 PM - 2:00 PM£150 / person

Z planszy

  • E-mail z poprzedniego ekranu

    Szansa na wyłapanie literówki bez wpisywania jeszcze raz

  • Zgoda przez przejście dalej

    Mniej zbędnych pól wyboru

  • Klasyczna propozycja

    Trzeba zaznaczyć drugie pole

Salony poza Poole, klientka, karta i produkty spoza plansz są przykładoweKoncept powstał po angielsku, więc ekrany zostają przy jego słowach.

07 Potwierdź i zapłać

Jeden przycisk, zero niespodzianek

Podsumowanie przed płatnością przypomina salon, kosmetyczkę i przygotowanie do zabiegu, pokazuje cenę, a kompensację śladu węglowego dodaje tylko na życzenie.

  1. Podsumowanie z edycją

    Data, godzina, goście, salon i kosmetyczka — z jej profilem, przydatnym, gdy wcześniej wybrano „dowolną”.

  2. Dodatki

    Faktura VAT, telefon do SMS-ów o zmianach i kompensacja śladu węglowego (wyliczana np. przez API Doconomy).

  3. Płatność

    Domyślna metoda zapamiętana na kolejne razy, kłódka z informacją o zabezpieczeniach, kupon, polityka anulowania — i jeden przycisk.

Spróbuj

Confirm and pay

Your experience

Date
Today, Wed, Jun 15
Time
6:00 PM - 8:00 PM
Guests
1 guest
LUSH Spa Poole29 High Street
Poole
BH15 1AB★ 4,95 (367)

Will take care of you:

Susan SmithSenior MA cosmetologist

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
Do you need a VAT invoice?

Additional information

Phone NumberAdd and verify your phone number so Lush House can send you treatment updates

Carbon footprint

Compensate for your carbon footprint (+£1.50)

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

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.

Z planszy

  • Wybrana kosmetyczka

    Biogram i certyfikaty po kliknięciu

  • Opcjonalna faktura VAT

  • Kompensacja śladu węglowego

    Albo informacja, że jest już w cenie

  • Kłódka — gwarancja bezpieczeństwa

Salony poza Poole, klientka, karta i produkty spoza plansz są przykładoweKoncept powstał po angielsku, więc ekrany zostają przy jego słowach.

08 Twoja rezerwacja

Wszystko gotowe na wizytę

Po rezerwacji klientka ma jedno miejsce na wszystko: adres z nawigacją, telefon, czat z kosmetyczką, kod potwierdzenia, zmianę albo anulowanie — i kartę podarunkową.

  1. Szybkie akcje

    Kopiowanie adresu i nawigacja, telefon do salonu, czat z kosmetyczką w serwisie.

  2. Zmiana i anulowanie

    Zmiana daty, godziny, liczby gości; przy anulowaniu okno mówi, czy pieniądze wrócą — zależnie od czasu do zabiegu.

  3. Prezent i faktura

    Rezerwacja jako karta podarunkowa w PDF i faktura z edycją danych.

Spróbuj

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

LUSH Spa Poole
29 High Street
Poole
BH15 1AB
Confirmation codeNM45QQ9AE4

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:

Susan SmithSenior MA cosmetologist

Price details

  • £150 x 1 person£150
  • TOTAL£150

Suwak zmienia czas do zabiegu — tak widać oba okna.

Z planszy

  • Nagłówek ze statusem

    Przesunięcie pokazuje zdjęcia salonu

  • Wiadomość do kosmetyczki

    Czat w serwisie

  • Anulowanie

    Okno o zwrocie albo przepadku

  • Drukuj jako kartę podarunkową

    PDF w estetyce prezentu

Salony poza Poole, klientka, karta i produkty spoza plansz są przykładoweKoncept powstał po angielsku, więc ekrany zostają przy jego słowach.

Za kulisamiTymczasem w salonieTa sama wizyta na tablecie kosmetyczki: kalendarz, szczegóły i zabieg. To, co tu ustawisz, trafi do aplikacji klientki.

09 House manager · Kalendarz

Cały salon na jednym ekranie

Panel na tablecie miał ujednolicić pracę w salonach LUSH: kalendarz dnia, tygodnia i miesiąca, lista pracowniczek, linia bieżącej godziny — a w menu sprzedaż, klienci, magazyn, marketing, karty podarunkowe i raporty.

  1. Widoki i nawigacja

    Dzień, tydzień, miesiąc; strzałki albo lista z kalendarzem.

  2. Kto pracuje

    Kalendarz jednej osoby albo wszystkich, zależnie od ustawień; profile z różnym zakresem uprawnień.

  3. Teraz

    Linia bieżącej godziny, powiadomienia, omniwyszukiwarka i ręczne dodanie wizyty z innych kanałów.

Spróbuj

June 20 - June 26
GMT+2
MON20
TUE21
WED22
THU23
FRI24
SAT25
SUN26
14:0015:0016:0017:0018:0019:0020:00
17:40

Salony poza Poole, klientka, karta i produkty spoza plansz są przykładoweKoncept powstał po angielsku, więc ekrany zostają przy jego słowach.

Z planszy

  • Zmiana widoku kalendarza

    Każdy widok ma inny układ

  • Bieżąca godzina

    Łatwiej znaleźć się w planie dnia

  • Ręczne dodanie wizyty

    Dla rezerwacji spoza aplikacji

10 Szczegóły wizyty

Wizyta, którą da się wydłużyć

Panel wizyty pokazuje status, klientkę, zabiegi i zarobek, pozwala dodać usługę i zmienić godziny — a gdy w grafiku robi się luka, zaprosić klientkę wcześniej.

  1. Status i klientka

    Status ze zmianą, dane klientki z historią wizyt; znacznik pierwszej wizyty i rezerwacji cyklicznej.

  2. Godziny

    Początek i koniec do edycji — karta w kalendarzu wydłuża się i skraca.

  3. Wcześniej?

    „Inform being ready” wysyła push albo SMS: kosmetyczka ma wolne, klientka może przyjść wcześniej.

Spróbuj

June 20 - June 26
GMT+2
MON20
TUE21
WED22
THU23
FRI24
SAT25
SUN26
14:0015:0016:0017:0018:0019:0020:00
17:40

Salony poza Poole, klientka, karta i produkty spoza plansz są przykładoweKoncept powstał po angielsku, więc ekrany zostają przy jego słowach.

Z planszy

  • Szczegóły klientki

    Historia wizyt, edycja danych

  • Dodawanie zabiegów

  • Łatwe wydłużenie albo skrócenie

  • Rozpoczęcie konsultacji

11 W trakcie zabiegu

Kosmetyki z ręki kosmetyczki

Zabieg prowadzi czterokrokowy stepper: wywiad, zabieg, rekomendacje i notatki. Kosmetyczka ustawia, ile którego kosmetyku użyła — a ta lista trafia do aplikacji klientki.

  1. Wywiad

    Pytania tak/nie przed zabiegiem; pierwsze z planszy dotyczy chorób skóry.

  2. Użyte kosmetyki

    Lista przypisana do zabiegu, do edycji: gramy przyciskami + i − albo z klawiatury, „Add more” z wyszukiwarką.

  3. Po zatwierdzeniu

    Użyte i polecone kosmetyki pojawiają się w aplikacji klientki; na koniec pytanie o kolejną wizytę.

Kroki zabiegu

Active treatment

  1. Do you suffer from skin diseases?

  1. Interview
  2. In treatment
  3. Recommendations
  4. Additional notes

Salony poza Poole, klientka, karta i produkty spoza plansz są przykładoweKoncept powstał po angielsku, więc ekrany zostają przy jego słowach.

Z planszy

  • Lista kosmetyków zabiegu

    Kosmetyczka może ją edytować

  • Ilość użytego kosmetyku

    Przyciski + i − albo klawiatura

  • Następny krok

    Lista trafia do aplikacji klientki

Znowu klientkaPo wizycieWracamy do telefonu: to, co kosmetyczka zapisała na tablecie, czeka już w aplikacji.

12 Po wizycie

Ocena i polecone kosmetyki

Odznaka na ikonie House prowadzi do minionej wizyty: tam czekają ocena, kosmetyki użyte w trakcie zabiegu i polecone na kolejne dni — z przyciskiem do torby.

  1. Ocena

    Gwiazdki dla wizyty w konkretnym salonie i opinia dla innych klientek i kosmetyczki.

  2. Kosmetyki z zabiegu

    Lista powstaje z danych, które wpisała kosmetyczka — tutaj z § 11.

  3. Zakup

    Zamówienie online albo w sklepie z kodem rabatowym.

Spróbuj

Free standard shipping on orders over £45+ | Order by 10pm for Next Working Day Delivery

  • New Products
  • Bestsellers
  • Bath Products
  • Skincare

What’s init foryou?

Shop Self-Preserving Skincare

Take 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 ·

Our Bestsellers!

Z planszy

  • Ocena wizyty

  • Kosmetyki użyte w trakcie zabiegu

    Lista z danych od kosmetyczki

  • Kosmetyki polecane po zabiegu

Salony poza Poole, klientka, karta i produkty spoza plansz są przykładoweKoncept powstał po angielsku, więc ekrany zostają przy jego słowach.Lista pochodzi z tabletu w § 11.

13 Plansze

Plansze i nagrania

Jedenaście plansz wireframe’ów z adnotacjami i osiem nagrań klikalnego prototypu. W dwóch planszach i dwóch nagraniach adres e-mail jest przykładowy.

LUSH i logo LUSH są znakami towarowymi ich właściciela. Strona pokazuje koncept UX przygotowany z zespołem Mirumee; ekrany działają na danych przykładowych.