L'Oréal.png

L'Oréal

 
 

L'Oréal

L'Oréal USA launched SalonCenttric in 2008 to distribute hair care and beauty products to salon professionals across 48 states in the US. Together we created an app to enhance customers’ store experience and inspire professional growth among beauty professionals.

 
 
 

 

Target audience

•  Hair stylists
•  Salon owners
•  Sales reps
•  Store associates

Insights

The SalonCentric store nearest the office became the testing grounds throughout the project. I visited regularly to observe customers, gather insights, and conduct guerrilla user testing.

There I learned that:
•  Customers are frustrated managing their store cards (membership, loyalty, and coupons)
•  Customers know what they’re looking for and are incredibly brand loyal when buying products
•  Store visits are a necessary work chore, often taken on their days off, thus they want to get in & out quickly
•  Store associates are frustrated by inaccurate inventory counts and archaic store technology

A/B testing

Hundreds of variations of screens are designed, discussed, iterated upon, and tested throughout the duration of a project. At the wireframe stage, I created two different concepts, centered around data-prioritized features, showing how we might group information differently. Our goal was to gain an understanding of what users expect to see when they first open the app.

 
 
 
 

Information architecture

Information architecture helps align the team on a high level understanding of the product experience and feature hierarchy.

 
 
 
 

Simple navigation

Many careful decisions went into the final design of the standard iOS bottom navigation to ensure it is clear, intuitive, and places hierarchal representation on features that we learned are important to users.

 
 

App overview

The app offers up the user’s preferred store location, a digital wallet, the ability to shop their favorite products, and more. The dashboard presents a feed of content that is sourced from other areas of the app, so that the user can save time and quickly access an aggregated view of important content such as new or expiring coupons, upcoming classes, favorite products, and more.

 
 

Wallet

The wallet contains 3 different card types: membership, coupon, and loyalty (punch cards). Coupons and loyalty cards are designed to balance consistency and readability while also allowing flexibility for varying amounts of content to be passed in.

 
 

Shopping

Customers can shop in the app to build favorites lists or have their products shipped to their salon or home.

 
 

Favorites list

Users can use their favorites list as a shortcut to add their favorite products to their cart or send a list of items to their preferred store for same or next day pick-up.

 
 

Empty states

Demi is SalonCentric's brand mascot, used primarily for print and in-store merchandising materials. It was a challenge finding a place for her in a native app as she is not very mobile-friendly with all of her beautiful gradient meshes.

 
 

In order to deliver brand consistency, I took special care in finding places throughout the app where Demi could live, including empty states and in the splash welcome message.

 
 
saloncentric_splash-screen@2x_128dither_small.gif
 
 
 

Sole and lead designer

UI/UX/IxD
Animation
User Testing

Agency:
Y Media Labs