L'Occitane en Provence

Redesign global d'icônes

Contexte
Dû à un grand nombre de designers différents ayant pu travailler dessus, les icônes sur les sites de la marque ne sont pas alignées dans leur graisse, dessin ou image de marque. Ce constat s'ajoute à un besoin fonctionnel de gagner en performance en ne faisant plus appel à une font.

Rôle
Lead UI Designer en charge de l'harmonisation et de l'établissement de nouvelles règles d'icônes pour la partie web de la marque.

Camarades complices

Guillaume Belleuvre
IT Digital Manager en charge des équipes de développement Front-end.

Laura Viana
UI Designer en charge de la reprise du projet.

Déroulé du projet

Vue d'un tableau excel regroupant une liste d'icônes, leur nom, leur taille,etc.

1.

Recensement de toutes les icônes présentes sur les sites en ligne et de leur utilisation.

2.

Mise à plat, hiérarchisation et priorisation de l'ensemble.
S'ajoute aussi un premier travail de rationalisation en dénotant tous les doublons, ainsi que les icônes pouvant être remplacées par d'autres.

Menu textuel présentant toutes les icônes, composé de 9 catégories principales.
Lignes d'icônes présentant différentes tailles et types de dessin pour 2 icônes différentes: un cadeau et un calendrier.

3.

Concertation avec l'équipe de développement Front-end pour établir une nomenclature commune.
Série de tests pour établir de nouvelles règles de conception ainsi que pour optimiser au maximum la méthode d'export du svg. Création d'un template Illustrator.

4.

Une fois toutes les règles établies, et en suivant la priorisation validée, démarre alors la création concrète de toutes les icônes.

Vue du logiciel Illustrator avec la création d'une icône.
del-shipping del-clock del-schedule-s-m del-click-collect-s-m del-time del-store del-buy del-preparation del-sent del-delivered del-return pro-baby pro-favorite pro-favorite-chosen-l pro-filter pro-refill pro-autorep pro-promotion pro-gift pro-gift-chosen pro-recycle pro-review pro-cream pro-tube pro-product pro-multisize

Et ensuite ?

Le projet avait été mis en standby durant l'année 2019, mais il a été relancé en fin d'année et devrait donc être poursuivi et mis en place durant l'année 2020.

← Projet précédent Projet suivant →