Food Saving
Une nouvelle identité et un nouveau site pour une association munichoise de sauvetage alimentaire — pensés pour toucher la Gen Z sans perdre les seniors qui en dépendent.
Foodsaving & More e.V. sauve environ 35 tonnes de nourriture par semaine, mais son image ne reflétait pas son ambition de grandir. Avec Tanyel Altan, nous avons mené la recherche sur le terrain et créé une nouvelle identité — puis j’ai conçu et développé le nouveau site web.
- Rôle
- Recherche, identité & site web (développé seul)
- Équipe
- Tanyel Altan
- Contexte
- Change for Good — HM Munich, vrai client associatif
- Outils
- Figma, Vite, GSAP, Leaflet / OpenStreetMap, Vercel
Le brief
Trouver une petite association munichoise qui a besoin d’aide en design et l’impliquer activement dans le processus de changement. Nous avons choisi Foodsaving & More e.V., une association de bénévoles qui récupère les invendus alimentaires auprès d’entreprises et les redistribue gratuitement.
Recherche sur le terrain
Nous avons audité l’identité existante (logo, flyers, Instagram, Facebook), visité le point de distribution et observé qui venait réellement : d’un côté les bénévoles, de l’autre surtout des retraités venus chercher de la nourriture. L’association voulait deux choses à la fois — attirer la Gen Z comme nouveaux bénévoles, et se développer.
Nous avons comparé Too Good To Go, la Münchner Tafel, Olio, ResQ, SirPlus et d’autres sur deux cartes de positionnement. L’espace libre : une organisation sociale et non commerciale qui paraît malgré tout moderne et singulière.
Des attributs aux décisions
Plutôt que de partir d’un moodboard, nous avons traduit chaque attribut en règle de design — ouverte & multilingue → un langage simple et une typographie très lisible (Atkinson Hyperlegible) ; humaine & chaleureuse → de vraies photos de bénévoles et des couleurs chaudes.
L’identité
Le site que j’ai développé
- Six pages, dont une carte interactive de 43 vrais points de distribution, géocodés à partir de la liste de l’association.
- Accessible par défaut : fonctionne sans JavaScript, respecte le réglage « réduire les animations », liens d’évitement et styles de focus.
- Performance : un pipeline d’images a fait passer les assets de 167 Mo à 1,9 Mo.
- Boucle de feedback : une preview protégée par mot de passe pour que l’association et notre professeur puissent donner leur avis, suivie de plusieurs rounds d’itération et d’une branche de design alternative.
Ce que j’en retiens
Concevoir pour une vraie organisation, c’est concevoir pour son utilisateur le moins digital avec autant de sérieux que pour la cible qu’on veut conquérir. C’est la recherche sur le terrain — et non la recherche documentaire — qui nous a montré de qui il s’agissait.