Repère France - webdesign civic tech pour un acteur des infrastructures

Repère France est l'édition française de notre entreprise fictive de génie civil et de logiciels géospatiaux, installée à Lyon. Les mêmes gabarits qu'aux États-Unis, mais une voix entièrement française : DREAL et collectivités au lieu des State DOTs, chantiers sur l'A89 et en Auvergne-Rhône-Alpes, plans de financement pluriannuels, vouvoiement et une élégance éditoriale sobre.

Fiche projet

• Client: Repère SAS, Lyon (fictif)
• Secteur: Génie civil, travaux publics et logiciels géospatiaux
• Marchés: Siège à Lyon, chantiers de Lille à Marseille
• Prestations: Localisation de marché · Rédaction · Adaptation de marque · Webdesign civic tech · Accessibilité (WCAG 2.2 AA) · Fondations SEO
• Gabarits: 8 gabarits partagés avec toutes les éditions Repère
• Technique: HTML, CSS et JavaScript écrits à la main ; un fichier de textes et un thème par marché

Le brief

Un site d'infrastructures qui parle le langage des collectivités

Maîtres d'ouvrage publics et bureaux d'études attendent rigueur et clarté. L'édition française remplace chaque institution, chaque lieu et chaque terme métier : DREAL, demandes d'information, précision RTK et GNSS, financements pluriannuels, le tout au vouvoiement et dans une mise en page de magazine.

Pensé pour la France

Ce qui change réellement entre l'édition américaine et celle-ci

• Siège - Édition US: Golden, Colorado · France: Lyon, Auvergne-Rhône-Alpes
• Chantiers - Édition US: I-70 Corridor, Juniper Valley, Cedar River Crossing · France: A89 en Rhône-Alpes, Lille, Marseille
• Institutions - Édition US: State DOTs, OSHA, EPA, FEMA · France: DREAL, collectivités territoriales, Inspection du travail
• Financement - Édition US: Bond measures · France: Plans de financement pluriannuels
• Vocabulaire - Édition US: RFIs, RTK accuracy · France: Demandes d'information (DI), précision RTK
• Juridique - Édition US: Droits de confidentialité des États américains · France: RGPD, CNIL, mentions légales
• Style - Édition US: Encre forêt, papier béton, orange géomètre ; Fraunces + Public Sans · France: Papier ivoire, bleu marine, rouge ; Jost + Inter, angles droits

Adaptation de marque

Le même Repère, avec un accent local

L'édition française mise sur l'élégance éditoriale : papier ivoire, encre presque noire, bleu marine pour l'interface et un rouge franc réservé aux actions. Jost donne aux titres une géométrie claire, Inter garde les données et formulaires sobres. Angles droits, beaucoup d'espace, contrastes conformes WCAG AA. Le logotype au réticule de géomètre reste inchangé.

Accueil et parcours clés

L'accueil s'ouvre sur des infrastructures françaises et la promesse de Span pour les maîtres d'ouvrage publics. Les chiffres clés et les études de cas passent à l'A89, à Lille et à Marseille. Le sélecteur de région remplace lieux, prix et institutions depuis un seul fichier de configuration, sans quitter le design system commun.

Conformité, accessibilité et confiance

• Politique de confidentialité conforme au RGPD, Repère SAS responsable du traitement, recours auprès de la CNIL ; bandeau cookies avec « Tout refuser » aussi visible que « Tout accepter ».
• Mentions légales avec RCS, capital social et numéro de TVA intracommunautaire.
• Conditions logicielles en euros, droit français ; aucune référence aux régulateurs américains.
• Conforme aux contrôles automatisés WCAG 2.2 AA sur chaque page en 360, 390, 768 et 1440 px : aucun défaut de contraste, aucun contrôle inaccessible, aucun défilement horizontal.
• Un sélecteur de langue construit à partir de hreflang figure dans l'en-tête sur ordinateur et dans le pied de page sur mobile.

Un système, douze marchés

Chaque texte visible tient dans un fichier par marché, chaque couleur et typographie dans un thème. Cette édition n'a demandé ni nouveau gabarit ni nouveau composant : des textes, un thème, des photos locales et des mentions légales en ont fait une expérience de marque à part entière. Pour une entreprise de civic tech qui s'internationalise, un nouveau marché devient un projet de contenu, pas une refonte.

Livrables

• Profil de marché : langue, formats, droit et saisonnalité
• Textes localisés pour 8 gabarits, en-tête, pied de page et formulaires
• Adaptation de marque : palette, typographies et mention du logo
• 37 photos régionales (Pexels, sources dans credits.json)
• Mentions légales et politique de confidentialité
• Accessibilité (WCAG 2.2 AA, contrôle automatisé) et recette sur quatre largeurs d'écran
• Médias portfolio : captures, pages complètes, vidéo de défilement, image OG, planche de marque