L'Occitane en Provence

Thumbnails rework

Context
As part of my overall harmonization work, I noticed a large number of inconsistencies between the different thumbnails on our sites, I thus was able to design a new template for them.

▶ Timing

April 2019 - September 2019

▶ 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 3 thumbnails d'un même produit présentant beaucoup dincohérences entre elles.

Inventory of all the variations of thumbnails, their inconsistencies, as well as all the elements that can be displayed.

2.Research

Comparaison entre 2 thumbnails

Establishment of a new hierarchy between informations.

3.Conception

Design of the mockups and their declinations before development.

Listing produit avant le redesign.

Desktop products list - Before redesign

Listing produit après le redesign.

Desktop products list - After redesign

Sélectionneur de teinte : version desktop, site anglais.

Products listing - Before

Sélectionneur de teinte : version desktop, site israélien.

Products listing - After

Sélectionneur de teinte : version desktop, site japonais.

Store page - Before

Sélectionneur de teinte : version desktop, site français.

Store page - After

Sélectionneur de teinte : version desktop, site japonais.

Wishlist - Before

Sélectionneur de teinte : version desktop, site français.

Wishlist - After

What's next ?

As with any harmonization project, the next steps are to integrate these new rules in future projects, as well as in the various modules that have not yet been updated.

← Previous project Next project →