Annuaire de l’Agence Bio

Logo de l'Annuaire Officiel de l'Agence Bio

L'Annuaire Officiel de l'Agence Bio est l'outil national de référence permettant de consulter les données et certificats des opérateurs bio en France.

Services

Produit / App

UX Research

Domaine

Secteur Public & Agriculture

Année

Mockup de l'interface responsive de l'Annuaire de l'Agence Bio (desktop et mobile)
Challenge

L'enjeu consistait à refondre intégralement un outil vieillissant et lourd pour répondre à un trafic important de plus d'un million de recherches annuelles. Le système devait traiter une base de données complexe de près de 60 000 opérateurs certifiés. Le projet imposait le respect rigoureux des normes d'accessibilité (RGAA) et de la charte graphique de l'État français.

Comparatif Avant/Après : refonte globale de l'interface et de l'architecture de l'annuaire
Stratégie

Le développement a suivi une méthodologie agile (Scrum) ponctuée d'ateliers de co-création et de Design Thinking. Les phases d'UX Research ont cartographié les parcours critiques autour de la consultation de données denses. Les propositions ont été validées par tests utilisateurs avant intégration.

Présentation de l'UX de la barre de recherche avec la phrase "Organiser la recherche, retrouver l'information"
Solution

La hiérarchie de l'information a été totalement repensée pour faciliter la lecture des fiches opérateurs. La recherche, les résultats et la preview du résultat et d’une carte permettent de naviguer rapidement sans changer de page. L'interface utilise la typographie officielle « Marianne » ainsi que les composants du DSFR (Design System Français) pour garantir une cohérence visuelle sur tous les supports.

Interface responsive de la fiche d'un opérateur de l'annuaire, optimisée pour l'accessibilité et la lisibilité de l'information
Résultat

L'Annuaire Officiel dispose désormais d'une expérience utilisateur simplifiée et d'une image institutionnelle modernisée. La clarté de la structure de données permet une recherche plus efficace pour les professionnels et le grand public. Le produit final assure une conformité technique et esthétique aux standards de l'administration publique.

Diagramme explicatif de l'interface desktop avec la phrase "Une interface pensée pour ceux qui l'utilisent", montrant comme l'interface de recherche est découpée en 3 colonnes : la recherche, toujours accessible, les résultats, immédiatement visibles et la carte et preview de la fiche du résultat actif

Dans la même catégorie

Deux smartphones en vue rapprochée sur fond bleu tramé, affichant le compte Instagram Pleine Surface avec un post sur Mbappé et un flux de contenus variés

Pleine Surface

Pleine Surface est un média indépendant consacré à l’actualité sportive (culturelle et internationale), pensé pour publier et développer son audience sur les réseaux sociaux.

Présentation d'Etëm UI Design System avec les badges Tailwind CSS, 50+ Composants, Variables, Themes, Markdown, Responsive et WCAG, et un aperçu du composant Button

Etëm UI

Etëm UI est un design system Figma multi-client construit sur Tailwind CSS et shadcn/ui. Il regroupe plus de 50 composants atomiques, 1'200 variants et une documentation technique embarquée pour déployer des interfaces cohérentes et accessibles sur chaque projet.

Mockup du jeu SKR!B, design des cartes et packaging.

SKR!B

SKR!B est un jeu de cartes stratégique axé sur l'association de symboles et la gestion d'effets. L'objectif est de vider sa main en premier grâce à des mécaniques simples et hautement rejouables.

Contact

Une question ou une demande ? N'hésitez pas à me contacter, je vous répondrais dans les meilleurs délais.