Printemps · 2020
UI, recherche utilisateur et integration web pour Printemps.com
Printemps.com est le site e-commerce du grand magasin parisien : mode, accessoires et beaute pour femme, homme et mixte, avec un catalogue de createurs de luxe. J'ai travaille sur le lancement et la gestion de la version UK/EN du site, la recherche utilisateur, l'harmonisation graphique de l'interface et l'integration de contenu via un back office maison.
Role
UI Designer & integration web
Perimetre
UI, recherche utilisateur, Design QA
Plateformes
Desktop, tablette, mobile
Outils
Back office maison, heatmaps
Le contexte
Ma mission a porte sur le lancement et la gestion de la version UK/EN de Printemps.com. Au quotidien, j'integrais le contenu du site via un back office maison — textes, images, contenus statiques et dynamiques, modules commerciaux (mises en avant, selections, bandeaux d'annonce) — en soutien de l'equipe d'integration existante, pour garantir un rollout coherent sur toutes les pages du site.
Recherche utilisateur
Au-dela de l'integration, j'ai participe a la recherche utilisateur : analyse de heatmaps pour comprendre le comportement et les points de friction sur les pages cles (accueil, listing produit, fiche produit), croisee avec des tests utilisateurs qualitatifs.
« La facon dont c'est pense. 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 aime le listing a cote qui presentait l'ensemble des marques, car cela facilite ma recherche et m'evite de perdre du temps inutilement. »
« J'apprecie la simplicite de la navigation, le choix des tailles sur les vignettes, la presentation concise du panier ainsi que l'ergonomie generale du site. »
Le probleme du "Dressing"
Un des chantiers issus de cette recherche a porte sur la categorie "Dressing" : les tests utilisateurs ont montre que le terme n'etait pas comprehensible au premier abord. J'ai cadre plusieurs pistes pour lever ce point de confusion, a chaque niveau du parcours, en tenant compte du temps operationnel de mise en oeuvre de chacune.
Menu — variantes de hover a 2 ou 3 colonnes, avec ou sans vignettes ni titres
Homepage — encart vignettes vers une page dediee ou vers des selections thematiques
Page dressing — iso Total Look, selection produit classique, ou hybride
L'enjeu commercial etait de garder de la flexibilite — pouvoir lancer un dressing de derniere minute, par exemple pour Noel — sans dependre systematiquement d'un nouveau shooting photo.
Harmonisation graphique & Design QA
En parallele, j'ai mene un travail de fond sur la coherence visuelle du site : reprise des espacements, de la hierarchie typographique et des alignements sur l'ensemble des pages — header, homepage editoriale, articles, footer de reassurance, abecedaire des marques, pages categorie. Chaque ecart etait documente et priorise avant transmission a l'integration.
Header & navigation
Taille du logo, espacement Femme / Mixte / Homme, alignement des icones compte et panier.
Homepage editoriale
Hierarchie du manifeste, interlignage des news, centrage des fleches de slider.
Page article
Taille des titres, traitement de l'exergue, liens et credits photo, arrondis d'image.
Homepage eshop & footer
Deroulant Dressing, bloc Total Look, produits exclusifs, reassurances de pied de page.
Piste application mobile
J'ai egalement conçu l'UI/UX d'un projet d'application mobile pour Printemps.com : fiche produit, panier, avant-premiere, compte et moyens de paiement, recuperation de mot de passe. Le projet n'a finalement pas ete mis en production, mais a permis d'explorer une version app-first de plusieurs parcours cles du site.
