/ Cas client Institution · Union européenne · 2024 · Refonte design + multi-supports
Parlement européen · « What Europe Does For Me »

La plateforme d'information
citoyenne du Parlement européen,

Le Parlement européen a confié à Andromede la refonte du design de « What Europe Does For Me », l'outil qui informe les citoyens, projet par projet, sur ce que l'Europe réalise concrètement pour eux. Une pièce centrale du dialogue institutions—citoyens, livrée à temps pour les élections européennes de 2024.

EPRS
Client
Parlement européen
European Parliamentary Research Service · « What Europe Does For Me »
« What Europe Does For Me » — page d'accueil
Page d'accueil · sélection de parcours citoyen
24
langues officielles
UE · sans exception
WCAG 2.1
niveau AA
accessibilité native
2024
élections européennes
calendrier non négociable
Multi-support
web + bornes
Parlement + Commission
/ Le client

Une pièce centrale du dialogue institutions—citoyens.

Le Parlement européen — l'une des principales institutions de l'Union — a confié à Andromede la refonte du design du site « What Europe Does For Me ». Cet outil informe les citoyens, projet par projet, sur ce que l'Europe réalise concrètement pour eux, dans leur région, dans leur secteur.

Il n'est pas un site de communication parmi d'autres : c'est une pièce centrale du dialogue entre les institutions européennes et les citoyens.

/ Le défi

Six contraintes structurantes, toutes simultanées.

  • Un calendrier électoral non négociable — la refonte devait être prête pour les élections européennes de 2024, avec promotion par l'ensemble des institutions, Commission comprise.
  • Une exigence d'accessibilité totale — un outil citoyen européen doit pouvoir être utilisé par tous, sans condition d'équipement, de connexion, de capacité visuelle ou cognitive. Objectif : conformité WCAG 2.1 niveau AA.
  • Un déploiement sur les bornes numériques du Parlement européen et de la Commission — au-delà du navigateur classique, avec leurs contraintes propres d'écran, d'interaction tactile et de robustesse.
  • Un multilinguisme intégral — les 24 langues officielles de l'Union, sans exception.
  • Une charte graphique institutionnelle — celle du Parlement européen — à respecter sans la trahir, mais en lui donnant une expression contemporaine.
  • Une base technique imposée — développement sous Angular / JavaScript pour s'intégrer dans l'écosystème du Parlement.
/ Trois parcours, un outil

Trouver ce que l'Europe
fait pour moi,
là où je vis.

Dans ma région — pour explorer l'action européenne par carte interactive. Dans ma vie — pour la découvrir par profil et thème quotidien. Gros plan — pour aller au fond d'un projet emblématique. Chaque parcours est conçu pour qu'un citoyen sans formation institutionnelle trouve l'information qui le concerne, en quelques clics.

« Dans ma région » — carte interactive par État membre
01 / Dans ma région Explorer l'action européenne sur une carte. Sélection du pays, zoom sur les régions, projets concrets affichés avec leur localisation et leur thématique.
« Dans ma vie » — articles par profil citoyen
02 / Dans ma vie Découvrir l'Europe par son quotidien. 398 articles classés par thèmes de vie — ma santé, mes voyages, mon emploi, mes droits — accessibles par profil.
/ La méthode

Notre approche.

C'est exactement le type de mission qui illustre le positionnement d'Andromede pour les institutions européennes — gros travail de compréhension des besoins, conseil avant exécution, méthode par paliers, et l'utilisateur final au cœur de chaque décision.

  • 01 — Comprendre avant de proposer. Travail approfondi sur les citoyens visés, leurs contextes de consultation, le niveau de littératie politique supposable.
  • 02 — Les wireframes pour repenser la navigation. Avant tout investissement visuel : une phase de wireframes pour repenser la structure et le parcours utilisateur.
  • 03 — Le design, WCAG 2.1 AA en fil rouge. Sur la base de la charte du Parlement, palettes et textes retravaillés pour assurer une lisibilité constante sur tous les supports.
  • 04 — Un parcours utilisateur ludique et clair. Qu'un citoyen, sans formation institutionnelle, puisse découvrir ce que l'Europe fait pour lui de façon engageante.
  • 05 — Le développement sous Angular, pensé multi-supports. Application développée sous Angular / JavaScript, conformément aux standards du Parlement, avec un travail spécifique pour les bornes tactiles.
/ Une navigation, trois parcours

Un outil qui s'adapte
à tous les supports — web, tablette, borne tactile.

Que le citoyen consulte le site sur son téléphone, depuis chez lui, ou sur une borne déployée dans les locaux du Parlement européen et de la Commission, il navigue entre les trois sections du site avec le même geste — tactile, responsive, robuste.

Page d'accueilDans ma régionDans ma vie
/ Stack technique

Choix faits
pour durer.

Pas de stack expérimentale. Des briques solides, documentées, dont la maintenance est garantie sur 10 ans.

Périmètre
Refonte design + intégration Angular
Disciplines
UX/UI · wireframes · design · dev
Stack
Angular · JavaScript
Accessibilité
WCAG 2.1 niveau AA
Langues
24 langues officielles de l'UE
Supports
Web · mobile · bornes tactiles
/ Ce qu'on a livré

Les résultats.

  • Un outil citoyen refondu et livré à temps pour les élections européennes de 2024.
  • Une conformité WCAG 2.1 AA vérifiée — l'accessibilité au niveau attendu d'un service public européen.
  • Les 24 langues officielles de l'Union européenne déployées.
  • Un outil opérationnel sur les bornes numériques des locaux du Parlement européen et de la Commission.
  • Un parcours utilisateur ludique et clair, conçu pour tous les profils de citoyens.
  • Un site porté et promu par l'ensemble des institutions européennes — Parlement et Commission compris.
/ Ce que ce projet dit de nous

Trois convictions au cœur d'Andromede.

« What Europe Does For Me » illustre trois convictions au cœur du positionnement d'Andromede.

  • Comprendre avant de proposer. Aucune ligne de code, aucune maquette n'a précédé le travail de compréhension des besoins.
  • La méthode par paliers — wireframes avant design avant développement — non comme formalité, mais comme ce qui permet de tenir un calendrier non négociable tout en plaçant les bons arbitrages au bon moment.
  • L'accessibilité comme principe, pas comme finition. Un outil démocratique européen doit être démocratique dans sa conception même.

C'est ce qui transforme un site web en outil de transparence — et c'est ce que recherchent les organisations qui prennent leur mission publique au sérieux.

/ Continuer la lecture

Un projet institutionnel
avec des exigences fortes ?

Calendrier non négociable, accessibilité WCAG, multilinguisme, déploiement multi-supports : on connaît vos contraintes. Audit gratuit sous 48 h.

Échanger sur votre projet