Refonte accessible pour une association

Neon est une organisation caritative britannique qui accompagne et forme des activistes en justice sociale. J'ai travaillé avec une équipe de freelances pour concevoir leur nouvelle identité visuelle et leur nouveau site.

Neon propose, entre autres, des formations en facilitation anti-oppressive, des outils pour gérer les relations avec la presse et l'accès à un réseau d'activistes.

Neon souhaitait retravailler son identité visuelle et améliorer l'expérience utilisateur sur leur site. Avec mes collaboratrices, nous avons créé une nouvelle charte graphique et intégré ces éléments dans un tout nouveau site pour garantir de meilleures performances en expérience utilisateur, en SEO, et en stratégie de contenu tout en améliorant l'accessibilité du site.

Le projet présentait un défi passionnant : tirer le meilleur parti du CMS de Webflow pour répondre aux besoins spécifiques de Neon tout en lui laissant le contrôle sur les mises à jour futures.

Neon offre à ses membres une variété de formations et de soutien permanent. Mais leurs services n'étaient pas présentés de façon claire sur le site d'origine. Ma première tâche a donc été de réorganiser leur contenu dans une sitemap plus intuitive.

Nous avons ensuite listé les fonctionnalités requises par Neon (accès à des ressources, contact, CMS, découverte des services, inscription à des évènements...).

Enfin, j'ai travaillé sur l'optimisation des processus de maintenance du contenu au quotidien, pour maximiser l'autonomie et la rapidité d'exécution de l'équipe de Neon.

Neon publie la plupart de son contenu via le CMS intégré de Webflow. J'ai donc personnalisé des modèles de pages types en y ajoutant les fonctionnalités dont Neon avait besoin. Ainsi, à chaque nouveau contenu publié, ils ne risquent pas de mettre en péril le design du site que j'ai conçu pour eux. Ça a permis à l'équipe de gagner un temps précieux et surtout de préserver l'intégrité du projet pour lequel ils ont investi de nombreuses ressources.

Les organisations comme Neon ont à coeur d'inclure tout type de public et s'engagent facilement dans l'amélioration de l'accessibilité numérique. J'ai donc veillé à prioriser l'accessibilité à chaque étape de ma conception.

Tout au long de ce projet, j'ai pris le temps d'argumenter tous mes choix de conception à à l'équipe de Neon. Il a parfois fallu challenger certaines de leurs attentes qui n'auraient pas répondu aux normes d'accessibilité. Nous avons notamment discuté de l'importance de la navigation au clavier, du contraste des couleurs, des labels de bouton explicites, ou des raisons pour lesquelles on évite un carrousel quand c'est possible.

Pendant la conception de l'identité visuelle, nous avons pris soin d'établir des couleurs qui garantiraient le maximum de contraste. Nous avons opté pour la police Atkinson Hyperlegible qui permet aux personnes partiellement malvoyantes de mieux distinguer les caractères.

Les fonctionnalités intégrées de Webflow ont grandement facilité la conception d'un site accessible. Avec quelques connaissances de base en sémantique HTML et en design accessible, la plateforme permet suffisamment de personnalisation pour atteindre les niveaux de conformité attendus.

C'était aussi possible grâce à l'investissement sincère de Neon, convaincu de la nécessité de produire du contenu accessible au plus grand nombre. Nos valeurs communes, combinées aux outils de Webflow, nous ont permis de créer un site solide et qui n'exclut personne.