Création de site de recettes véganes : allier design gourmand et performance web
Réinventer la cuisine digitale
Site Internet
I. Le Projet & Le Défi
Contexte :
Vegan Impact est une plateforme culinaire dédiée à la démocratisation de l'alimentation végétale. Le site regroupe des recettes variées, allant du quotidien aux plats de fête, avec un objectif clair : prouver que manger végan est un choix gourmand, coloré et engagé.
Défi :
Sortir de l'esthétique "austère" parfois associée au véganisme pour proposer une interface énergique et appétissante. L'enjeu était de structurer un grand volume de contenu (recettes, fiches nutritionnelles, astuces) tout en garantissant une navigation intuitive et rapide.
Objectifs :
Créer une bibliothèque de recettes visuelle et inspirante.
Faciliter la recherche par temps de préparation ou par type de plat.
Encourager le passage à l'action avec un design qui donne faim.
Mon rôle :
UX/UI design, webdesign, direction artistique.
Outils utilisés :
Figma, Adobe Photoshop, HTML, CSS, Javascript, PHP, MySQL
II. La Direction Stratégique et Conceptuelle
Concept clef :
La stratégie visuelle repose sur le dynamisme. L'idée est de montrer l'impact positif (pour la santé et la planète) à travers des couleurs saturées et une typographie chaleureuse. Le design évite les clichés trop "bruts" pour adopter un style moderne, proche des magazines de cuisine contemporains.
III. Conception du Site Internet
L'expérience utilisateur :
Le site est conçu autour d'une "Grille Gourmande". Chaque recette est présentée avec une photographie grand format. L'UX met l'accent sur le mode "cuisine" (lecture facilitée sur mobile pendant que l'on prépare le plat) et l'interactivité.
Justification des détails :
Filtres Intelligents : un système de tafs colorés permet d'identifier en un coup d'oeil les recettes par type.
Clarté Visuelle : utilisation d'icônes ludiques pour les étapes de préparation afin de réduire la charge cognitive.
IV. Le Système Visuel Complet
Palette de couleurs :
Une palette "vitaminée" qui rappelle la diversité des fruits et légumes :
Vert Chlorophylle : la base du projet. Il symbolise la nature, la fraîcheur et la croissance.
Jaune Orangé : apporte de la chaleur et évoque la gourmandise (le soleil, les épices).
Jaune Citron : utilisé pour les éléments de surbrillance et les détails, il apporte de la lumière et du peps.
Rouge Tomate : la couleur d'impact pour les alertes, les coeurs (favoris) et les boutons d'appel à l'action. Il stimule l'appétit.
Typographie :
Un trio typographique équilibré pour une lecture agréable :
Merriweather : une police serif très lisible avec une allure éditoriale. Elle apporte du sérieux et un aspect "livre de cuisine" traditionnel qui rassure sur la qualité des recettes.
Lato : une sans-serif élégante et stable qui structure parfaitement l'interface sans alourdir le design.
Nunito : ses formes arrondies la rendent extrêmement amicales et accessible. Elle est idéale pour les instructions car elle réduit la fatigue visuelle.
V. Conclusion & Impact
Vegan Impact réussit le pari de transformer la transition alimentaire en une expérience visuelle joyeux. Le site ne se contente pas d'informer, il inspire. Grpace à cette identité forte, la plateforme se démarque comme une référence moderne et inclusive dans l'univers du web culinaire.
Leçon apprise :
Ce projet m'a appris à hiérarchiser une grande quantité d'informations textuelles (ingrédients, intructions, notes) tout en laissant la part belle à l'image. J'ai aussi exploré comment les couleurs chaudes peuvent influencer positivement l'engagement de l'utilisateur sur un site de contenu.
