Refonte UX et UI complète pour un organisme national canadien dédié à l’alphabétisation, pour transformer une quantité d’information complexe en une expérience claire, cohérente et accessible à tous.
Contexte
United for Literacy est un organisme national canadien qui œuvre depuis des décennies pour l’alphabétisation des adultes et des familles à travers le pays. Derrière cette mission essentielle, une organisation complexe, de nombreux programmes, des publics variés et un volume d’information considérable à structurer et à rendre accessible. C’est via Collectif WEB que j’ai été mandatée pour mener la refonte complète du site web, de l’architecture UX jusqu’aux maquettes visuelles finales.
Problèmes identifiés
Un organisme au rayonnement national. Un site qui ne reflétait plus ni l’ampleur de sa mission ni la diversité de ses publics.
- Une architecture de l’information dense, difficile à naviguer pour des visiteurs aux profils très différents
- Un manque de clarté dans la présentation des programmes et des services offerts
- Une identité visuelle à valoriser davantage à travers l’interface
- La nécessité d’obtenir un consensus interne fort dans une organisation comptant plusieurs parties prenantes
- Le site devait répondre aux normes d’accessibilité WCAG AA, une exigence non négociable pour un organisme dont la mission est de rendre l’information accessible à tous
Enjeux stratégiques
Travailler pour un organisme national, c’est composer avec une réalité particulière : plusieurs équipes, des perspectives différentes, des décisions qui se prennent en groupe. Chaque choix de design devait être défendable, clair et aligné avec la mission.
Les enjeux étaient multiples : structurer un volume d’information important sans jamais perdre le visiteur en chemin, créer une expérience qui parle autant aux donateurs qu’aux bénéficiaires et aux partenaires qu’aux bénévoles, et livrer des wireframes et des maquettes suffisamment solides pour obtenir l’adhésion de l’ensemble de l’organisation.
Objectif : Concevoir un site qui rend justice à une mission noble, et qui donne envie de s’engager dès la première visite.
À ces défis s’ajoutait une exigence d’accessibilité rigoureuse. Concevoir aux normes WCAG AA, c’est intégrer des contraintes de contraste, de lisibilité et de navigation dès les premières décisions de design, pas les corriger à la fin. Pour un organisme voué à l’inclusion, c’était une cohérence fondamentale entre la mission et l’expérience.
Processus
- Architecture de l'information
- Wireframes UX
- Maquettes visuelles UI
- Validation des normes WCAG AA
- Développement web
Ce projet m’a appris que dans un organisme de cette envergure, le design est aussi un acte de rassemblement. Structurer l’information, c’est bien. Amener une équipe entière à se reconnaître dans ce qu’on a créé, c’est encore mieux.
Ce mandat restera l’un de ceux dont je suis le plus fière, pas seulement pour le résultat visuel, mais pour le chemin parcouru avec United for Literacy.
Un grand merci pour tout ton travail ! Nous avons présenté les wireframes à plusieurs membres de notre organisme, et les propositions visuelles ont fait l’unanimité. Tout est désormais beaucoup plus clair : on comprend mieux qui nous sommes, ce que nous faisons et comment nous souhaitons nous présenter.
Nous sommes vraiment très satisfaits du résultat. Structurer autant d’information et la transformer en quelque chose d’aussi clair et cohérent n’était pas une mince tâche !
Par la suite, les maquettes visuelles nous ont permis de bien mettre en valeur l’identité visuelle de l’organisme.
Merci d’avoir su relever ce défi avec autant de talent.
