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