Projet de démonstration — marque fictive

Fondation Ndolo

Le site d’une fondation pour l’enfance, où chaque don montre ce qu’il finance et ce qu’il coûte vraiment.

ONGDouala et LyonCameroun et France

Accueil du site Fondation Ndolo sur ordinateur, avec le titre, une enfant à l’école et le widget de don
Le même accueil sur téléphone

Fiche projetNDOLO

Secteur
ONG, enfance
Marché
Cameroun et France
Type
Site et don en ligne
Pages
38
Langues
Français, anglais
Réalisé en
2026

Le besoin

La Fondation Ndolo finance l’eau, l’école et la santé dans cinq régions du Cameroun. Ses donateurs vivent surtout à Lyon et à Douala. Ils veulent savoir où va l’argent avant de donner, et pouvoir arrêter quand ils veulent. Beaucoup lisent sur un téléphone, certains avec un lecteur d’écran.

Pour leurs clients

Une donatrice choisit 20 € par mois et lit aussitôt : « 6,80 € après réduction d’impôt ». Elle voit ce que cela finance, puis donne en quatre étapes, sans piège. Quand elle veut vérifier, elle retrouve les comptes, chiffre par chiffre.

Ce que j’ai construit

  • Étape 1 du don : 20 € par mois sélectionnés, avec le coût après réduction d’impôt et l’impact dans le récapitulatif

    Un don qui annonce son vrai coût

    Le donateur choisit un montant. La page lui dit ce que cela finance, et ce que cela lui coûte après réduction d’impôt. Le paiement est simulé : aucun argent ne bouge.

  • La page Projets, avec la carte du Cameroun, les filtres et la liste des projets

    Une carte des projets qui se filtre

    On trie par programme, par région ou par état d’avancement. La carte et la liste se mettent à jour ensemble, et tout se fait aussi au clavier.

  • La page Transparence : un graphique en anneau montrant que 84 % des dépenses vont aux missions, avec le choix euros ou francs CFA

    Des comptes lisibles par tous

    Chaque graphique a son tableau de données. Le visiteur choisit d’afficher les montants en euros ou en francs CFA.

  • Le panneau Affichage du site : taille du texte, espacement, police, contraste et animations

    Un affichage qui s’adapte à chacun

    Chaque visiteur règle la taille du texte, la police, le contraste et les animations. Ses choix sont gardés sur son appareil.

Les choix de design

Un papier crème et un vert profond, pour un ton chaleureux et sérieux. Le jaune soleil est réservé au don : le bouton se repère tout de suite.

  • Bricolage Grotesque pour les titres et les boutons
  • Literata pour les textes à lire
  • PapierFond#F8F5EA
  • EncreTexte#152318
  • SoleilDon#FAC131
  • FeuilleLiens, accents#246E3A

Mesures

Page d’accueil de la démo, sur téléphone et sur ordinateur.

Scores Lighthouse et poids de la page d’accueil du site Fondation Ndolo
IndicateurMobileOrdinateur
Performance81100
Accessibilité100100
Bonnes pratiques100100
Référencement100100
Affichage principal (LCP)2465 ms628 ms
Poids transféré194 Ko235 Ko

Mesuré le 3 octobre 2026 avec Lighthouse 13 (profils par défaut), page servie compressée en local, comme en production.

Réalisé avec l’IA

Conception, direction artistique et vérifications par moi. Code et contenus produits en collaboration avec des agents IA, puis relus et testés.

Comment je travaille avec l’IA

Parlons de votre projet.

Dites-moi ce que vous faites et ce dont vous avez besoin. Je vous réponds sous 24 h ouvrées.

Vous échangez directement avec moi

Mike SOBTAMFO · ingénieur · Cameroun (UTC+1)