GNUT 06 -Association

Mon Rôle : UX/UI Designer spécialisée en accessibilité

Contexte

L’association GNUT 06 a entrepris la refonte de son site web afin d’offrir une expérience utilisateur optimisée et accessible, conforme aux normes WCAG 2.1.

Étapes du projet

Recherche utilisateur / Accessibilité
Définition des Personas / Parcours
Wireframing
Prototypage Hi-Fi
Tests d’utilisabilité
Collaboration / Design System
Implémentation / Feedback

👉Voir site Gnut 06

Maquette responsive du site GNUT 06 affichée sur tablette, ordinateur portable et smartphone. Le site met en avant l’inclusion par la technologie avec des couleurs vives et une illustration d’une personne utilisant un casque de réalité virtuelle.

Objectif

Améliorer la lisibilité et la navigation.
Intégrer l’accessibilité dès la phase de conception.
Créer un design system pour assurer la cohérence visuelle et faciliter la maintenance.

Mon approche

Méthodologie Design Thinking

Recherche utilisateur : interviews et analyse des besoins en accessibilité.
Idéation & prototypage : wireframes et maquettes haute fidélité.
Tests utilisateurs : validation des choix ergonomiques.

Collaboration étroite avec le développeur full stack

Rétrospectives régulières.
Feedbacks sur les maquettes.
Mise en place d’un design system pour harmoniser les composants.

Parcours utilisateurs après idéation

Notes accessibilité pour le développeur

Solutions mises en place

Palette de couleurs contrastée et typographies adaptées.
Navigation simplifiée et hiérarchisation des contenus.
Composants accessibles (ARIA, focus visible, alternatives textuelles).
Design system documenté pour la pérennité du projet.

Avant / Après

Avant : Site peu ergonomique, non conforme aux standards d’accessibilité, manque de cohérence visuelle.
Après : Interface moderne, inclusive, respectant les critères WCAG, avec une expérience fluide pour tous les utilisateurs.