Missions
-
UX/UI Design
Ergonomie, expérience utilisateur et direction artistique -
Intégration
Intégration du design au CMS préexistant -
Développement
Développement front-end (carte interactive et recherche)
Contexte.
La Région Bretagne et l’association Point BZH ont souhaité retravailler le design de leur plateforme Produits-Locaux.bzh, mise en ligne au printemps 2020. L’agence Lumy a ainsi été sollicitée, à l’automne 2020, pour travailler sur une nouvelle approche ergonomique de la plateforme, en collaboration avec Yes We Dev, agence ayant développé la version initiale.
L’objectif principal de cette refonte vise à améliorer l’expérience utilisateur de ce site mettant en relation les consommateurs bretons avec des producteurs locaux, de manière à faciliter leur recherche et leur découverte.
Solutions.
Les solutions apportées par Lumy se sont basées en particulier sur un moteur de recherche avancé, une carte interactive géo-localisée regroupant également les résultats de recherche, la création d’une fiche dédiée par producteur, le tout avec une approche responsive « mobile-first », priorisant la navigation sur appareils mobiles et tablettes.
Ces travaux se sont déroulés en trois étapes : la recherche ergonomique et redéfinition des parcours utilisateurs (élaboration de wireframes et prototypes), la création d’une nouvelle interface graphique et enfin l’intégration du design au sein de la solution technique préexistante ainsi que le développement de la nouvelle carte dynamique.
Résultats.
La plateforme Produits-Locaux.bzh dispose désormais d’un design rafraîchit et d’une expérience utilisateur améliorée, tant en matière de recherche, désormais plus intuitive, qu’en matière d’interactivité grâce à la carte dynamique, mais également avec une version mobile plus ajustée et une mise en avant de nouveaux contenus tels que les articles de blogs, dont la lisibilité a été retravaillée.
Le projet.
Lancée par la Région Bretagne en avril 2020, lors du premier confinement lié à la pandémie de Covid-19, la plateforme Produits-Locaux.bzh a pour objectif de rapprocher les producteurs locaux des consommateurs bretons. Quelques mois après sa mise en ligne, ce sont déjà 1600 producteurs qui ont été mis en relation avec plus de 50 000 consommateurs. Ce site est opéré par l’association Point BZH, à qui nous devons notamment l'extension « .bzh » mais qui est également à l’origine d’autres projets de promotion de la Bretagne dans l’univers numérique : Emoji.bzh, annuaire Web.bzh, etc.
Une ergonomie intuitive
Le nouveau design se veut désormais plus proche des habitudes des utilisateurs, sur le modèle de grandes plateformes numériques, telles que Airbnb et Google Maps. Une telle plateforme se doit effectivement de ne pas déstabiliser la navigation et de respecter les normes acquises ces dernières années par le grand public, de manière à apporter une réponse efficace à leur recherche.
Une approche mobile-first
La priorité lors de la création de cette nouvelle version de Produits-Locaux.bzh a été mise sur l’expérience mobile. Bien au-delà d’un simple travail « responsive », cette approche « mobile-first » consiste à d’abord concevoir le design qui sera destiné aux appareils mobiles avant de l’adapter au écrans plus larges ensuite. Ce design mobile se rapproche ainsi des standards utilisés au sein des applications : « tap bar », moteur de recherche fixe, « modals » pour l’affichage des résultats et des fiches producteurs, etc.
