Michaël Beillaud
Michaël Beillaud, Directeur Artistique (UX/UI design portfolio)
rwd-xps-intro-HP-grey.jpg

L'Express Responsive

Refonte globale de l’ensemble des templates du site d'actualité en ligne L'Express

 

Client : L'Express │ Support : Web, mobile │  Année : 2016 │ Rôle : UX, UI Design

A propos

Projet d’envergure avec pour finalité la transformation de l’ensemble des gabarits de L’Express  vers un design fluide et flexible multi-supports.
Le déploiement des gabarits en responsive s'est réalisé en continu sur 1 an et demi. 

Objectifs principaux 

  1. Confort et uniformisation des parcours et de l'expérience utilisateur
  2. Rendre mobile-friendly les templates du site pour une meilleure visibilité SEO
  3. Augmenter les taux de conversion et gagner en temps passé. 
  4. Une bonne provision et centralisation de qualité de la data (taggage multi-devices)
  5. Accélérer la mise en production de nouveaux formats éditoriaux innovant et visuellement impactant

Rôle et participation dans le projet

  • Recommandation stratégique auprès de la direction digitale : rédaction et présentation de supports de présentation au responsive design.
  • Mise en place d’ateliers de conception adaptées centrés utilisateurs en intégrant la vision business, pub, audience, et SEO
  • Réalisation de benchmarks fonctionnelles 
  • Création de stand-up d’équipe projet quotidien
  • Réalisation de tests utilisateurs (Testapic) et rédaction des propositions d’évolutions fonctionnelles
  • Wireframing et prototypage haute définition (UXPin, Marvel)
  • Réalisation de composants modulaires et patterns librairies (Webflow)
  • Création de 8 templates principaux
  • Présentation et validation hebdomadaire au comité de pilotage

Stratégie

Choix de développement et d’implémentation progressive templates par templates.

  • Les nouvelles structures cohabitent avec celles actuelles afin d’être time to business.
  • Visible rapidement pour l’utilisateur sur les pages les plus consultées
  • Livraisons régulières des templates dans des délais courts
  • Retour d’expérience rapide

Templates

  • Article
  • Live
  • Home page
  • Dossier
  • Diaporama
  • Palmarès et base de données
Conception

Conception

Mobile first et amélioration progressive pour de meilleurs performances

DESIGN

DESIGN

Grille flexible 12 colonnes

Wireframing & prototype

Wireframing & prototype

Réalisation des wireframes haute définition et validation des prototypes sous UXPin

Design

Design

Réalisation d'une charte graphique NEWS et LIFESTYLE

Guidelines

Guidelines

Création d’un guide de styles HTML et de composants modulaires

rwd-situation.jpg