Le client

Une agence de l'Union européenne (UE) dont la mission est de produire et de diffuser des informations scientifiques et sanitaires pertinentes, à destination du grand public comme d'un réseau international d'autorités locales et nationales, de professionnels de la santé, chercheurs, étudiants et organisations non gouvernementales (ONG).

L'enjeu

  • Système de gestion des contenus web obsolète et complexe pour les créateurs de contenus
  • Environnement numérique touffu de plus de 2 000 pages de site web
  • + de 200 bibliothèques de ressources numériques
  • Public international diversifié

En 2016, notre client, une agence de santé européenne, a ressenti le besoin de changer la présentation sur internet de ses trois titres principaux, tout en préservant la forte identité de l'image de l'agence. L'objectif stratégique était clair :

  • Soutenir les États membres dans leurs programmes et campagnes de santé par du conseil et des outils pratiques
  • Promouvoir le partage de connaissances et la formation des professionnels de santé publique
  • S'assurer que toutes les informations sont disponibles et accessibles au bon moment, qu'elles sont pertinentes, réutilisables et en phase avec les besoins des différents publics ciblés
  • Consolider la réputation de l'agence comme partenaire de confiance indépendant, pour obtenir des articles scientifiques de qualité

La solution

Pour répondre à ce besoin, Amplexor a proposé de revoir la stratégie numérique des trois publications, en
procédant entre autres à : une restructuration complète des contenus, une nouvelle approche de la gestion
de l'existant numérique et la mise en place d'une plateforme de gestion spécifique et multi-sites. Pour mener à bien le projet, il fallait également prévoir la configuration de l'infrastructure d'hébergement et la migration des contenus depuis l'ancien système SharePoint.


Le nouveau système de gestion de contenus à partir de Drupal 8 proposait des aspects innovants pour faciliter le partage des fonctionnalités sur les différents sites web. Les trois sites web sont gérés de façon centralisée depuis le même système de gestion des contenus, ce qui n'empêche pas de conserver des présentations distinctes.

La solution d'Amplexor pour la mise à jour de ces sites web a pris en compte sept aspects principaux :

1 - Conception UX & UI (ergonomie et interface)

Après analyse précise des contenus existants et des profils et parcours des visiteurs, nous avons modélisé les différents chemins de navigation vers les informations disponibles. À partir de ce modèle et de celui des contenus, nous avons créé un ensemble de maquettes interactives à l'aide d'Axure RP, pour permettre au client de tester et de valider le concept bien avant la livraison finale.

L'identité de la charte graphique a été mise en œuvre par une conception travaillée dans Sketch, puis un prototype complet a été créé en HTML, avec feuille de style CSS, via Bootstrap, pour développer un site web réactif, adapté aux smartphones et tablettes. La compatibilité des navigateurs, comme l'affichage sur différentes tailles d'écran, a ainsi pu être testée très vite.

La navigation est volontairement minimaliste pour faire porter l'attention sur le contenu des pages plus que sur les menus. Elle est aussi contextuelle et ne propose que les options de navigation associées au sujet de la page affichée.

De nouveaux composants ont été ajoutés pour faciliter le repérage des contenus et rendre l'expérience de l'utilisateur plus agréable. Ce sont des balises meta pour recouper automatiquement les contenus similaires, des onglets intégrés aux pages, un repère de navigation pour afficher la position actuelle du visiteur sur le site, de grandes icônes, des carrousels, ainsi que des graphiques, cartes et tableaux interactifs.

2 - Structure de l'information

Le contenu intégré sur SharePoint a été redéployé en une structure moins verticale et placé dans un référentiel unique centralisé et dans des bibliothèques partagées, pour optimiser des ressources. Ce back-office convivial offre des possibilités avancées pour la gestion de l'existant au format numérique : une bibliothèque d'images, avec miniaturisation automatique et la catégorisation des balises meta, pour les textes, les images, les vidéos et les fichiers audio.

3 - Création et publication

La variété des modèles de documents et mises en page confère une totale autonomie aux créateurs de contenus pour créer les pages qui mettront au mieux leur message en valeur. Cette approche de conception permet beaucoup de liberté et de souplesse sans compromettre la structure. Drupal 8 offre une interface conviviale et des outils spécifiques pour les créateurs de contenus :

  • un éditeur de texte qui permet aux auteurs d'ajouter des textes et des liens (en leur laissant la main sur la mise en page), ou d'insérer des tableaux dans une zone de texte et d'appliquer des styles sans connaître HTML ;
  • des modèles de sites et de pages, des workflows de publication et outils de planification ;
  • des outils pour l'optimisation de la recherche sur moteurs internet (SEO), avec génération d'URL parlantes ;
  • des listes dynamiques et statiques pour cataloguer automatiquement différents types de contenus (documents, images, articles de blog, pages, etc.) ou articles de choix issus du système de gestion des contenus (CMS) ;
  • des outils pour bloguer, qui prévoient commentaires et options de modération ;
  • une publication sur les réseaux sociaux avec fonctions de partage dynamique de pages, visualisations de données interactives, images, vidéos, etc.

4 - Diffusion dynamique des contenus

Le Système européen de surveillance (TESSy) a été intégré à Drupal par les services web. Du contenu est automatiquement généré à partir des statistiques sur la prévalence de maladies infectieuses et les visiteurs peuvent en profiter, sans que cet aspect soit présenté comme une verrue sur le site.

5 - Approche multilingue

Le connecteur de traduction open source d'Amplexor pour Drupal 8 permet aux créateurs de contenus de demander et de recevoir la traduction de pages directement par leur CMS. Les auteurs et correcteurs peuvent aussi créer des workflows pour les traductions, partager leur écran entre texte source et texte traduit et, pourquoi pas, afficher leur outil en plusieurs langues.

