Ministère de la Transition Écologique

Portail de commande de la vignette

 :

Refondre le site officiel Crit’Air pour fluidifier la commande et contrer les sites parasites

Blog Main Image
Client

Ministère de la Transition Écologique

Secteur

Public

Client

Product management

Product design

User research

Technos

ZoneJS
Angular

Le contexte

Le projet a porté sur la refonte du site officiel de la vignette Crit’Air, dont l’expérience initiale générait de la confusion : navigation mobile perfectible, parcours de commande aride et détournement des usagers par des sites frauduleux plus engageants. L’objectif : repenser entièrement l’expérience pour simplifier la démarche, affirmer le caractère officiel et mettre l’accessibilité au cœur.

Les Fabricants sont intervenus aux côtés d’Urbilog (audits & reco accessibilité) et Norsys (tech), avec la DINUM en supervision et l’adoption précoce du Design System de l’État (DSFR). Le résultat attendu : un outil numérique public simple, compréhensible et fiable, qui protège les usagers et valorise la démarche Crit’Air.

Card Block ImageCard Block Image

Les enjeux

Côté usage, il faut rendre la commande fluide : guidance claire, étapes lisibles, mobile en premier, et prise en charge des cas France/Étranger et des flottes professionnelles. Côté impact public, il s’agit d’un enjeu de confiance : faire comprendre qu’il s’agit du service officiel, contrecarrer les sites parasites et garantir une accessibilité inclusive (conception et contenus) pour toutes et tous. Le changement de comportement visé : passer d’une navigation ardue et obsolète à un parcours maîtrisé, avec des contenus et micro-interactions qui orientent l’action, limitent les erreurs et rassurent. En bref, transformer un site d’information en outil métier public, utile au quotidien et respectueux des standards de l’État.

Notre accompagnement

Immersion & cadrage par la preuve

Nous avons mené des interviews utilisateurs, construit des Customer Journey Maps et animé des ateliers de conception pour objectiver les irritants et prioriser les étapes critiques (compréhension, saisie, paiement, confirmation). Ce travail a servi de base à la rédaction guidée et à la structuration des écrans, avec une attention particulière à la lisibilité et aux messages qui réduisent l’ambiguïté. L’approche a été evidence-based : hypothèses posées, prototypes rapides et tests utilisateurs réguliers, notamment avec des personnes éloignées du numérique, pour vérifier la compréhension à chaque étape.

Accessibilité & DSFR, dès le départ

Nous avons mené des interviews utilisateurs, construit des Customer Journey Maps et animé des ateliers de conception pour objectiver les irritants et prioriser les étapes critiques (compréhension, saisie, paiement, confirmation). Ce travail a servi de base à la rédaction guidée et à la structuration des écrans, avec une attention particulière à la lisibilité et aux messages qui réduisent l’ambiguïté. L’approche a été evidence-based : hypothèses posées, prototypes rapides et tests utilisateurs réguliers, notamment avec des personnes éloignées du numérique, pour vérifier la compréhension à chaque étape.

Parcours différenciés & espace pro

La démarche varie selon que le véhicule est immatriculé en France ou à l’étranger ; un espace professionnel permet, lui, de gérer des flottes de véhicules. Nous avons normalisé ces parcours : pré-requis explicites, étapes réduites, instructions claires et micro-contenus orientés vers l’action attendue. Les écrans ont été éprouvés en test pour s’assurer que chacun comprenne “quoi faire maintenant”, avec des points de contrôle (preuves, paiements, récap) qui rassurent et encadrent les cas particuliers. Finalité : un outil métier public qui s’adapte aux profils et contextes d’usage.

Delivery & design visuel

Nous avons créé les interfaces finales et des éléments graphiques conformes au DSFR, en optimisant l’expérience mobile-first et les performances perçues (chargements, transitions, focus). Les tests utilisateurs menés par Les Fabricants ont jalonné les itérations jusqu’au verrouillage des contenus et des écrans. En parallèle, Norsys a assuré une intégration propre et fidèle au design, tandis qu’Urbilog garantissait la qualité accessibilité. Au total, un outil numérique robuste, lisible et officiel — pensé pour durer et être compris sans assistance.

Card Block Image

Les résultats

Un portail Crit’Air entièrement repensé : parcours de commande simplifiés et différenciés (France / Étranger), espace pro pour les flottes. Le tout mobile-first, avec un positionnement clair sur le caractère officiel de la démarche.

Le service fait partie des premiers à intégrer le DSFR en beta lors de la conception, et obtient un taux de conformité accessibilité de 100 % au RGAA.

Les usagers comprennent mieux les étapes et finalisent plus sereinement leur demande, en particulier sur mobile ; les signaux d’officialité et la clarté des parcours dissuadent les sites parasites. Les retours terrain sont très positifs et confortent la valeur d’un service inclusif, conforme et cohérent avec les standards de l’État.

En bref : un outil numérique public qui protège les usagers et simplifie une formalité nationale, à haut niveau d’exigence.

Prêt à mettre votre projet en mouvement ?

Planifier un échange

Notre équipe d'experts est là pour vous aider.