( Groupe InVivo · juin → déc. 2022 )
Une fusion, racontée par un seul site corporate.
(01) Contexte
Le groupe agricole InVivo a fusionné avec Soufflet. Le nouveau site corporate devait rassurer les coopératives partenaires et montrer la stature internationale du groupe, tout en restant simple à mettre à jour par le client.
Objectifs
- 01Définir l’architecture de l’information en atelier : cibles, navigation et contenus des pages
- 02Auditer les deux sites existants pour décider quoi garder, adapter ou améliorer
- 03Cartographier le contenu de chaque page dans une arborescence détaillée
- 04Livrer un site accessible, éco-conçu et modulaire
(02) Le résultat
De l’atelier à la mise en ligne en 4 mois.
Un ensemble modulaire de gabarits permet à InVivo de créer et de mettre à jour ses propres pages dans le CMS, accessibles et éco-conçues par défaut.
- 2 Sites existants audités
- 4 Mois jusqu’à la mise en ligne
- 1 UI designer junior accompagné
- Live invivo-group.com
(03) En images
Comment j’ai travaillé
(04) Mon rôle & process
- 01
Animer l’atelier
Mettre tout le monde d’accord sur les cibles, la navigation et les contenus.
- 02
Audit de contenu
Trier les contenus InVivo et Soufflet : garder, adapter, enrichir ou améliorer.
- 03
Arborescence & content map
Chaque page documentée, pour que tout le monde s’accorde sur la stratégie de contenu et la roadmap.
- 04
Gabarits de pages
Les catégories de contenus traduites en un ensemble cohérent de gabarits.
- 05
Composants du design system
Une série de composants pour construire le site de zéro.
- 06
Accompagner un junior
J’ai accompagné un UI designer junior jusqu’à ce qu’il soit complètement autonome.
(05) Gros plans
L’arborescence
Détailler chaque page a aidé toutes les équipes à s’accorder sur le contenu et a beaucoup accéléré la production.
Identité
Des symboles de la nature, des aplats de couleurs naturelles et minérales, et un cercle central pour la Terre et la coopération.
(06) Ce que j’en retiens
- 01
Une grande arborescence
Dessiner et documenter en équipe une arborescence vaste et détaillée.
- 02
Commencer par un atelier
S’accorder sur la structure avant de dessiner les écrans a rendu toute la suite plus rapide.
- 03
Accompagner un designer junior
L’aider à devenir autonome faisait partie de ma mission.