julietteelsa.libotte@gmail.com

Amélioration UX UI d’un site e-commerce

2018
"

En tant que designer au sein d’une start-up, j’ai été chargée par la fondatrice de la marque d’apporter des améliorations UX et de créer une identité web.

Ma démarche

1 – Discovery

👉  Audit de l’existant
👉  Les utilisateurs
👉  Benchmark

2- Idéation

👉  Créer des personae
👉  Modifier les prototypes
👉  Formaliser et prioriser

3- Delivery

👉  Passation de mon travail à l’équipe dev

👉  Analyser le livrable

Discovery

Audit de l’existant

À mon arrivée, une designer précédente avait déjà effectué une refonte en créant une nouvelle structure et des wireframes. Cependant, l’apparence du site était encore schématique. J’ai donc eu l’opportunité de créer une identité visuelle et d’introduire des améliorations UX.

La homepage

La boutique

Les feedbacks

Les utilisateurs

👎  Difficultés à contacter directement l’entreprise.

👎  Le temps pour choisir les articles est très long.

L’agence SEO

👎  Référencement naturel non optimisé.

👎  Temps de chargement long.

Cartes thermiques

👉  Ne scroll pas jusqu’en bas de page.

👉  Pas de clic sur toutes les interactions.

Idéation

Les personae présumées

User journey

Priorisation

1 – Le contenu

💡 Structurer et hiérarchiser la Homepage. 

💡 Mettre les informations de contact dans le header.

💡 Rédiger des titres, les hiérarchiser et choisir les bonnes balises.

2 – Le parcours client

💡 Optimiser les parcours utilisateurs.

💡 Mettre en place un fil d’Ariane.

💡 Travailler les URL.

💡 Travailler les photos des articles.

3 – L’UI

💡 Créer une charte graphique.

💡 Travailler les interactions.

💡 Travailler les visuels.

Delivery

Les wireframes

La homepage

La boutique

Avant / Après

 

Le header

Le footer

Vers les modes d’emploi

Vers les valeurs de l’entreprise

Vers les fiches produits

Le kit UI

#54565A

#16DBC4

#66FFE5

#DFDE00

Aa

Roboto Regular 48pt

Roboto Regular 32pt

Roboto Bold 34pt
ROBOTO MEDIUM 30pt

Roboto Regular 28pt

Aa

Roboto Regular 23

Roboto Regular 18

Roboto Bold 21
ROBOTO MEDIUM 14

Roboto Regular 12

Les prototypes

La boutique

La homepage