GNUT 06

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

Contexte

L’ association GNUT 06 souhaitait moderniser son site web pour améliorer l’expérience utilisateur et garantir une accessibilité conforme aux standards (WCAG 2.1). L’objectif était de rendre le site inclusif et intuitif pour tous les publics.

  • Recherche utilisateur / Accessibilité
  • Définition des Personas / Parcours
  • Wireframing
  • Prototypage Hi-Fi
  • Tests d’utilisabilité
  • Collaboration / Design System
  • Implémentation / Feedback
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.

Résultats

  • Amélioration de l’accessibilité (conformité WCAG).
  • Augmentation de la satisfaction des utilisateurs (feedback positif).
  • Site web responsive (adapté pour les formats mobiles).
  • Base solide pour les futures évolutions grâce au design system.