Gaspipa
Concevoir application répondant à une problématique écologique.
On parle de la création d’une stratégie de communication pour à un problème écologique. Nous avons choisi de traiter le thème du gaspillage alimentaire en créant Gaspipa ! À travers différent supports, notre objectif était de sensibiliser le public à l’ampleur du gaspillage alimentaire.
Ce projet a été réalisé dans le cadre de notre formation en BUT MMI dans le cadre d’une SAE.
Le projet s’est déroulé au cours de notre deuxième année au premier semestre
Ce travail été un projet de groupe. Notre équipe était composée de 4 étudiants en deuxième année du BUT MMI.
Avec Gaspipa, nous avons créé un projet à la fois innovant et impactant. Il est aussi important pour moi, car c’est l’une de mes premières maquettes UX/UI design, qui m’a fait découvrir cet univers passionnant.
projets réalisés
Cartographier un écosystème
Le gaspillage alimentaire est aujourd’hui un enjeu mondial majeur. Selon la FAO, 1,3 milliard de tonnes de nourriture sont perdues ou jetées chaque année, soit un tiers de la production alimentaire mondiale. En France, cela représente environ 10 millions de tonnes par an. L’Europe, à elle seule, jette assez de nourriture pour nourrir un milliard de personnes, soit l’ensemble des individus souffrant de malnutrition dans le monde.
Les conséquences sont multiples :
Environnementales : contribution au changement climatique, à la déforestation, à la perte de biodiversité.
Économiques : pertes financières importantes pour les ménages, commerces et producteurs.
Sociales : incohérence entre abondance alimentaire et persistance de la faim dans le monde.
Vos valeur ?
Éduquer et sensibiliser
Favoriser la participation citoyenne
Créer un réseau d’acteurs engagés
Offrir des outils simples et gratuits pour agir
AC25.02 – Cartographier un écosystème (identification des acteurs, synthèse des propositions de valeur)
Co-concevoir un produit
En équipe de quatre, nous avons créé Gaspipa :
Une plateforme en ligne interactive et participative destinée à réduire le gaspillage alimentaire. Elle centralise des contenus pratiques et éducatifs accessibles au grand public, et encourage la co-création d’astuces et de recettes.
Fonctionnalités principales :
Recettes anti-gaspi : créations culinaires et astuces utilisant des restes ou des épluchures.
Réduction des emballages : partage de solutions zéro déchet et d’alternatives durables.
Conservation des aliments : conseils pour prolonger la durée de vie des produits.
Afin de sensibiliser et promouvoir notre application fictive, nous avons conçu ensemble un teaser avec des animations ainsi qu’un site vitrine.
AC22.01 – Co-concevoir un produit ou un service (proposition de valeur, fonctionnalités…)
graphisme
La mission consistait à concevoir une charte graphique pour le logo Gaspipa. L’objectif était de transmettre visuellement les valeurs de sensibilisation, d’éco-responsabilité et d’action citoyenne. La démarche impliquait de créer une identité visuelle distinctive capable de susciter l’intérêt du public. La charte devait être simple mais démontrer les éléments essentiels.
charte graphique
Malheureusement, bien que la charte graphique ait été élaborée avec soin, elle n’a pas été sélectionnée au sein du groupe. Nous avons sélectionné la charte graphique de Melissa Souaidia car elle reflète mieux nos valeurs, le design est plus moderne, et les couleurs plus impactantes avec ce sujet important.
L’investissement dans ce projet a été significatif tant en termes de temps que de créativité. La conception de la charte graphique a nécessité une recherche approfondie sur le gaspillage alimentaire, ses enjeux et ses solutions possibles. Cette tâches a été réalisée avec le groupe au complet. L’élaboration de la charte graphique fut un investissement personnel
AC23.03 – Créer et décliner une identité visuelle (charte graphique)
Réflexion UI
Avant de réaliser les maquettes, j’ai réfléchi à l’expérience utilisateur. Nous souhaitions une interface simple et claire, destinée à tout public.
Nous avons créé une user story afin de définir deux parcours utilisateurs. Par la suite, j’ai réalisé une arborescence pour organiser de façon claire les pages et les catégories.
Une fois l’arborescence réalisée, nous avons pu nous répartir le travail.
Prototype
La mission consistait à concevoir des maquettes sur Figma pour notre application qui propose des recettes visant à réduire le gaspillage alimentaire.
J’ai du réaliser une page qui devait présenter une recette de manière attrayante, avec des détails sur les ingrédients, les étapes de préparation et des suggestions pour utiliser des ingrédients courants.
La seconde page, reliée à la première, devait permettre aux utilisateurs de laisser des commentaires, pour favoriser une communauté autour de la lutte contre le gaspillage alimentaire. L’objectif était de créer une application conviviale et informative, encourageant les utilisateurs à adopter des pratiques alimentaires durables.
UI DESIGN : les résultats obtenus comprennent des maquettes esthétiquement, attrayantes, respectant la charte graphique pour les deux pages.
UX DESIGN : la page de recette offre une présentation claire des ingrédients, des astuces pour éviter le gaspillage, et une mise en page hiérarchisé pour les étapes de préparation.
Les visuels ont été soigneusement sélectionnés pour donner envie. La page “avis” propose une interface interactive simple d’utilisation permettant aux utilisateurs de laisser une note
Modélisation 3D
La mission consistait à créer une courte vidéo sur le sujet du gaspillage alimentaire avec des datas données. Cette video comporte des animations 3D crées sur Blender, trois éléments distincts : un tapis roulant, une belle carotte et une carotte moche. Puis j’ai monté la vidéo sur Premiere Pro, en donnant vie aux éléments grâce à des animations réalistes. La mission impliquait la modélisation 3D des objets, la création d’animations fluides et crédibles, puis l’assemblage de la vidéo finale pour transmettre le message visuel souhaité.
Les résultats obtenus comprennent des animations 3D réussies pour le tapis roulant, la belle carotte et la carotte moche. Chacun de ces éléments a été modélisé pour refléter une apparence réaliste. Les animations ont été créées de manière à donner l’impression que le tapis roulant est en mouvement, que la belle carotte est attirante, tandis que la carotte moche transmet une esthétique différente. Ces éléments ont ensuite été intégrés dans une vidéo montée sur Premiere Pro pour obtenir une des vidéos que l’on retrouvera sur notre site Gaspipa.
Réalisation d’éléments
Réalisation d’éléments (data données ) pour les maquettes et le site
- Carottes + balance “ Les industries engendrent 20% du gaspillage alimentaire”
Usine + Fumée“ Soit 1720 000 tonnes gaspillées”
Montage vidéo
J’ai du effectuer la rédaction du script, l’enregistrement de ma voix off et l’intégration des maquettes de l’application conçues sur Figma pour construire le contenu visuel de la vidéo.
Le résultat obtenu est une vidéo promotionnelle engageante et informative, mettant en lumière les caractéristiques uniques de notre application de recettes anti-gaspillage alimentaire. Le script, rédigé, a été livré avec une voix off captivante, présentant de manière claire les avantages de l’application. Les maquettes de l’application conçues sur Figma ont été intégrées de façon à illustrer de manière visuelle l’interface utilisateur, les fonctionnalités et l’expérience d’utilisation de l’application.
AC23.06 – Élaborer et produire des animations, des designs sonores, des effets spéciaux, de la visualisation de données ou de la 3D
WordPress
La mission consistait à concevoir le menu et le footer de site web Gaspipa, en utilisant la plateforme WordPress.
L’objectif était de créer des éléments visuels attrayants et fonctionnels pour faciliter la navigation des utilisateurs sur le site, tout en respectant la charte graphique. La mission impliquait la sélection judicieuse des éléments à inclure dans le menu, ainsi que la conception d’un footer informatif et engageant.
Les résultats obtenus comprennent un menu et un footer intégrés au site WordPress Gaspipa.
Le menu a été conçu de manière à offrir une navigation claire et intuitive, permettant aux utilisateurs de trouver facilement.
Le footer a été créé pour fournir des informations supplémentaires, telles que les mentions légales obligatoires et la politique de confidentialité.
L’investissement dans le site a nécessité plusieurs étapes, et un planning des tâches dans le groupe car le site se faisait en local.
La phase initiale impliquait une réflexion sur la structure du menu et du footer, prenant en compte la hiérarchie de l’information et les besoins des utilisateurs.
La création des éléments visuels a impliqué l’utilisation d’outils de conception adaptés à WordPress. L’intégration des menus et du footer dans WordPress a nécessité des compétences techniques tel que l’utilisation de plugins pour assurer la compatibilité et la fonctionnalité.
