L'Occitane en Provence

Skincare diagnosis Light

Context
As part of a test, we worked on setting up a question/answers module on different places of the website to help customers in their purchase of skincare products. The appearance and text of this module vary according to the journey and behavior of the user.

▶ Timing

July 2018

▶ Role

Lead UI Designer

▶ Partners in crime

Squad Shopping Experience
Agile team in charge of the user experience except for the cart.

1.Existing's analysis

Présentation de l'ancienne version du diagnostique Skincare.

Review of the Skincare diagnosis already present on the site in its complete version. List of questions kept for this simplified version (a single question asked at each occurrence).

2.Specification

Présentation de l'ensemble des icônes.

Definition of the scope concerned, user paths triggering the module, gathering and updating of icons.

3.Conception

Design of the mockups and their declinations before development.

Desktop - Exemple du module sur une page produit.

Desktop - Product page

Desktop - Exemple du module sur une page de listing produits.

Desktop - Products listing page

Desktop - Exemple du module en pop-in et en japonais.

Desktop - Pop-in above japanese website

Desktop - Exemple du module en pop-in et en allemand.

Desktop - Pop-in above german website (testing a busy text content)

Mobile - Exemple du module en pop-in, avec 6 options en anglais.

Mobile - UK website, 6 answers

Mobile - Exemple du module en pop-in, avec 2 options en anglais.

Mobile - UK website, 2 answers

Mobile - Exemple du module en pop-in, avec 6 options en japonais.

Mobile - Japanese website

Mobile - Exemple du module en pop-in, avec 6 options en allemand.

Mobile - German website

What's next ?

Since this project, a more permanent and complete diagnostic module has been set up for different countries, using an external tool.

← Previous project Next project →