DémoMètre

Plateforme d'évaluation collaborative de la démocratie locale.

À propos

Le DémoMètre (lien externe) est un outil libre d'auto-évaluation conçu pour mesurer et améliorer la vitalité démocratique locale. Il s'appuie sur quatre piliers – représentation, transparence, participation, coopération – pour produire un indice clair, ajusté aux différents profils de répondants : habitant·es, élu·es, agents publics, associations.

Porté par Démocratie Ouverte (lien externe), il répond à une préoccupation grandissante : faire face à l'essoufflement des institutions représentatives et redonner du sens à l'action publique locale, en outillant les territoires pour analyser et renforcer leur fonctionnement démocratique.

J'ai accompagné ce projet dans toutes ses étapes, de la première réunion à la version en ligne actuelle, en assurant le design global de la plateforme : stratégie, gestion de projet, interface, identité visuelle et suivi de développement.

Démarche

    1. Proposition

    Analyse des besoins et cadrage initial lors des premiers échanges. Proposition stratégique, fonctionnelle et graphique, posant les bases d'un outil libre, sobre et orienté vers l'intérêt général.

    1. Préparation

    Cadrage du projet et clarification des enjeux (techniques, communicationnelles, fonctionnels, politiques). Réalisation d'entretiens, observation des usages et veille active. Rédaction d'un cahier des charges intégrant les dimensions d'accessibilité, de représentativité, de sécurité et de cohérence d'usage. 

    1. Conception

    Définition de l'architecture fonctionnelle et de la navigation. Conception d'une interface claire et responsive, construite à partir d'un design system structuré. Création d'une identité visuelle originale : logotype, couleurs, pictogrammes. L'UI s'appuie sur des contrastes renforcés, une grille souple, une typographie lisible et un UI kit cohérent adapté à tous les profils d'usagers. Des tests utilisateurs ont permis d'itérer les parcours pour en simplifier l'usage.

    1. Construction

    Collaboration avec les développeurs de TelesCoop (lien externe). Suivi rigoureux du développement, gestion des tickets, tests techniques et vérification de la conformité avec les principes d'écoconception, de sécurité, d'accessibilité, de maintenabilité et de performance.

    1. Documentation

    Production d'un document de synthèse, livraison des fichiers sources et accompagnement à la prise en main du back-office. L'ensemble du processus a été consigné dans un rapport détaillé pour favoriser sa réutilisation et sa réappropriation.

Résultats

  • Une interface claire, lisible et accessible, conçue pour tous les profils d'utilisateurs.
  • Un design sobre, soutenu par une identité visuelle et des composants cohérents.
  • Une solution responsive, libre et éco-conçue, pensée pour durer et évoluer.
  • Un outil adaptable à différents enjeux et contextes territoriaux, conçu pour être partagé et réutilisé.

Mentions

Informations

Période : Nov. 2021 – Aujourd'hui

Licence : Creative Commons BY-NC-ND (lien externe)

UI kit : Conçu à partir de Bulma UI Kit (lien externe)

Typographie : IBM Plex (lien externe), conçu par Mike Abbink et Bold Monday

Icônes : Remix Icon (lien externe), version Line, sous licence Apache 2.0.

CMS : Wagtail (lien externe)