Site d'ONG sur mobile : rendre mission et projets lisibles

Un bailleur consulte votre présentation dans un taxi, un partenaire ouvre le lien reçu par message entre deux réunions, un bénéficiaire cherche votre adresse depuis son téléphone. Pour beaucoup de visiteurs, le premier contact avec une organisation se fait sur un petit écran. Un site d'ONG sur mobile doit donc répondre vite à trois questions : qui êtes-vous, que faites-vous, et où en sont vos projets ? Cet article propose des repères concrets pour rendre votre mission et vos projets lisibles, sans sacrifier la transparence attendue par vos partenaires.

En bref : sur mobile, hiérarchisez l'information. Une mission formulée en quelques lignes, des projets présentés sous un format identique, une gouvernance accessible en deux gestes et des contacts séparés par type d'interlocuteur suffisent à rendre un site d'ONG clair et crédible.

Plusieurs publics, un seul petit écran

Un site d'organisation s'adresse à des personnes qui ne cherchent pas la même chose. Le bailleur veut comprendre la gouvernance et les résultats. Le partenaire veut saisir votre mission et votre zone d'intervention. Le bénéficiaire cherche un service concret. Un donateur, enfin, veut savoir à quoi servira son soutien.

Sur ordinateur, on peut afficher tout cela côte à côte. Sur téléphone, il faut choisir ce qui vient en premier. Sans hiérarchie claire, le site ne répond bien à aucun de ces publics et chacun doit fouiller pour trouver son information.

Commencez donc par lister vos publics prioritaires, puis décidez de ce que chacun doit trouver en un ou deux gestes depuis la page d'accueil. Ce travail de cadrage compte davantage que n'importe quel choix graphique.

Rendre la mission lisible dès l'ouverture

Quand la page s'ouvre sur un téléphone, le visiteur voit à peine un écran de contenu. Ce premier écran doit dire qui vous êtes et ce que vous faites, dans des phrases courtes et sans sigle non expliqué.

• Une phrase de mission claire, que quelqu'un d'extérieur au secteur comprend du premier coup.
• Votre zone d'intervention et vos domaines d'action, présentés simplement.
• Un accès évident aux projets en cours et à la page de gouvernance.
• Un bouton de contact bien visible, adapté au geste du pouce.
• Une langue accessible : phrases courtes, paragraphes aérés, vocabulaire sans jargon institutionnel.

Pensez également à la navigation. Un menu qui compte une dizaine d'entrées devient illisible sur un petit écran. Regroupez les rubriques en quatre ou cinq grandes familles, par exemple la mission, les projets, les ressources, la gouvernance et le contact, et réservez les sous-rubriques aux pages intérieures. Chaque rubrique doit se comprendre sans explication, avec un intitulé que n'importe quel visiteur emploierait.

Évitez les longs blocs de texte hérités d'un rapport d'activité. Ce qui se lit confortablement sur un document imprimé devient épuisant sur un téléphone. Découpez, titrez, et renvoyez vers les détails pour ceux qui veulent approfondir.

Un site d'ONG sur mobile : des projets présentés avec la même grille

Une organisation active mène souvent plusieurs projets en parallèle, à des stades différents. Sans structure commune, l'information devient vite obsolète ou introuvable. La solution consiste à donner à chaque projet sa fiche, construite sur le même modèle.

Une fiche projet lisible sur mobile suit un ordre constant : objectifs, zone d'intervention, avancement, partenaires associés. Le statut d'avancement peut être mis à jour au fil du temps, ce qui évite d'avoir une vitrine figée alors que le terrain a évolué.

Les photographies méritent la même attention. Sur mobile, une image lourde ralentit l'affichage et gêne un visiteur dont la connexion est limitée. Choisissez des visuels qui montrent réellement l'action, légendés simplement, et prenez soin du consentement des personnes photographiées, en particulier des bénéficiaires et des enfants. Gardez enfin des fichiers légers et lisibles.

La régularité du format rend aussi la lecture plus rapide : le visiteur apprend en une fiche où trouver l'information dans toutes les autres. Pour un bailleur qui compare plusieurs organisations, c'est un signe de rigueur.

Exemple fictif : une association qui accompagne des coopératives locales présente trois projets avec les mêmes rubriques, du plus ancien au plus récent. Un partenaire pressé repère en quelques secondes lequel est en cours, où il se déroule et qui contacter. Aucun chiffre d'impact n'est avancé sans pouvoir le sourcer : mieux vaut décrire l'état d'avancement que gonfler des résultats.

Gouvernance, rapports et contacts : la transparence à portée de pouce

Les bailleurs et partenaires institutionnels attendent une présentation claire de la gouvernance, des projets en cours et des résultats obtenus. Un site vague sur ces points fragilise la crédibilité de l'organisation avant même le début d'un partenariat.

Une page dédiée présente la mission, les instances de gouvernance et les partenaires. Un espace ressources regroupe les rapports d'activité, communiqués et documents utiles. Sur mobile, soyez attentif au poids et au format des documents : indiquez le type de fichier et son contenu avant le téléchargement, pour que personne ne lance un document volumineux sans le savoir.

Dans la même logique, tenez compte de la protection des données de ceux qui vous écrivent. Un formulaire ne doit demander que ce qui est nécessaire au traitement de la demande, et les personnes qui sollicitent une aide ne devraient pas avoir à détailler leur situation dans un champ public ou non protégé. Une organisation qui explique clairement comment elle traite les messages reçus renforce la confiance de tous ses publics.

Pour les contacts, un formulaire qui distingue les motifs, comme le partenariat, le don, une demande de bénéficiaire ou la presse, oriente chaque demande vers la bonne équipe. Sur un petit écran, limitez les champs à l'essentiel.

Si vous vous adressez à des bailleurs et partenaires internationaux, une structure prête à accueillir plusieurs langues peut être utile. Notre service de création de sites web intègre ces besoins, et notre page ONG et institutions présente la démarche pour ce secteur. Pour les principes de conception adaptés aux téléphones, voyez aussi notre article sur le mobile first.

Questions fréquentes

Mon site d'ONG doit-il être pensé d'abord pour le mobile ?

Une grande partie des visiteurs consultent un site depuis leur téléphone, souvent en déplacement. Penser d'abord le petit écran oblige à hiérarchiser l'information, ce qui profite aussi à la version ordinateur. Vérifiez cependant l'usage réel de vos publics avant de trancher.

Peut-on publier des rapports d'activité sur un site consulté sur mobile ?

Oui, via un espace ressources organisé. Pensez à indiquer le titre, la date et le format de chaque document, et à proposer un résumé court sur la page pour ceux qui ne veulent pas ouvrir le fichier complet depuis leur téléphone.

Comment mettre à jour l'avancement des projets ?

Chaque projet dispose de sa propre fiche, avec un statut qui peut évoluer. Vos équipes peuvent modifier ces contenus directement, sans dépendre d'un développeur. Prévoyez un rythme de relecture régulier pour que les informations ne vieillissent pas entre deux campagnes de financement.

Passer à l'action

Ouvrez votre site sur un téléphone, choisissez un projet et demandez à un collègue extérieur à l'équipe de vous dire en une minute ce qu'il en a compris. Notez ce qui manque ou ce qui gêne, puis priorisez trois corrections. Présentez votre besoin à Lika Groupe sur la page contact pour définir les prochaines étapes de votre site.