Garan Territoires, expertise 01

Un design qui mène les gens jusqu’à la réponse.

Un site public se juge sur un seul critère : un habitant peut-il faire ce qu’il est venu y faire. Nous concevons pour cela, et nous le testons avec de vraies personnes avant que quoi que ce soit ne soit développé.

Principes

Quatre règles sur lesquelles nous ne transigeons pas.

01

Les démarches avant l’organigramme

Un habitant ne sait pas quel service délivre un permis de construire, et ce n’est pas à lui de le savoir. Nous structurons le site autour de ce que les gens viennent y faire, pas autour de l’organisation interne de la collectivité.

02

Accessible par construction

Contrastes, états de focus, taille des zones cliquables et structure des titres sont décidés dès la conception. Rattraper l’accessibilité après le développement coûte trois fois plus cher et n’atteint jamais le même niveau.

03

Mobile d’abord, vraiment

La majorité des visites sur un site de collectivité vient d’un téléphone, souvent sur une connexion médiocre. Nous concevons d’abord le petit écran, la version bureau suit.

04

Un langage clair

Le vocabulaire administratif empêche les gens de trouver ce qu’ils cherchent. Nous réécrivons les libellés de navigation et les pages clés avec les mots que les habitants emploient réellement, et nous vérifions que cela fonctionne.

Processus

Six étapes, aucune sautée.

Chaque étape se termine par un livrable que vous pouvez relire et valider. Vous ne découvrez jamais la direction prise à la fin du projet.

01

Audit et recherche

Nous mesurons le site existant : termes de recherche, pages les plus consultées, impasses, écarts d’accessibilité. Puis nous interrogeons les habitants et les agents qui décrochent le téléphone quand le site leur fait défaut.

  • Analyse des statistiques et des recherches internes
  • Audit d’accessibilité et de contenu
  • Entretiens avec les agents et les habitants
  • Démarches prioritaires, classées par volume
02

Architecture de l’information

Nous reconstruisons la navigation autour des démarches réelles et nous la validons avant qu’un seul pixel ne soit dessiné, par tri par cartes et test d’arborescence plutôt que par des avis échangés autour d’une table.

  • Nouveau plan de site
  • Tri par cartes et test d’arborescence
  • Plan de redirections depuis l’ancienne structure
  • Inventaire des contenus et liste des pages à supprimer
03

Wireframes

Des maquettes fonctionnelles pour les gabarits clés : page d’accueil, page de service, démarche en ligne, actualités, actes officiels. La structure est validée avant que l’esthétique n’entre dans la discussion.

  • Wireframes pour chaque gabarit
  • Inventaire des composants
  • Comportement responsive défini
  • Règles éditoriales par gabarit
04

Design d’interface

L’identité visuelle de votre collectivité, appliquée à une interface cohérente dont les contrastes sont vérifiés. Une typographie dimensionnée pour la lecture, pas pour une capture d’écran.

  • Design complet, mobile et bureau
  • Contrastes validés selon le RGAA
  • Direction iconographique et photographique
  • Déclinaisons print et réseaux sociaux si besoin
05

Design system

Chaque composant documenté avec ses états, ses règles d’accessibilité et son usage éditorial. Vos équipes et tout prestataire futur travaillent à partir de la même référence.

  • Bibliothèque de composants documentée
  • Design tokens : couleurs, espacements, typographie
  • Règles d’usage et interdits
  • Livré intégralement, entre vos mains
06

Prototype et validation

Un prototype cliquable testé avec de vrais habitants, dont au moins un participant utilisant une technologie d’assistance. Nous corrigeons ce qui échoue avant que le développement ne commence.

  • Prototype cliquable
  • Tests utilisateurs, technologies d’assistance incluses
  • Constats et corrections de design
  • Validation formelle avant le développement
Livrables

Ce que vous possédez à la fin.

Chaque production de design vous est remise dans un format ouvert et modifiable, avec ses fichiers sources. Si vous changez de prestataire dans trois ans, le suivant part de votre design system plutôt que de zéro.

Vient ensuite le développement
  • Rapport d’audit du site existant
  • Plan de site et navigation validés
  • Wireframes pour chaque gabarit
  • Design complet, mobile et bureau
  • Design system documenté et accessible
  • Prototype cliquable
  • Rapport de tests utilisateurs
  • Règles éditoriales pour vos équipes
Accessibilité

L’accessibilité est une décision de conception, pas un correctif.

Près de la moitié des critères du RGAA se décident avant la première ligne de code : contraste des couleurs, visibilité du focus, hiérarchie des titres, intitulés de liens, étiquetage des formulaires. Nous les vérifions dès la phase de design, la seule où ils coûtent peu à changer. Le site livré est ensuite audité par un cabinet spécialisé indépendant, et nous corrigeons ce qu'il relève à nos frais.

Parlons accessibilité

Navigation au clavier

Toute fonction atteignable sans souris, focus toujours visible

Contraste et tailles

Ratios vérifiés dès le design, mises en page qui tiennent à 200 % de zoom

Structure et étiquettes

Hiérarchie des titres, repères et étiquetage des formulaires décidés en amont

Alternatives aux médias

Aucune information portée par la couleur seule, alternatives prévues par gabarit