Refonte du site institutionnel
de l’agglomération Pays Basque
Client : Communauté d’agglomération Pays Basque
2024
La communauté d’agglomération du Pays Basque est située dans le département des Pyrénées-Atlantiques (64). Cette intercommunalité est composée de 158 communes.
Challenges :
- Organiser les contenus pour un accès facile par l’utilisateur, et une gestion adéquate par les différents services de la communauté d’agglomération
- Créer des parcours utilisateurs intuitifs
- Rationaliser les composants du site, pour alléger le développement
- Eco-concevoir le site
- Intégrer les bonnes pratiques d’accessibilité, en vue d’une conformité RGAA
Missions :
- Refonte du site institutionnel dans le respect des critères d’accessibilité (RGAA) et d’éco-conception
- Création d’un design system
- Création d’une usine à site pour déployer, à partir d’un thème conçu en marque blanche, une dizaine de sites pour le territoire
Mon rôle :
UX et UI Designer
Certaines phases d’UX Design ont été produites en collaboration avec Raphaël Yarrassarry
Les différentes étapes de design
1. Structuration des contenus
- Analyse des données de fréquentation du site existant
- Recensement et tri des contenus
- Tri de cartes en ligne avec des utilisateurs
- Regroupement par catégories
- Création d’une arborescence claire et logique
2. Co-conception avec les utilisateurs
- Atelier collaboratif avec des utilisateurs et des représentants de l’agglomération
- Présentation des persona et des enjeux
- Travail en groupe sur les objectifs de la page d’accueil
- Esquisses et premières idées d’interface
3. Conception et tests de la page d’accueil
- Design de la page d’accueil basé sur les ateliers, la charte graphique et les besoins identifiés
- Définition des principes graphiques du futur site
- Test des 5 secondes : compréhension et impact visuel mesurés auprès d’un panel utilisateur
4. Création des parcours et des interfaces
- Identification des informations prioritaires
- Définition de parcours utilisateurs efficaces et cohérents avec les objectifs du site
- Conception des wireframes
- Rationalisation des templates et composants
- Design responsive de tous les écrans et éléments d’interface
- Création d’un design system
5. Tests utilisateurs et ajustements
- Tests de 3 parcours réels avec des utilisateurs
- Observation de la navigation et de la compréhension
- Ajustements des interfaces selon les retours
- Finalisation des templates
Sophie a su parfaitement retranscrire l’esprit graphique que nous voulions véhiculer. Toujours force de propositions, elle nous a aussi guidé pas à pas dans une démarche globale d’écoconception et d’accessibilité. Je recommande vivement son profil !
Jérôme Messina,
Chargé de projet transformation numérique chez Communauté d’Agglomération Pays Basque
Photos de l’atelier de co-conception de la page d’accueil avec les utilisateurs
Un atelier de co-conception a été organisé sur une demi-journée avec un panel d’utilisateurs représentants des personnas (chef d’entreprise, citoyen, représentant local…). Cet atelier s’est concentré sur la conception de la page d’accueil, afin de définir collectivement l’impacte attendu de celle-ci, et les fonctionnalités à prioriser.
Extrait de composants du design system
Le design system est composé d’une grille, une série de blocs, des éléments d’interaction et de navigation, des styles de titres et de couleurs avec un rôle associé à chacun. L’ensemble de ces composants respectent les critères d’accessibilité du RGAA, et sont utilisés ensuite pour composer des pages.
Extrait de mon environnement de travail
L’ensemble des templates ont été réalisés à partir des composants produits au sein du design system.
