Association DINA Toulouse

Concevoir la vitrine digitale d'une association engagée pour Madagascar

L'Association DINA, fondée à Toulouse en 1989, œuvre pour le développement durable de Madagascar à travers des projets éducatifs, culturels, communautaires et environnementaux. Elle rassemble étudiants, professionnels et membres de la diaspora autour de valeurs de fraternité, de justice et d'engagement. :contentReference[oaicite:0]{index=0}

Dans le cadre d'un projet freelance, j'ai accompagné l'association dans la création complète de son nouveau site internet afin de renforcer sa présence en ligne, mettre en valeur ses actions et faciliter les échanges avec ses membres et partenaires.

---

Le contexte

L'association souhaitait moderniser son image digitale et disposer d'un site capable de présenter clairement ses missions et ses projets.

Le site devait permettre de :

• présenter l'histoire et les valeurs de l'association ;
• mettre en avant les actions menées à Madagascar ;
• promouvoir les événements organisés tout au long de l'année ;
• faciliter les prises de contact et l'adhésion ;
• offrir un outil simple à administrer pour publier de nouveaux contenus. :contentReference[oaicite:1]{index=1}

L'objectif était de créer une plateforme à la fois institutionnelle, chaleureuse et facilement évolutive.

---

Les défis

1. Traduire les valeurs de l'association

Le site devait refléter l'identité de DINA en mettant en avant ses valeurs humaines, son engagement et son attachement à Madagascar.

L'enjeu était de créer une interface accueillante tout en conservant une image professionnelle.

---

2. Valoriser des actions variées

L'association intervient dans plusieurs domaines : éducation, développement durable, échanges culturels et accompagnement de projets.

Il était nécessaire d'organiser ces informations afin que les visiteurs comprennent rapidement l'impact des différentes initiatives. :contentReference[oaicite:2]{index=2}

---

3. Permettre une gestion autonome

Les bénévoles devaient pouvoir publier facilement des actualités, des événements et de nouveaux projets sans connaissances techniques.

Le choix de WordPress et de l'éditeur Gutenberg répondait parfaitement à ce besoin.

---

Les solutions mises en Å“uvre

Le projet a été entièrement réalisé avec WordPress, Gutenberg et PHP, en privilégiant une approche simple, performante et facilement maintenable.

1. Conception de la maquette

Avant le développement, j'ai conçu l'ensemble de la maquette du site afin de définir :

• l'identité visuelle ;
• la hiérarchie des contenus ;
• le parcours utilisateur ;
• les différentes pages du site.

Cette phase a permis de construire une expérience cohérente avant le passage au développement.

---

2. Développement sous WordPress

J'ai assuré l'intégralité de l'implémentation du site :

• intégration complète sous WordPress ;
• développement des différentes pages ;
• personnalisation avec Gutenberg ;
• développement PHP lorsque nécessaire ;
• intégration responsive ;
• optimisation de la navigation ;
• mise en production.

L'utilisation de Gutenberg permet aujourd'hui à l'association de créer et modifier facilement ses contenus.

---

3. Une expérience centrée sur l'engagement

Le parcours utilisateur a été pensé pour répondre aux principales attentes des visiteurs :

• découvrir l'association ;
• comprendre ses missions ;
• consulter les actions réalisées ;
• participer aux événements ;
• prendre contact ou rejoindre l'association.

Cette approche facilite la découverte de DINA tout en encourageant l'engagement des visiteurs.

---

Mon intervention

Dans le cadre de cette mission freelance, j'ai réalisé l'ensemble du projet de manière autonome :

• conception UX/UI ;
• réalisation de la maquette ;
• développement WordPress ;
• intégration avec Gutenberg ;
• développement PHP ;
• intégration responsive ;
• optimisation de l'expérience utilisateur ;
• déploiement en production.

---

Résultat

Le nouveau site offre à l'Association DINA une présence digitale moderne et cohérente avec ses valeurs.

Il constitue aujourd'hui un véritable support de communication permettant de présenter ses actions, promouvoir ses événements et renforcer les liens avec la communauté malgache en France et à Madagascar.

---

Technologies

• WordPress
• Gutenberg
• PHP
• HTML
• CSS
• JavaScript