Création d’une newsroom

Refonte d'un espace presse avec contenu dynamique
Client
La Mutuelle Générale
Année
2023
Rôle
Gestion de projet
UX / UI Design
Missions / détail
Lors de la refonte des pages institutionnelles, j'ai eu l'occasion de revoir le parcours menant aux articles d'actualités et communiqués de presse. Ce fut l'occasion pour moi de concevoir un espace dédié aux actualités autour de l'entreprise en revoyant les profils et parcours liés à ce type de pages.
Outils et logiciels utilisés
Objectif

Création d'un espace dédié à l'actualité de l'entreprise et ses communiqués de presse

Une nouvelle identité pour les pages actualités

Après analyse de l'existant, les pages actualités et communiqués de presse manquaient d'identité et n'étaient pas en phase avec la charte graphique de l'entreprise.

J'ai donc conçu en parralèlle avec le métier, un tout nouvel environnement dédié aux actualités, en phase avec l'identité de la marque. Ce design frais et dynamique met en valeur les contenus, avec l'apport des réseaux sociaux pour créer un flux d'informations toujours renouvelé.
Contenu Wayback Machine
Après refonte

Détail du parcours

Cliquez pour agrandir

Composition des pages

Détail du module article

Création du design du module de mise en avant d'article avec
  • la catégorie de l'article (actualité ou communiqué de presse)
  • le titre de l'article
  • un court texte d'introduction
  • un footer reprenant les informations de type date et temps de lecture

Design de la timeline selon documentation technique Twitter

Afin de ne pas engendrer de surcoût lors du projet, j'ai conçu un module directement issu de la documentation technique indiquant la possibilité de personnalisation que permettait l'iframe Twitter. 

J'ai pu tester avant phase de design et m'appuyer sur le module codé pour argumenter sur son apport lors du projet.
Mes actions se sont portées essentiellement sur les paramètres suivants :
  • Dimensions du fil et nombre de tweets à afficher
  • Éléments liés à la charte web comme les couleurs et ombre portée (box-shadow)
  • Éléments structurants type header, footer, border, etc.

Maquette et livrables à destination des développeurs

Intéressé ?

Boostez votre efficacité grâce à mes services

© 2014 - 2025, Sébastien KALI. Tous droits réservés.