←
Tous les projets du “Monde”

Le Monde

2010 › 2014
l’actualité en continu

“le Monde” en poche

Leader des applications mobile et tablette d’actualités, le En continu est devenu le point d’entrée des lecteurs dans l’univers Le Monde.
Depuis 2010, j’ai participé à la conception fonctionnelle et assuré le design graphique de ce produit.

APPLICATION EN CONTINU – ÉDITION 2013 – IPHONE 

“Une” – édition gratuite

La refonte iOs7 a permis la mise en place d’une nouvelle grille de base “cross-device”

Page article

La page article a été l’objet d’un travail méticuleux
sur la typographie et la lisibilité

Page article avec enrichissement iconographique

Liens connexes et réaction à l’article

Navigation

Menu accessible depuis le menu “hamburger”

Les 3 “unes” de l’Édition abonnés

“À la une” présente les dernières actualités avec la hiérarchie fixée par la rédaction “Abonnés”

“Morceaux choisis” est une sélection d’articles exclusifs (reportage, analyse, décryptage) proposant un regard original sur l’actualité

“En continu” est une présentation synthétique, “minute par minute” de l’actualité.

Page article “abonnés”

Journal éléctronique

La mise à jour iOs7 a été l’occasion de proposé un léger relifting de l’application “Journal électronique” dont le design datait de 2010 (Sasha Grief)

APPLICATION En Continu – ÉDITION 2013 – iPad  

“Une” – édition gratuite

Fidèle à la nouvelle charte, l’application présente les titres d’article en TheSerif dans l’édition gratuite…

Pages “rubrique”

… et exploite le code couleur “éditorial” pour identifier les différentes rubriques

L’application est consultable en mode portrait et paysage

Page article “abonnés”

Il est possible de retourner au sommaire en cliquant sur la flèche de retour mais aussi en faisant glisser l’article tel un panneau.

“Une” de l’Édition abonnés

L’édition abonnés est conforme à la nouvelle charte :
Utilisation de la typographie TheAntiqua pour la titraille, code couleur spécifique

Page article “abonnés”

  • En Continu 2009/2013
  • Responsable du projet
    Edouard Andrieu
    Conception fonctionnelle
    Edouard Andrieu avec Nicolas Queffélec
    Lead design
    Nicolas Queffélec
    Responsables informatique
    Ismael Hery (depuis 2011), Olivier Grange-Labat (CTO)
    Développement iOs
    Simon Capern (2009-2011), Vincent Pomageot (2011-2013)
    Développement Android
    Damien Chaillou, Jordan Guinaud
    Intégration HTML
    Corinne Henry

photo main : Octave & Octave

Stand up de l’équipe mobilette – Photo : Thibault Sailly 

Projet “Mobilette”

En 2014, Le Monde décide d’investir lourdement dans la création d’applications et de services mobiles. Une équipe dédiée (la mobilette) est formée et travaillera sur 3 projets : une nouvelle application pour tablettes, la création de nouveaux formats publicitaires et la refonte du “En continu”.

« Pour réussir le projet ambitieux de refonte de l’ensemble de l’écosystème mobile de la marque, nous avons réuni en mode start-up une équipe de 30 personnes, représentant l’ensemble des métiers de l’édition du numérique : de la rédaction
à la technique en passant par l’expérience utilisateur, le design, la publicité. »

Isabelle André, PDG du Monde interactif

L’application “En continu” est remodelée pour répondre aux besoins d’une rédaction toujours plus réactive, mais surtout pour s’adapter aux nouveaux usages du lectorat. Les codes graphiques restent stables mais l’application s’anime et l’interface devient personnalisable.

Réalisé dans des délais très serrés, en relation avec une large équipe technique, ce projet a contraint les designers – Thomas Steffen et moi – à élaborer un flux de production spécifique (multi-device, multi-plateforme).

APPLICATION EN CONTINU – ÉDITION 2014
IPHONE & IPAD   

Navigation latérale par simple “swipe”

Pull to refresh… and browse

Le principe de navigation par carte nous a incités à développer de nouvelles gestuelles. Ainsi le designer Thibault Sailly a créé un principe de « pull to refresh » à 2 crans : le premier permet de recharger le contenu de la page, le second permet de dévoiler la vue « carte » permettant de naviguer et de réorganiser les rubriques

Chaque page de rubrique peut être rafraichie…

… en tirant du haut vers le bas (pull to refresh)

En poursuivant l’action, il est possible de “détacher” la fiche afin d’accéder…

…à la vue “carte”, un moyen alternatif de naviguer entre les rubriques et (depuis peu) de les réorganiser.

Une hiérarchisée / Flux d’actualités

La “une” hiérarchisée subsiste (avec une mise en scène encore plus visuelle)…

…tandis que le fil de d’actu a été complètement repensé.

  • En Continu 2014
  • Responsable du projet
    Edouard Andrieu, Hervé Vaujour
    Responsables éditoriaux
    Vincent Fagot, Gilles Paris avec Julien Laroche-Joubert
    Conception fonctionnelle
    Edouard Andrieu, Thibault Sailly
    Assurance qualité
    Alejandro Guzman
    Cinématique de l’interface
    Thibault Sailly
    Lead design
    Nicolas Queffélec
    Conception graphique
    Thomas Steffen, Nicolas Queffélec
    Développement
    Jeremie Chambrion
    Développement iOs
    Vincent Pomageot, Blaise Sarr, Ahmed Mseddi
    Développement Android
    Damien Chaillou, Jerome Van Derlinden, Nicolas Mouchel, Gabriel Adgeg

projets associés

Le Monde
Refonte graphique du site
Le Monde
Journal Tactile
Le Monde
Application Windows 8