Etëm Design - Accueil

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.

    Domaine

    Secteur Public & Agriculture

    Année

    2024

    Services

    UX Research

    Design UX/UI

    Responsive Design

    Design System

    Accessibilité

  • Mockup de l'interface responsive de l'Annuaire de l'Agence Bio (desktop et mobile)
  • Le 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
  • La 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"
  • La 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 permette 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ésultats

    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

Ouvert aux projets

Votre projetn’est qu’à un clic

Discutons-en

Annuaire de l’Agence Bio

  • Logo de l'Annuaire Officiel de l'Agence Bio
  • Services

    UX Research

    Design UX/UI

    Responsive Design

    Design System

    Accessibilité

    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.

    Domaine

    Secteur Public & Agriculture

    Année

    2024

  • Mockup de l'interface responsive de l'Annuaire de l'Agence Bio (desktop et mobile)
  • Le 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
  • La 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"
  • La 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 permette 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ésultats

    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

Ouvert aux projets

Votre projetn’est qu’à un clic

Discutons-en

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.

    Domaine

    Secteur Public & Agriculture

    Année

    2024

    Services

    UX Research

    Design UX/UI

    Responsive Design

    Design System

    Accessibilité

  • Mockup de l'interface responsive de l'Annuaire de l'Agence Bio (desktop et mobile)
  • Le 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
  • La 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"
  • La 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 permette 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ésultats

    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

Ouvert aux projets

Votre projetn’est qu’à un clic

Discutons-en