Refonte Autism Today Foundation
Une mission UI/UX réalisée au Canada : le rebranding du site d'une entreprise soutenant les familles de personnes autistes.
- Secteur
- Associatif
- Mission
- Refonte UI UX
- Périmètre
- 7 rubriques repensées
01 — Le constat
Une navigation compréhensible, mais confuse
Les points de friction
- Une navigation compréhensible, mais confuse.
- Des couleurs et typographies hors charte.
- Un manque de cohérence entre les sections.
- Des boutons d'action menant vers des pages sans rapport.
Les objectifs de la refonte
- Un en-tête simplifié, limité aux rubriques essentielles, pour une navigation plus fluide.
- Des sections réorganisées et cohérentes, pour une lecture plus claire.
- Une interface harmonisée selon la charte.
02 — Personas
Comprendre ceux qui visitent le site
Des personas pour garder en tête les attentes des familles et des professionnels à chaque décision.
03 — Arborescence
Moins de rubriques, un chemin plus direct
Un en-tête allégé et des pages regroupées : chaque rubrique devient une porte d'entrée unique.
Avant
Une arborescence dense, avec de nombreuses sous-catégories.
Après
Une arborescence resserrée autour des rubriques principales.
04 — Direction artistique
Une charte appliquée à la totalité du site
Deux typographies et trois couleurs, réunies dans un design system commun à toutes les pages.
Typographies
Titres
Work Sans
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
Textes
Roboto
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
Couleurs
#FF6169
#6CD898
#12C0D8
05 — Page d'accueil
Une page d'accueil plus lisible
- L'en-tête, surchargé de rubriques, est ramené à l'essentiel.
- Les boutons sont uniformisés par thématique, dans les couleurs de la charte.
- Deux typographies seulement : Work Sans pour les titres, Roboto pour les textes.
Avant
Un en-tête chargé et des éléments hors charte.
Après
Un en-tête simplifié et une interface harmonisée.
06 — World Autism Summit
L'évènement, aux couleurs de la nouvelle charte
La page du sommet adopte le nouvel en-tête, la hiérarchie typographique et les boutons harmonisés.
Avant
La page du sommet avant la refonte.
Après
Une page alignée sur la nouvelle interface.
07 — Autism Today Directory
Un annuaire plus cohérent
L'annuaire suit la même structure et la même charte que le reste du site.
Avant
L'annuaire avant la refonte.
Après
Un annuaire intégré à la nouvelle interface.
08 — Memberships
Deux pages réunies en une
Les deux pages d'adhésion fusionnent en une seule, plus lisible.
Avant
Deux pages séparées : adhésion entreprise et adhésion individuelle.
Après
Une seule page Memberships, plus lisible.
09 — About us
Cinq pages réunies en une
Les informations des cinq pages de la rubrique sont concentrées dans une seule page cohérente.
Avant
Cinq pages distinctes pour présenter l'association.
Après
Une page unique qui réunit l'essentiel.
10 — Resources
Toutes les ressources sur une page
La même logique s'applique aux ressources : une page unique, plus simple à parcourir.
11 — Articles
Des articles harmonisés
Les articles reprennent la hiérarchie typographique et les couleurs de la charte.
Avant
La page des articles avant la refonte.
Après
Une page alignée sur la nouvelle interface.
12 — Prototype
Le site à parcourir
Le prototype Figma interactif du nouveau site.
Contact
Vous avez un projet ?
Créons ensemble une expérience digitale qui donnera confiance à vos futurs clients.
