Refonte du site de l’Elysée : elysee.fr

  • #Architecture d'entreprise & applicative
  • #Frameworks & développements
  • #Communication/marketing/performances commerciales
  • #Conformité (Accessibilité, RGPD…)
  • #Gestion de sites & contenus

Clever Age a été sélectionnée pour le développement front-end du nouveau site de L’Elysée.

Sept ans après la refonte du site de l’Elysée, la Présidence de la République fait une fois de plus confiance à Clever Age.

Contexte du projet

Le Service Communication numérique de la Présidence de la République a quatre grandes missions :

  • Porter la voix de la Présidence de la République sur l’espace numérique (site internet, réseaux sociaux, etc.)
  • Créer du contenu (photos, vidéos, illustrations, etc.)
  • Gérer le site elysee.fr
  • Être le garant de la charte graphique de l’Elysée.

Le Service Communication numérique de la Présidence de la République souhaite refondre son site web datant du précédent mandat présidentiel. La demande est de le rendre plus clair et plus actuel.

Clever Age a été retenu pour l’intégration front-end du site elysee.fr. La mission consiste en :

  • La réalisation des travaux d’intégration nécessaires à la création et modification des sites internet, des e-mails et tout autre support HTML dont le Service Communication numérique de la Présidence de la République a la charge.
  • La réalisation des animations et comportements, conformément aux documents produits lors de la conception du site.
  • La maîtrise des normes d’accessibilité et d’ergonomie afin de produire un code HTML et Javascript qui répond aux contraintes de la norme RGAA. L’expert en accessibilité intervient pour valider la conformité des modifications réalisées.
  • La gestion de la compatibilité de son intégration avec les navigateurs desktop et mobile les plus répandus du marché (Chrome, Safari, Mozilla Firefox, Microsoft Edge).
  • L’assistance à l’utilisation des images responsives pour optimiser le poids et le temps de chargement des pages du site.

Le mot d’ordre du projet est de viser l’excellence : de par le design, la qualité du code, les performances, la sécurité, et la conformité avec le RGAA.

Face à une demande très complète et un planning restreint, il a été convenu de définir un MVP afin de tenir les délais et les ressources.

Déroulement du projet

  1. Développement modulaire pour un site dynamique :
    Depuis le back-office le contributeur a la possibilité de construire des pages (des articles, des dossiers, …) à l’aide de modules. Lors de la phase de cadrage, les équipes de l’Elysée et Clever Age ont décidé de réaliser un back-office comportant des modules personnalisés et entièrement paramétrables. Un travail de fond a été réalisé depuis les maquettes pour identifier tous les modules : Carrousel, image responsives, bloc vidéo, bloc texte… Le « gabarit » des contenus est lui-même modulable pour ainsi créer des pages entièrement personnalisables et uniques.
    Au total plus d’une vingtaine de modules sont disponibles pour la contribution des pages. Cette personnalisation avancée a été facilitée par la souplesse du framework Symfony™.
  2. La méthode Scrum mis en place entre les équipes de production et celles l’Elysée a permis une première livraison, dans les délais.
  3. Mise en ligne du MVP et amélioration continue :
    Le MVP est en ligne fin novembre 2018. La réalisation du site se poursuit avec le développement d’autres modules, des améliorations continues, l’optimisation de la web performance et la conformité au RGAA.

Résultats observés :

Ce site a été parfaitement accueilli par les membres de la présidence de la République, ses fonctionnalités et son design apportent une vraie valeur ajoutée à la communication de l’Elysée.