Refonte du site 1 jour 1 actu

1jour1actu est un transmédia d’actualités destiné aux enfants de 8 ans et plus. Il propose un journal hebdomadaire, des magazines hors-séries, des vidéos, des podcasts, des webinaires et le site 1jour1actu.com qui propose l’ensemble de ces services. Le site offre également un espace dédié aux enseignants. 1jour1actu a été une ressource clé pour les parents pendant le premier confinement.

Client

Milan Presse

Services

Design UX/UI – Test Utilisateur

Projet

Site internet – Portail

Année

2021

Objectif

Refondre l’univers graphique et fluidifier la navigation entre le site d’actualité et l’espace enseignant.

Définir les principes de design

Notre démarche se base sur la compréhension holistique des besoins (entreprise, marché, lecteurs, utilisateurs…). Après différents échanges avec les équipes projet d1jour1actu, nous avons identifié les 4 principes clés qui ont orienté notre design. 

  • Repartir des fondamentaux : un magazine qui repose sur la logique d’une actualité par jour, diffusé historiquement au format papier.
  • S’intégrer à la galaxie existante : le site est le carrefour des supports (vidéo, podcast, article…) et des marques de l’écosystème 1jour1actu, incarnées par les illustrations de Jacques Azam.
  • S’adresser aux enfants : positionnement et cible principale du magazine. L’objectif est de leur donner les clés de la compréhension de l’actualité.
  • Incarner le digital : porte d’entrée numérique vers l’ensemble des contenus, le site doit respecter les codes de la presse en ligne (structure, navigation, organisation des contenus…).

Créer un nouvel univers graphique

Basée sur ces principes et sur les éléments identitaires existants, nous avons proposé une refonte de l’ensemble du site et de ses composants. L’objectif était de travailler une direction artistique à destination des enfants. Pour cela, nous avons opté pour :

  • La typographie arrondie Londrina Solid pour donner de la personnalité aux titres et Source Sans Pro pour le contenu
  • Une palette de couleurs vives déclinées en teintes pour structurer le contenu
  • L’utilisation de formes de cards et d’arrière-plans déstructurés pour donner moins de rigidité.

Nous avons également intégré le travail de Jacques Azam. Ses illustrations viennent en support de la navigation et des contenus clés.

Définir une nouvelle interface

Une fois l’univers de marque validé, nous avons pu décliner l’ensemble des maquettes et des états du site au format desktop et mobile. La structuration du contenu et la gestion des espacements ont été travaillés pour améliorer le confort de lecture. L’intégration des contraintes SEO bénéficie également d’une attention particulière. Ces dernières sont primordiales pour le référencement et l’expérience utilisateur (selon les Web Vitals de Google).

Enfin, nous avons délivré l’ensemble des assets à l’équipe de développeurs de Milan Presse.

Tester et améliorer avant de développer

La majorité du site est dédiée à l’actualité, et structurée sur des logiques classiques de presse en ligne. La consommation de ce type de contenu reste assez habituelle pour les utilisateurs. Néanmoins, une grande partie est à destination des enseignants de primaire et de collège. Ils peuvent ainsi se connecter et récupérer les outils pédagogiques nécessaires à l’animation de cours en lien avec l’actualité. Nous avons donc organisé une session des tests utilisateurs à distance auprès d’enseignants. Cela nous a permis de valider et d’ajuster les parti pris avant le lancement du développement par les équipes de Milan Presse.

Éduquer la jeunesse à l'utilisation des médias.

L’accès à l’information est primordial dans la compréhension de l’actualité. Structurer l’information de manière claire, aux moyens de supports adaptés à la jeunesse est la clé de l’éducation à l’utilisation des médias.

1j1a desktop par Yumans
1j1a mobile par Yumans