Refonte du site African Teen

Refonte du site internet et rebranding de l’association African Teen

Client :

Association African Teen

Categorie :

UX design, Facilitateur, UI design

Date :

2022

Le
Challenge 💪🏼

African Teen est une association culturelle basée à Tremblay-en-France. Elle propose des cours de danse afro pour tous les âges et mène des actions de solidarité internationale, notamment des projets éducatifs en Afrique. Bien que l’association soit active et engagée, elle faisait face à plusieurs défis en ligne : un site obsolète, un faible engagement et une identité de marque qui ne reflétait pas pleinement ses valeurs.

L’objectif était de moderniser le site internet et de repenser l’identité de marque pour attirer de nouveaux membres, engager davantage les adhérents actuels et sensibiliser le public à ses projets solidaires.

Objectifs :

  • Renforcer l’image de l’association avec un rebranding dynamique, inclusif et cohérent.
  • Attirer de nouveaux publics pour les cours de danse (enfants, adolescents et adultes).
  • Mettre en valeur les projets solidaires pour encourager les dons et les partenariats.
  • Simplifier la navigation et offrir une expérience utilisateur moderne et intuitive.
  • Créer un pont culturel entre la France et l’Afrique en racontant une histoire inspirante.

Mon
Role 🧢

  • Audit initial: Analyse des forces et faiblesses de l’ancien site.
  • Rebranding: Création d’une nouvelle identité visuelle.
  • Atelier collaboratif: Organisation d’un brainstorming pour définir la structure du site.
  • UX/UI design: Design d’un site centré sur les besoins des utilisateurs et de l’association.
  • Collaboration avec l’équipe pour garantir une mise en œuvre fluide et efficace.

Workshops 🔎

1. Recherche et diagnostic
J’ai organisé des séances avec les membres de l’association pour comprendre leurs attentes :

  • Mettre en avant les cours de danse avec des photos et vidéos dynamiques.
  • Présenter clairement les projets solidaires pour encourager la participation.
  • Simplifier le processus d’adhésion en ligne et de dons.


2. Atelier collaboratif
Pour poser les bases du site, j’ai animé un atelier de brainstorming avec les parties prenantes, incluant les dirigeants et membres de l’association. Cet atelier s’est déroulé en trois étapes :

  • Alignement sur la vision : Comprendre la mission et les ambitions futures de l’association.
  • Définition des pages : Cartographier les pages essentielles et identifier leurs objectifs.
  • Priorisation : Hiérarchiser les pages en fonction des besoins des utilisateurs et des objectifs de l’association.


Résultats :

  • Pages clés définies : Accueil, Cours de danse, Projets solidaires, Blog, Contact.
  • Une structure claire reliant danse et solidarité comme piliers de l’association.
  • Une inspiration pour inclure un storytelling émotionnel et engageant.

Benchmark 👀

Un benchmark d’associations similaires a souligné l’importance d’une identité visuelle forte et d’une navigation fluide.

Rebranding 💅

L’identité visuelle a été repensée pour refléter l’énergie et l’engagement de l’association :

  • Logo: Un design vibrant combinant des motifs africains stylisés et une typographie moderne.
  • Palette de couleurs : Tons chauds (orange, vert, jaune) symbolisant l’énergie et la solidarité, équilibrés par des tons neutres (blanc, noir) pour la clarté.
  • Style graphique : Des visuels dynamiques et authentiques mettant en lumière les membres et leurs activités.

Site internet

Le site a été structuré pour répondre aux attentes des utilisateurs :

  • Page d'accueil : Vidéos immersives des cours de danse et présentation des projets solidaires.
  • Section Cours de danse : Horaires interactifs, profils des professeurs et formulaire d’inscription.
  • Page Solidaire : Mises à jour des projets éducatifs avec une option de dons en ligne.
  • Page Contact : Carte interactive, formulaire de contact et liens vers les réseaux sociaux.

Conclusion

Ce projet a permis à African Teen de moderniser son image et de créer un outil puissant pour promouvoir ses activités culturelles et solidaires. L’atelier collaboratif a joué un rôle clé en alignant les objectifs de l’association avec les attentes des utilisateurs, posant ainsi les bases d’un site à la fois informatif et inspirant.

Resultats 🧾

  • Nouveaux membres : Une augmentation notable des inscriptions aux cours de danse.
  • Engagement accru : Plus de dons pour les projets solidaires grâce à une meilleure présentation et un système de dons simplifié.
  • Feedback positif : Membres et visiteurs ont salué la modernité et l’impact visuel du nouveau site.
fr_FRFrench