Refonte accessible pour une association

Neon

Le projet

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 la nouvelle identité visuelle de Neon et leur nouveau site.

Il offrent notamment 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 garantissant 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. Ce fut une expérience très riche, où nous avons bénéficié de l'expertise d'une équipe de freelances dont je faisais partie, à celle de Neon, acteurs clés du secteur de la justice sociale.

Il a été très facile de travailler avec Tamara, qui a produit un site web incroyablement professionnel et accessible. Il a transformé notre capacité à nous engager avec notre réseau, amélioré nos processus internes grâce à l'automatisation, et nous a permis de gagner du temps et d'économiser des ressources. Je la recommanderais sans hésiter pour de futurs travaux et me réjouis de la poursuite de notre collaboration.
Sunitha Dwarakanath, operations officer chez Neon

La stratégie

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 nouvelle sitemap plus claire. Nous avons ensuite listé les fonctionnalités requises par Neon. Enfin, j'ai travaillé sur l'optimisation des processus de maintenance du contenu au quotidien, pour leur garantir autonomie et rapidité d'exécution.

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.

Le design

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 la mission, j'ai aussi pris le temps d'expliquer à l'équipe de Neon pourquoi je faisais certains choix de design. Il a aussi 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, etc.

Lors de la phase de conception de leur nouvelle identité, 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 bien 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 de la sémantique et du 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 un contenu accessible au plus grand nombre. Nos valeurs communes, combinées aux outils de Webflow, nous ont permis de créer un site qui répond aux normes internationales d'accessibilité.