Type de client
Institution
Logo du projet Etuc Resource Center

Le projet

Espace dédié de notre client ETUC (European Trade Union Confederation), le projet Resource Center propose une variété d'outils qui répondent aux besoins spécifiques des syndicalistes impliqués dans les négociations sociales au niveau national et européen.

Destiné aux représentants des partenaires sociaux (et principalement des organisations syndicales), il leur fournit des informations sur les avancées politiques et législatives dans le domaine du dialogue social européen. L’ETUC Ressources Center leur propose également une assistance pratique dans leurs recherches et démarches.

Visiter le site web
Le challenge

Des outils à disposition de tous

Contrairement au site de l’ETUC, où nous avions été sollicités pour assurer la maintenance du site existant et améliorer son expérience utilisateur, le Resource Center est un projet Drupal 8 conçu depuis le tout début par WebstanZ. L’objectif était de regrouper en un seul endroit un nombre conséquent de ressources, projets thématiques, programmes de travail et autres résultats conjoints.

L’un des défis présentés par ce site résidait dans l’intégration d'images masquées par des courbes vectorielles, impliquant une parfaite maitrise des masques SVG. Chaque navigateur ayant un moteur de rendu légèrement différent de son concurrent, il nous a fallu réaliser d’importantes recherches et procéder à de nombreux tests pour trouver la solution la plus cohérente.

Par l’entremise de « workshops » impliquant le client, nous avons également appris à mieux connaître l'entreprise et ses motivations, défini les axes de communication importants, et procédé à une répartition optimale des contenus proposés par le site.

Le scope est le contraintes
  • Un projet à partir de rien;
  • Wireframe, design et développement à réaliser;
  • Défi niveau UX pour que l’interface soit compréhensible bien que complexe.
Etuc Resource Center
La solution

Une interface organisée au design soigné

Après avoir déterminé les besoins inhérents au projet, nous avons conçu des « wireframes » respectant les règles de l’expérience utilisateur (UX), afin de répartir le contenu du site de façon optimale. Une maquette a ensuite été réalisée sur base de ce workshop, après validation de l’ossature de l’interface (UI).

Pour rendre la navigation parmi ce florilège de ressources plus facile, nous avons opté pour le module Drupal 8 Facet. Ces ressources peuvent désormais être triées via une série de cases à cocher, ce qui permet de filtrer les résultats de trois types d’entités (Accord, Cadre d'actions et Autres).

Une recherche globale parmi ces ressources est aussi disponible, grâce à l’utilisation du module Drupal 8 Search API. Grâce à un développement articulé sur ces deux axes (tri et recherche), le site de l’ETUC Ressource Center propose à ses utilisateurs une navigation d’une grande fluidité.

Focus sur quelques fonctionnalités
  • Outil de tri des différents types d'articles;
  • Gestion des médias dans différents formats (PDF, vidéo, images,…);
  • Theming Drupal (mise en place d’un layout spécifique);
  • Possibilité d’ajouter du contenu enrichi selon l'envie de l'utilisateur (paragraphe entier, en colonnes, en alternance avec une image,…). Nous avons développé une boîte à outils d’édition de contenus sur base du module paragraphe proposé par Drupal;
  • Modules Drupal pour le référencement (SEO);