Élégance, confiance, crédibilité

Au début du projet, nous avons visité les rédactions, rencontré des journalistes et pu décortiquer leurs journaux papiers afin de définir ce qui faisait l’essence de chaque titre. Suite à différents ateliers, certains éléments devaient rester, d’autres évoluer, et nous avons pu définir des valeurs et principes de design qui nous guideraient à chaque étape de design.

Tant en terme d’expérience qu’en terme d’esthétique, ces nouveaux sites devaient à la fois apporter une évolution visible et conforter les habitué·es en garder une structure et des principes similaires.

Publicité

Au niveau de la mise en page, nous avons du composer avec le système publicitaire faisant partie du business model du groupe Saint-Paul. Pour rester transparents et garder la confiance des utilisateur·rices, nous avons fait en sorte de les distinguer clairement des articles.

Un design system, plusieurs identités

Le challenge principal du projet en terme de design était de réaliser un système qui puisse s’adapter à l’identité de chaque titre. Le squelette devait être le même afin de permettre une maintenabilité transversale.

Les couleurs et typographies sont propres à chaque titre, soulignant leur personnalités respectives. L’agencement, les largeurs et hauteurs de tous les éléments sont similaires, avec des traitements différents dans les formes et le style.

Mode sombre

Le mode sombre faisait partie des demandes récurrentes des lecteur·rices. Au-delà des préférences esthétiques, il est particulièrement apprécié dans les endroits sombres. L’exemple typique, c’est la personne qui consulte les actualités en se rendant au travail, le matin quand il fait encore nuit.

Comme l’utilisateur doit garder le contrôle, le mode s’adapte aux préférences qu’il aura choisi pour son appareil, avec la possibilité de changer grâce à un bouton dans le footer.

Documentation

Comme un projet de cette nature a vocation à évoluer en continu, la documentation a été particulièrement soignée et détaillée pour garantir la cohérence du design. Elle permet de fournir un guide détaillé sur la façon dont chaque élément visuel et fonctionnel doit être utilisé, intégré et maintenu.

La consistance et la pérennité des sites est ainsi grandement améliorée, et la création de nouvelles pages rendue plus facile et rapide.