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
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é.
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é.
Détail du parcours
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.
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.