Andria & Andria

Concevoir une plateforme digitale pour une association engagée dans l'éducation

Andria & Andria est une association à but non lucratif dont la mission est de lutter contre la pauvreté grâce à l'éducation. Elle soutient des établissements scolaires et accompagne des élèves à travers différents programmes de parrainage et de financement de projets éducatifs, avec une première implantation à Madagascar. :contentReference[oaicite:0]{index=0}

Dans le cadre de mon expérience chez Numer Madagascar, j'ai été chargé de concevoir et développer entièrement le site internet de l'association afin de renforcer sa visibilité, mettre en avant ses actions et encourager les dons.

---

Le contexte

L'association souhaitait disposer d'un site moderne capable de présenter clairement sa mission et de sensibiliser les visiteurs à ses actions.

Le site devait permettre de :

• présenter les missions et les valeurs de l'association ;
• mettre en avant les projets soutenus ;
• faciliter les campagnes de dons ;
• valoriser les écoles partenaires ;
• renforcer la crédibilité de l'association auprès des donateurs. :contentReference[oaicite:1]{index=1}

L'objectif était de créer une plateforme claire, accessible et engageante, capable d'accompagner le développement de l'association.

---

Les défis

1. Mettre en valeur une mission humaine

Le site devait transmettre l'engagement de l'association tout en inspirant confiance aux futurs donateurs.

L'expérience utilisateur devait mettre l'accent sur l'impact concret des actions menées sur le terrain.

---

2. Simplifier l'accès à l'information

Les visiteurs devaient comprendre rapidement :

• les missions de l'association ;
• les établissements soutenus ;
• les différentes possibilités de contribution.

L'architecture du site a donc été pensée pour offrir une navigation simple et intuitive.

---

3. Développer une interface légère et performante

Le projet a été réalisé entièrement en HTML, CSS et JavaScript, sans CMS, afin de garantir des performances optimales et un contrôle total sur l'interface.

Cette approche permet d'obtenir un site rapide, facilement déployable et simple à maintenir.

---

Les solutions mises en Å“uvre

Le site a été développé entièrement sur mesure en technologies web natives.

1. Développement front-end

J'ai conçu et développé l'ensemble du site en utilisant :

• HTML sémantique ;
• CSS responsive ;
• JavaScript pour les interactions utilisateur.

Chaque page a été développée afin d'offrir une expérience fluide sur ordinateur, tablette et mobile.

---

2. Une navigation orientée vers l'engagement

Le parcours utilisateur a été pensé pour guider naturellement les visiteurs vers les principales actions proposées :

• découvrir la mission ;
• comprendre les projets soutenus ;
• consulter les écoles partenaires ;
• effectuer un don ;
• prendre contact avec l'association.

Cette organisation favorise une meilleure compréhension des actions de l'association et facilite le passage à l'action.

---

3. Optimisation de l'expérience utilisateur

Une attention particulière a été portée à :

• la rapidité d'affichage ;
• la lisibilité des contenus ;
• la cohérence visuelle ;
• l'accessibilité sur tous les supports.

L'objectif était d'offrir une expérience agréable tout en mettant l'accent sur la mission de l'association.

---

Mon rôle dans le projet (chez Numer Madagascar)

J'ai mené ce projet de manière autonome au sein de Numer Madagascar.

J'étais responsable de :

• la conception UX/UI ;
• la réalisation du design ;
• le développement complet en HTML, CSS et JavaScript ;
• l'intégration responsive ;
• l'optimisation de l'expérience utilisateur ;
• le déploiement en production.

---

Résultat

Le nouveau site permet à Andria & Andria de disposer d'une présence digitale moderne, cohérente avec ses valeurs et sa mission.

Il constitue aujourd'hui un véritable outil de communication pour sensibiliser les visiteurs, promouvoir les projets éducatifs et accompagner les campagnes de dons de l'association. :contentReference[oaicite:2]{index=2}

---

Technologies

• HTML
• CSS
• JavaScript