L'Oréal

Digital Salon Finder
Omnichannel Retail Experience

COMPANY

L'Oréal

ROLE

Product & Experience Designer

Project Overview

A bilingual touchscreen kiosk that connects in-store product purchases to trusted salon services. Bridging digital and physical retail.

A bilingual touchscreen kiosk that connects in-store product purchases to trusted salon services. Bridging digital and physical retail.

Impact & Results:

The Challenge

Customers buying premium haircare from L’Oréal’s mall pop-ups wanted the full luxury experience, but:

  • Didn’t know which salons were certified

  • Couldn’t find reliable or nearby services

  • Had no easy way to book in their language of choice

Meanwhile, certified salon partners lacked visibility and the brand missed an opportunity to close the loop from retail to service.

Project Goals

  • Bridge the gap between in-store purchase and salon service.

  • Design a bilingual, touchscreen kiosk for public use.

  • Enable real-time salon booking or SMS/WhatsApp confirmations.

  • Support both tech-savvy and hesitant users.

  • Reinforce brand trust through seamless UX.

Research & Insights

Approach:

  • Observed users during pilot kiosk rollout

  • Collected feedback from store staff and salon owners

  • No formal surveys, but behavior and real-time quotes were logged

Key User Insights

User Archetypes

Journey Map

Goal: Bridge the gap between product purchase and finding a trusted salon all within a mall kiosk experience.

This journey maps the user’s path from discovery to booking confirmation, highlighting key touchpoints and emotions.

Goal: Bridge the gap between product purchase and finding a trusted salon all within a mall kiosk experience.

This journey maps the user’s path from discovery to booking confirmation, highlighting key touch-points and emotions.

Friction Points Identified:
- Older users hesitant at map step
- Confusion over confirmation method

Design Opportunities Used:
- Onboarding screen, large buttons, help overlay
- Bilingual UI with auto-detection
- Option to send details to personal device

User Flow

Each Step adapts to the user's comfort level, whether they want to book directly or just send info for later.

Flow Highlights

Early Experience Sketches

To quickly visualize how users might move through the experience, I sketched the three main steps of the journey from kiosk discovery to booking confirmation. These early concepts helped align stakeholders before moving into detailed wireframes.

Flow Highlights

Wireframes

Wireframes

Prototypes

The Outcomes

Result Metric

↑ Engagement +25% kiosk usage in 2 months

↑ Bookings +15% increase in certified salon visits

↑ Customer Trust Stronger visibility of salon partners


💬 “I loved how fast it was to book and find a salon near me!” Store visitor

💬 “Our bookings increased thanks to the kiosk!” Salon partner

What I learned

Assistive UI makes adoption easier:

  1. Onboarding hints helped hesitant users feel confident.

  2. Localization builds trust: Arabic support and WhatsApp integration met users where they were.

  3. Physical environment matters: Designing for public spaces meant optimizing for clarity and speed.

  4. Stakeholder input drives alignment: Salon partners and staff shaped real-world success.

  5. Quick testing saves rework: Iterating with real users during pilot helped us refine key flows before handoff.

Prototypes

Actual Photo of Salon Locator Interactive Screen

Actual Photo of Salon Locator Interactive Screen

The Outcomes

Result Metric

↑ Engagement +25% kiosk usage in 2 months

↑ Bookings +15% increase in certified salon visits

↑ Customer Trust Stronger visibility of salon partners


💬 “I loved how fast it was to book and find a salon near me!” Store visitor

💬 “Our bookings increased thanks to the kiosk!” Salon partner

What I learned

Assistive UI makes adoption easier:

  1. Onboarding hints helped hesitant users feel confident.

  2. Localization builds trust: Arabic support and WhatsApp integration met users where they were.

  3. Physical environment matters: Designing for public spaces meant optimizing for clarity and speed.

  4. Stakeholder input drives alignment: Salon partners and staff shaped real-world success.

  5. Quick testing saves rework: Iterating with real users during pilot helped us refine key flows before handoff.

Actual Photo of Salon Locator Interactive Screen
Actual Photo of Salon Locator Interactive Screen