Printemps · 2020
UI, recherche utilisateur et intégration web pour Printemps.com
Printemps.com, c'est le site du grand magasin. Mode, accessoires et beauté, avec un catalogue de créateurs de luxe. Avec les équipes e-commerce et intégration, j'ai travaillé sur le lancement de la version UK/EN, la recherche utilisateur, l'harmonisation graphique et l'intégration de contenu dans un back office maison.
Rôle
UI Designer & intégration web
Périmètre
UI, recherche utilisateur, Design QA
Plateformes
Desktop, tablette, mobile
Outils
Back office maison, heatmaps
Le contexte
Au quotidien, je renforçais l'équipe d'intégration pour que la version anglaise sorte au même rythme que la française. On intégrait le contenu du site dans un back office maison. Textes, images, contenus statiques et dynamiques, modules commerciaux comme les mises en avant, les sélections ou les bandeaux d'annonce.
Recherche utilisateur
J'ai aussi participé à la recherche utilisateur avec le reste de l'équipe. On analysait ensemble les heatmaps de l'accueil, du listing et de la fiche produit pour voir où les gens bloquaient, et on croisait ça avec des tests qualitatifs.
« La façon dont c'est pensé. Je pense qu'il faudrait inverser les positions des pages Edito et E-Shop sur la page d'accueil compte tenu de leur disposition actuelle. »
« J'ai bien aimé le listing à côté qui présentait l'ensemble des marques, car cela facilite ma recherche et m'évite de perdre du temps inutilement. »
« J'apprécie la simplicité de la navigation, le choix des tailles sur les vignettes, la présentation concise du panier ainsi que l'ergonomie générale du site. »
Le problème du "Dressing"
Un de ces chantiers a porté sur la catégorie "Dressing". Les tests ont montré que personne ne comprenait le mot du premier coup. J'ai proposé plusieurs pistes pour lever la confusion, à différents endroits du parcours, et on a chiffré avec l'équipe d'intégration ce que chacune coûtait à mettre en place.
Menu · variantes de hover à 2 ou 3 colonnes, avec ou sans vignettes ni titres
Homepage · encart vignettes vers une page dédiée ou vers des sélections thématiques
Page dressing · iso Total Look, sélection produit classique, ou hybride
Les équipes commerciales avaient besoin de garder de la souplesse. Pouvoir lancer un dressing de dernière minute pour Noël, par exemple, sans refaire un shooting à chaque fois.
Harmonisation graphique & Design QA
J'ai aussi mené un travail de fond sur la cohérence visuelle. Reprise des espacements, de la hiérarchie typographique et des alignements, page par page. Header, homepage éditoriale, articles, footer, abécédaire des marques, pages catégorie. Je documentais chaque écart, on le priorisait avec l'équipe d'intégration, puis elle le corrigeait.
Header & navigation
Taille du logo, espacement Femme / Mixte / Homme, alignement des icônes compte et panier.
Homepage éditoriale
Hiérarchie du manifeste, interlignage des news, centrage des flèches de slider.
Page article
Taille des titres, traitement de l'exergue, liens et crédits photo, arrondis d'image.
Homepage eshop & footer
Déroulant Dressing, bloc Total Look, produits exclusifs, réassurances de pied de page.
Piste application mobile
J'ai aussi conçu l'UI/UX d'un projet d'application mobile. Fiche produit, panier, avant-première, compte et moyens de paiement, récupération de mot de passe. Le projet n'est jamais parti en production, mais il a permis à l'équipe d'explorer une version app-first des parcours principaux.
