• Add to Collection
  • Tools Used

    Tools

  • About

    About

    Design and development of the new Europe for Citizens French website. The Europe for Citizens Programme is commissioned by the European Commissio… Read More
    Design and development of the new Europe for Citizens French website. The Europe for Citizens Programme is commissioned by the European Commission. // Création du nouveau site web Français du Programme L'Europe pour les Citoyens. Le Programme L'Europe pour les Citoyens est une initiative de la Commission Européenne. Read Less
    Published:
Europe for Citizens
Web Design & Development
The Europe for Citizens Programme of the European Commission is an important instrument aimed at getting the Union’s 500 million inhabitants to play a greater part in the development of the Union. By funding schemes and activities in which citizens can participate, the Programme is promoting Europe’s shared history and values, and fostering a sense of ownership for how the Union develops.

To help project leaders to obtain funding, the Education, Audiovisual and Culture Executive Agency (EACEA) has commisionned one organisation in each of the members states to act as a contact point. After a first analysis, the French contact point decided to redesigned their website.
 
---
 
Le Programme L'Europe pour les Citoyens, mis en place par la Commission Européenne, est un instrument important qui vise à inciter les quelques 500 millions d'habitants de l'Europe à jouer un plus grand rôle dans le développement de l’Union. En finançant des projets et des activités auxquels les citoyens peuvent participer, le programme s'attache à promouvoir l'histoire et les valeurs communes des Européens et à favoriser un sentiment d'adhésion par rapport à l'évolution de l'Union.
 
Afin d'aider les porteurs de projets à obtenir un financement, l'Agence exécutive Education, Audiovisuel et Culture (EACEA) a mandaté une organisation dans chacun des pays membres comme point national d'information. Après une première analyse, il a été décidé de refondre le site web existant.
 
Old homepage (left) vs New Homepage (right)
Ancienne page d'accueil (gauche) vs Nouvelle page d'accueil (droite)
Diving deeper in the analysis, we were able to indentify two main issues :
 
1. Visitors couldn't easily find the information they were looking for. Indeed we quickly noticed that several statistics were not common for this type of website: the average time spent per page and the average number of pages viewed were really low. Moreover, the bounce rate was really high which means that visitors were leaving the website not long after they landed on the homepage. In the end, it all came down to three topics: the organisation of the informations, the website navigation and the visual design.
 
2. A website hard to maintain and easily breakable. The person who had to deal with the website was also in charge of several other European Programs which implied travelling all over Europe, project planning, phone calls, conferences... The website was just too hard to maintain considering the time available. We had to automate as many things as possible (information meetings, case studies, partners search, online application form, news).
 
---

En approfondissant l'analyse, nous avons pu identifier deux problèmes principaux :
 
1. Les visiteurs ne parvenaient pas à trouver rapidemment les informations qu'ils recherchaient. Nous avons rapidement remarqué qu'un certain nombre de statistiques n'étaient pas habituelles pour ce type de site : le temps moyen passé sur une page et le nombre moyen de pages vues par visite étaient vraiment bas. De plus, le taux de rebond était très élevé ce qui veut dire que les visiteurs quittaient le site peu de temps après leur arrivée sur la page d'accueil. Au final, nous avons pu identifier trois éléments responsables : l'organisation des informations, la navigation sur le site et la conception visuelle.
 
2. Un site web difficile à entretenir sans détruire sa cohérence. La personne responsable de la mise à jour du site web était aussi en charge de plusieurs autres Programmes Européens qui nécessitaient de voyager à travers l'europe, de gérer des projets complexes, de passer du temps au téléphone, d'animer des conférences... Le site était juste trop difficile à maintenir compte tenu du peu de temps dont la responsable disposait. Nous devions donc automatiser le plus d'éléments possible (réunions d'information, études de cas, recherche des partenaires, formulaire de dépôt de candidature en ligne, actualités).
 
 
One of the most important part of the redesign: the content audit. With the help of the analytics, we were able to rearrange content based on user expectations.
Une des étapes les plus importantes de la refonte du site : l'audit du contenu. Avec l'aide des statistiques de visite du site, nous avons pu réorganiser le contenu du site en fonction des attentes des utilisateurs.
Fully integrated with Wordpress core functions to ease future development.
Les modules automatisés sont parfaitement intégrés aux fonctionnalités de Wordpress afin de faciliter tout développement futur.
Using wordpress constraints while improving the user experience with relevant informations (in yellow) and custom settings.
Travailler avec les contraintes de Wordpress tout en améliorant l'expérience utilisateur par le biais d'informations pertinentes (en jaune) et de paramètres spécifiques.
To deal with the increase in page views on mobile devices, a fully responsive and optimized website has been built.
Afin d'accomoder le nombre grandissant de vues sur mobiles, un site totalement adaptatif et optimisé a été construit.
Type of work / Type de projet
Web Design & Development
 
Full project / Projet complet
 
Studio Etienne Pigeyre
GRAPHIC DESIGN - WEB DESIGN - STRATEGIC CONSULTING
GRAPHISME - WEBDESIGN - CONSEIL EN STRATÉGIE