Faire Face est une association toulousaine incontournable de lutte contre les violences de genre en diffusant notamment l'auto-défense féministe et d'autres actions de prévention dans une démarche d'éducation populaire.
MISSIONS
Faire Face Toulouse souhaitait une nouvelle identité visuelle représentant la diversité de leur public et créer un nouveau site web garantissant un accès pour tous et toutes, en particulier aux personnes en situation de handicap avec une empreinte environnementale réduite.
PROBLÉMATIQUE
- Comment transmettre les valeurs de l'association à travers la charte graphique ?
- Comment clarifier et valoriser leurs différentes actions ?
SOLUTIONS
Une nouvelle identité visuelle
La création d'une gamme colorée accessible. Malgré une palette de 7 couleurs différentes, nous avons listé dans la charte toutes les couleurs offrant un rapport de contraste entre le texte et son arrière-plan (sont précisées les couleurs dont le contraste fonctionne avec des couleurs claires en arrière-plan et celles dont le contraste fonctionne avec un arrière-plan noir)
Des typographies lisibles et à fort contraste
Nous avons choisi pour le titrage la typographie Gatwick, de la fonderie Pangram Pangram et pour le corps du texte, la typographie Atkinson Hyperlegible du Braille Institute, créée pour distinguer et différencier certains caractères entre eux comme par exemple
- le B et le 8
- le o et 0
- le 1 et le I le i et le l
- le E et le F et le p et le q
La création de l'illustration principale
L'illustration principale a été créée pour représenter la diversité des publics de l'association c'est à dire des femmes cisgenres, personnes non-binaires, personnes trans, personnes en situation de handicap, personnes racisées de taille et de corpulence très diverses. Entre l'étape du croquis et l'illustration finale, nous avons itéré plusieurs fois avec l'association, nous permettant de "débiaiser" notre représentation de leurs publics pour en créer une avec plus de justesse.
Nous accompagnons également l'association sur la création de leur nouveau site web accessible et éco-conçu (à suivre prochainement)
Refonte du site web
- Éco-conception
Pour cette refonte, nous avons voulu réduire l’impact environnemental du site. Il a été optimisé au maximum, avec une hébergeur statique, des images compressées et converties dans des formats récents (formats avif).
Découvrez la déclaration d'éco-conception : (lien)
- Atelier arborescence
Nous avons organisé des ateliers collaboratifs avec l’équipe pour réfléchir à la structure du site. L’objectif : que l’information soit claire, facile à trouver et que chaque visiteur·rice, quel que soit son profil, puisse naviguer sans se perdre.
- Formation éco-conception dans le back office
Nous avons accompagné l’équipe de Faire Face pour les former à la gestion des contenus et aux bonnes pratiques d’édition. Nous avons aussi sensibilisé à l’accessibilité numérique.
- Support et accompagnement
Pour que le site reste dynamique et responsable dans le temps, nous avons mis en place un support pour répondre aux questions et guider l’équipe dans leur contribution.