Plusieurs composants prêts à l'emploi pour de nombreuses langues ont été préparés pour faciliter la création des contenus multilingues.

6 - Facilitation des recherches

La recherche sur tout le site avec filtres et tris (recherche à facettes) ainsi que la recherche rapide de publications sont disponibles. Cette recherche prend en charge les métadonnées, mots et phrases tronqués ainsi que les recherches boléennes. L'intégration de la fonction de recherche Apache Solr permet d'indexer et de rechercher des pages sur un même site, au besoin à partir de synonymes et sur des pièces jointes.

7 - Conformité avec la législation

Drupal 8 CMS est conforme à la législation de l'UE sur la protection des données personnelles et aux exigences des directives 2.0 niveau AA sur l'accessibilité des contenus internet, comme prévu pour l'ensemble des institutions européennes.

 

Amplexor Case Study EU health agency

Le résultat

La présence numérique actualisée de l'agence de santé véhicule une image forte et positive et prévoit l'accessibilité pour tout appareil pouvant se connecter. Les contenus sont facilement disponibles et réutilisables grâce à une recherche et une navigation interactives. Les formats d'échanges peuvent être des organigrammes, des cartes, infographies, vidéos, tableaux ainsi que des évaluations techniques ou consignes.

Les nouveaux sites web servent un grand nombre d'utilisateurs, dans le domaine public et pour des extranets restreints, comme les institutions de l'UE, les autorités gouvernementales locales et nationales, des professionnels de la santé publique, des chercheurs, des étudiants et des organisations non gouvernementales (ONG).

Le nouveau CMS Drupal accélère le cycle de vie des contenus de l'organisation et profite à l'expérience des visiteurs, l'intégration marketing, la création des contenus, la performance et la sécurité.

 

 

Expérience optimale pour les visiteurs

  • Conception centrée sur l'utilisateur et réactive sur tous les appareils
  • Recherche et navigation interactives pour trouver ce que l'on cherche rapidement et facilement
  • Options de personnalisation pour les visiteurs réguliers
  • Accessibilité complète pour le plus grand nombre de personnes possible, sans discrimination, comme défini par les directives internationales (normes sur l'accessibilité du web W3C)
  • Traduction/localisation des contenus, avec respect des formats, comme l'affichage des dates, en fonction du pays ou de la langue

Expérience des auteurs

  • Système de gestion des contenus facile à utiliser, pour une création et une mise en page souples et conviviales
  • Back-end adapté convivial sur appareil portable
  • Variété de modules de contenus pour une création de pages rapide et facile
  • Outils de terminologie et de traduction pour l'exportation/ l'importation automatisées de contenus multilingues

Prise en charge des traductions à la source

  • Canaux de retours d'informations des utilisateurs pour promouvoir le partage de connaissances et améliorer le service à la clientèle
  • Outils d'optimisation des moteurs de recherche (SEO) pour améliorer le classement des pages
  • Analyses poussées sur le comportement des utilisateurs et les performances du site (de ses contenus et de son serveur)
  • Intégration vers des plateformes de médias sociaux, blogs et mail

Performance, évolutivité et sécurité

  • Prise en compte des augmentations du trafic lors d'épidémies ou de crises sanitaires
  • Préservation de l'intégrité des contenus et protection générale du système contre les vulnérabilités et dérives d'internet
  • Respect de la politique de sécurité TIC du client : contrôle des accès, confidentialité et haute disponibilité

 

Nous pensons que les nouveaux sites web sont le reflet d'une refonte complète de l'expérience numérique. La restructuration des contenus et la mise à jour des canaux en ligne satisfont aux objectifs du client d'impliquer et de mobiliser ses différents publics, pour qu'ils multiplient les messages et les contenus de l'agence.

Eline Mevensen Gestionnaire de grands comptes, Amplexor

elinemevensen

Le projet a démarré en septembre 2016 avec une équipe pluridisciplinaire spécialisée dans le développement sur Drupal, la conception graphique, le développement front-end et la gestion de projets.
La livraison échelonnée et une collaboration étroite, dès le début du projet, avec les services du client pour internet, les contenus et l'infrastructure ont permis l'intervention des personnes à bon escient, grâce à une
méthodologie Agile, comptant au maximum sur les modules CMS standard prêts à l'emploi et un développement rapide et dynamique. Ce partenariat est bien engagé et nous pressentons de nouveaux développements pour continuer à rendre l'expérience des visiteurs encore plus profitable. De plus, la partie marketing de leur plateforme Drupal sera bientôt intégrée au projet.

 

Amplexor Case Study EU health agency

À propos d'Amplexor

Services Amplexor pour le Secteur Public

Grâce à sa grande expertise du secteur public, Amplexor est en mesure de personnaliser son offre de services pour répondre à des problématiques d''amélioration des processus, de gestion de la qualité, d'administration en ligne, sur les systèmes informatiques et l'amélioration du service au public, le tout dans plusieurs langues.

Table of Contents

Téléchargez notre étude de cas pour voir comment nous avons aidé une agence de santé européenne à toucher un public international diversifié :

  • accessibilité depuis n'importe quel appareil pour assurer une expérience visiteur optimale sur toutes les tailles d'écran et dans toutes les langues ;
  • informations interactives et faciles à retrouver, adaptées à chacun des publics ciblés ;
  • création accélérée de contenus multilingues pour communiquer au bon moment des informations scientifiques pertinentes ;
  • une expérience plus agréable pour les auteurs grâce à un système de gestion de contenu facile à utiliser, avec une souplesse qui ne compromet pas sa structure ;
  • Consolidation de la réputation de l'agence comme source de confiance indépendante pour des contenus scientifiques de grande qualité.

Obtenez votre copie gratuite