Moderniser un site groupe sans rompre avec sa charte

Moderniser une identité existante impose de trouver le bon équilibre entre évolution et continuité. Les interfaces devaient apporter davantage de clarté et de respiration tout en restant immédiatement reconnaissables comme appartenant à Accor.

La principale difficulté était aussi liée au rythme de validation. Avec plusieurs présentations chaque semaine, un retour nécessitant une nouvelle itération pouvait rapidement décaler les étapes suivantes du projet.

L'enjeu était donc de rendre les décisions plus rapides et plus concrètes, sans réduire le niveau d'exigence sur les interfaces.

Pour accélérer les arbitrages, nous avons mis en place des sessions de live design directement avec les équipes Accor.

Pendant deux à trois heures, nous concevions et ajustions les interfaces en séance, à partir des retours du client. Plutôt que de présenter uniquement une proposition finalisée, nous pouvions tester différentes compositions, comparer les options et prendre les décisions directement ensemble.

Cinq sessions de live design ont ainsi été menées sur le projet. Ce fonctionnement permettait de transformer les réunions de présentation en véritables temps de conception et de validation.

Plutôt que de concevoir chaque page comme un écran indépendant, nous avons proposé une méga-page regroupant l'ensemble des sections conçues pour le site.

Chaque section était pensée comme une brique autonome, avec ses différents états et règles d'utilisation. Les équipes Accor pouvaient ensuite composer leurs pages en assemblant ces différentes sections.

Le livrable ne reposait donc plus uniquement sur une série de pages figées, mais sur un système de sections réutilisables. Cette approche facilitait également la validation : une section validée pouvait être réutilisée sur plusieurs pages sans devoir être rediscutée à chaque occurrence.

L'UI Kit prolongeait cette logique côté développement en fournissant aux équipes un cadre commun pour intégrer les composants et maintenir la cohérence des interfaces.

Le motion design a également été utilisé pour accompagner certains contenus et interactions.

L'objectif n'était pas d'ajouter de l'animation pour elle-même, mais de donner du rythme aux pages et d'aider à comprendre certains contenus, notamment sur les interfaces présentant beaucoup d'informations.

Le projet a permis de faire évoluer l'interface du site tout en conservant les principaux codes de la marque : davantage d'espace, une hiérarchie plus claire et une présentation plus respirante des contenus.

La conception par sections a également donné aux équipes Accor une base réutilisable pour construire et faire évoluer leurs pages.

Enfin, l'UI Kit a permis de transmettre aux développeurs un système cohérent pour assurer la continuité entre les différentes interfaces desktop et mobile.