Saupiquet.

Le projet Saupiquet a été l'un des plus complets et des plus enrichissants de mon parcours chez HighCo Mindoza. L'agence accompagnait la marque dans la refonte complète de son site internet, avec ses produits et ses recettes.

J'y ai d'abord beaucoup travaillé pendant mon stage de M1, en UX/UI design. À mon retour en alternance, le projet entrait dans sa dernière ligne droite : la mise en ligne approchait, et il fallait finaliser le back-office et les derniers ajustements de développement. J'ai alors pris le rôle de cheffe de projet digital, en binôme avec la cheffe de projet senior.

Un double rôle, qui m'a permis de suivre le projet de bout en bout :

• Benchmark présenté lors de la réunion de lancement pour recueillir les besoins des clientes, puis premiers wireframes : parcours utilisateurs et hiérarchie de l'information.
• Déclinaisons mobiles des maquettes, qui ont servi de référence aux développeurs pour le responsive.
• Relation client en binôme avec la cheffe de projet senior, en tenant compte des contraintes techniques et budgétaires.
• Suivi du développement : recettes du travail des développeurs et demandes d'ajustements.
• Intégration de tous les contenus dans le back-office WordPress, et ajout de champs ACF.
• Rédaction d'un document de passation du back-office.

• Proposer une expérience utilisateur optimisée, nourrie par l'analyse des tendances et des sites concurrents.

• Garantir une navigation fluide, sur mobile comme sur ordinateur.

• Mettre le site en ligne avec un back-office complet, que la marque peut gérer en autonomie.

Une refonte menée en quatre grandes phases. Pour que le projet avance au rythme de chacun, nous avons adapté l'organisation au fil de l'eau : un planning réorganisé autour des disponibilités des clientes, des points de suivi toutes les deux semaines pour leur laisser le temps d'avancer, une worklist partagée et des dates de validation rappelées à chaque étape.

1. 01

   Benchmark & intentions UX

   Analyse des tendances et des sites concurrents pour proposer une expérience optimisée.

2. 02

   Wireframes & maquettes

   Parcours utilisateurs, hiérarchie de l'information, puis déclinaisons mobiles.

3. 03

   Validation & ajustements

   Présentations aux clientes, recueil des retours et affinage progressif de la structure.

4. 04

   Recette & mise en ligne

   Recettes avec les développeurs, intégration des contenus, mise en ligne puis ajustements en TMA.

Le site a été mis en ligne avec succès au printemps 2024, suivi de quelques ajustements en TMA. En parallèle, j'ai intégré tous les contenus dans WordPress, dont environ 90 recettes, et appris à créer et modifier des champs Advanced Custom Fields (ACF) grâce aux explications d'un développeur. J'ai enfin rédigé un document de passation du back-office, pour rendre la marque autonome.

Travailler au plus près des développeurs m'a rendue bien plus précise : mes retours indiquent désormais les marges et les tailles attendues (margin, padding, rem) pour leur simplifier le travail. J'ai aussi fait évoluer ma méthode d'UX designer : chaque maquette est maintenant déclinée du mobile au grand écran, avec des breakpoints, pour que le responsive ne laisse aucune place au doute.

Ce projet m'a aussi beaucoup appris aux côtés de la cheffe de projet senior : trouver la bonne manière de dire les choses, et garder le projet fluide pour tout le monde. Il m'a donné une vision complète de la refonte d'un site, de la première maquette à la mise en ligne.

• 4 phasesdu benchmark à la mise en ligne
• 2 rôlesUX/UI design et gestion de projet
• 90 recettesintégrées dans WordPress, avec ACF

Faites défiler chaque maquette avec la molette de votre souris, ou du doigt sur mobile. Cliquez dessus pour l'agrandir.