Happy Drêche
Happy Drêche est une association lilloise créée en 2018. Elle lutte contre le gaspillage alimentaire de la drêche de brasserie. La drêche est collectée auprès de brasseurs artisanaux de la métropole et transformée pour composer des recettes gourmandes, saines et locales. Les produits proposés : snacking apéro, céréales, petit déjeuner, biscuits.
Le brief
Happy Drêche souhaitait s'ouvrir à la vente directe en ligne pour étendre
sa capacité de commercialisation. Une attente côté client, les canaux de
distribution existants étaient limités à une quinzaine de
partenaires-revendeur situés en région lilloise et des événements
brassicoles.
Cette évolution porte aussi sur l’amélioration de fonctionnalités développées
il y a 2 ans, comme la gestion des points de ventes et une mise à jour techniques
et contenus.
Architecture de l'information
Pour visualiser et échanger facilement sur les contenus et l'arborescence du site, nous avons utilisé la méthode OOUX. Elle permet d'identifier les contenus, de donner leurs caractéristiques d'objets (lien, type, etc.) et de les répartir dans des pages et des sections.
Maquettes
Évolutions
Design et accessibilité
Si le design établi il y a 2 ans n'avait pas vieilli, mon approche de
l'apparence des interfaces a changé. Les couleurs neutres on fait place à
des teintes plus chaudes et les ensembles des composants ont été revus. Le
site paraît singulier et ce n'est pas la seule évolution
structurelle.
Mes recherches sur le sujet de l'accessibilité numérique ont apporté de nombreuses
améliorations dans cette V2. Plus de problèmes de contraste, une bonne navigation
clavier et les éléments des pages ont des noms explicites.
Performance et référencement
Adepte de l'écoconception, le site d'Happy Drêche offre d'excellente web
Performance. Pour y parvenir la V2 s'est séparé d'une police d'icônes, des
formats d'images jpg et png (au profit du WebP et Svg), des éléments
embarqués comme le flux Instagram ou les vidéos YouTube.
Ce qui a été maintenu, c'est la stratégie d'un thème sur mesure avec peu de
dépendance et de code non utilisé, peu de scripts, l'usage limité de plugins
et un audit de vitesse des pages principales.
La rédaction des titres des pages et la création du blog ont pour objectif
l'acquisition de trafic. La version 1, s'arrêtait à la publication des URL
aux moteurs de recherche, le dernier comporte une stratégie de positionnement
aux intentions de recherche.
Amélioration de la gestion
Une des difficultés de l'ancien site fut la gestion des points de ventes. Elle était régie par un code en dur où il fallait chercher la ligne qui correspondait au point de vente pour le modifier. La dernière version possède une interface d'administration pour ces tâches régulières.