Les sites de mairies / communes d'Afrique francophone sont historiquement parmi les plus négligés : design années 2010, pas mobile, pas accessible, peu d'information utile. Pourtant les attentes citoyennes ont changé. Voici le modèle 2026 d'une mairie digitale.

TL;DR

- 12 fonctionnalités essentielles : actualités, services, demandes en ligne, agenda élu, transparence budget, etc.

- Accessibilité WCAG 2.2 AA obligatoire.

- Multilingue minimum FR + langue locale (Wolof, Bambara, Lingala).

- Coût 12-25M FCFA pour un projet propre, 18 mois de cycle.

Les 12 fonctionnalités essentielles

1. Page d'accueil orientée citoyen

• Recherche centrale "Que cherchez-vous ?" (passeport, état civil, urbanisme...)
• 4-6 services les plus demandés en accès direct
• Bandeau actualités urgentes
• Agenda du maire
• Numéros utiles (police, pompiers, urgence)

2. Annuaire des services

• Liste structurée par domaine (état civil, urbanisme, éducation, social, etc.)
• Pour chaque service : description, horaires, contact, formulaires téléchargeables, RDV en ligne possible

3. Demandes en ligne

• Acte de naissance / mariage / décès
• Certificat de résidence
• Permis de construire
• Autorisation événement
• Patente / commerce

Workflow type :

`

[Citoyen demande en ligne] → [Validation administrative] → [Paiement Wave/OM] → [Document signé numérique]

`

4. Agenda élu et conseil municipal

• Prochaine session
• Ordre du jour
• Procès-verbaux téléchargeables (PDF accessibles)
• Diffusion live optionnelle

5. Transparence budgétaire

• Budget annuel publié
• Détail par chapitre
• Marchés publics ouverts
• Rapports d'exécution

6. Annuaire commerces / artisans locaux

Service municipal valorisé : commerces, restaurants, artisans inscrits au registre commerce communal.

7. Plan interactif

Carte commune avec :

• Établissements publics
• Écoles, dispensaires, marchés
• Travaux en cours
• Points wifi gratuits si disponibles

8. Actualités + signalement citoyen

Feed actualités + formulaire "Signaler un problème" (lampadaire HS, dépôt sauvage, nid-de-poule).

9. Multilingue

FR + langue locale (Wolof à Dakar, Bambara à Bamako, Lingala à Brazzaville). Voir stratégie multilingue →.

10. Accessibilité WCAG 2.2 AA

Voir guide accessibilité →.

11. Mobile-first + offline-first

70 % des visites en mobile 3G. Tester sur Itel A57 ou équivalent.

12. Newsletter + WhatsApp Broadcast

Communication directe avec citoyens opt-in.

Stack technique recommandée

• [Frontend] : Next.js 14 + Tailwind + next-intl
• [CMS] : Strapi pour rédacteurs (3-8 utilisateurs)
• [DB] : PostgreSQL Neon
• [Hosting] : Cloudflare Pages frontend + Hetzner Frankfurt backend
• [Storage] : Cloudflare R2 pour PDF, photos
• [Email] : Brevo
• [Paiement Wave/OM] : pour démarches en ligne payantes
• [Analytics] : GA4 + Plausible (RGPD-friendly)

Architecture URL

• / home
• /services annuaire services
• /services/[domaine]/[service] détail service avec demande en ligne
• /actualites feed
• /actualites/[slug] article
• /agenda agenda élu
• /conseil-municipal sessions + PV
• /budget transparence budget
• /commerces annuaire commerces
• /contacts annuaire élus + agents
• /signaler formulaire signalement
• /mentions-legales obligatoire
• /accessibilite déclaration RGAA
• /[wo|fr]/... multilingue

Demandes en ligne — exemple acte de naissance

`tsx

// app/services/etat-civil/acte-naissance/page.tsx

'use client';

import { useState } from 'react';

export default function ActeNaissancePage() {

const [data, setData] = useState({

nom: '', prenom: '', dateNaissance: '', lieuNaissance: '',

motherName: '', fatherName: '',

requesterEmail: '', requesterPhone: '',

deliveryMode: 'email', // ou 'pickup' ou 'mail'

});

async function submit() {

const res = await fetch('/api/requests/acte-naissance', {

method: 'POST',

body: JSON.stringify(data),

headers: { 'Content-Type': 'application/json' },

});

const { paymentUrl } = await res.json();

// Redirect Wave / OM

window.location.href = paymentUrl;

}

return (

);

}

`

Coût et planning typique

Cas réel — mairie commune Sénégal

Profile : 28 000 habitants, équipe communicante 2 personnes.

ROI social : qualité service citoyen + désaturation guichet. ROI financier : automation économies équivalent 1.5 ETP.

FAQ

Q : Open source ou propriétaire ?

R : Open source 100 %. Strapi + Next.js + Postgres = stack pérenne. Code source remis à la commune (clause contrat marché public).

Q : Hébergement ADIE obligatoire ?

R : Pour données sensibles (état civil) : recommandé. Pour reste : Cloudflare/Hetzner OK avec consultation.

Q : Maintenance après livraison ?

R : Contrat annuel 1.5-3M FCFA selon périmètre (mises à jour sécurité, évolutions mineures, support).

Conclusion

Un site mairie moderne 2026 = outil citoyen majeur. Les 12 fonctionnalités présentées sont devenues le minimum syndical. Investissement 18-25M FCFA + 18 mois de cycle, mais l'impact qualité service public est immédiat. Le retard accumulé par la majorité des communes africaines = opportunité massive pour celles qui prennent le sujet sérieusement.