Lapeyre
2023-24
UX. UI. Design System.

Comment étendre le nouveau design system d'une marque à son site professionnel ?

01/

Diagnostic & défi rencontré

Lapeyre disposait déjà de deux sites, un pour les particuliers et un pour les professionnels. Après avoir refondu son site grand public autour d'une nouvelle identité, la marque devait porter ce même design system sur son site professionnel, et repenser au passage les enjeux propres à cette clientèle.

02/

Cadrage & co-construction

En amont, des entretiens avec des professionnels et des responsables de magasin ont permis d'établir les personas. J'ai ensuite animé le cadrage en Design Sprint avec les équipes Lapeyre, dont sont sortis les parcours, l'arborescence et les wireframes. Trois contraintes guidaient le travail : une mise en ligne rapide, la fidélité au nouveau design system et à la structure du site grand public, et les besoins techniques et métier propres aux professionnels.

Arborescence du site Professionnels et son imbrication dans l'existant.
03/

Le design system, étendu aux besoins pro

Pour l'interface finale, j'ai adapté et étendu le design system de Lapeyre à un ensemble fonctionnel propre aux professionnels, de l'espace client aux fiches produits, commandes et factures. J'y ai notamment conçu la fonctionnalité Chantiers, pensée pour donner aux pros un pilotage plus fin de leur activité, de l'expression de leur besoin à leur gestion calendaire et comptable, en passant par le suivi de leurs commandes. Cette fonctionnalité a permis de fidéliser les utilisateurs professionnels et de répondre aux enjeux business de Lapeyre.

Écrans finaux : le design system Lapeyre étendu au Pro.