Uncle Joe's Diner
Uncle Joe’s Diner est un projet imaginé comme un exercice créatif autour d’un brief fictif : concevoir l’interface d’un service de box mensuelle inspirée de la culture diner US vintage. Il s'agit ici du design Figma de la landing page, format desktop.
Objectif
Concevoir une interface immersive et engageante pour un service de box mensuelle inspiré des diners US dont le but est d’encourager naturellement l’abonnement à travers une expérience fluide, structurée et visuellement marquée.
Étapes
1. Benchmark visuel autour de l’univers des diners américains, menus vintage et box mensuelles existantes.
2. Définition de l’identité graphique: palette, typographies, style iconographique.
3. Conception des wireframes avec une hiérarchie pensée pour la conversion.
4. Design final avec un univers visuel immersif, structuration des composants et intégration dans Figma.
5. Préparation du fichier pour une future exploitation no-code ou développement.
Processus Créatif
1. Brief orienté conversion : dès le départ, le modèle d’abonnement était central. Chaque écran a été pensé pour guider l’utilisateur vers la souscription, avec une narration fluide, des bénéfices mis en avant, et un tunnel simplifié.
2. Veille inspirationnelle US vintage & food boxes : analyse de marques iconiques (des diners aux box mensuelles type SnackCrate) pour combiner impact visuel rétro et efficacité UX moderne. L’objectif : transmettre un imaginaire collectif fort tout en restant clair et engageant.
3. Design émotionnel & structuré : construction d’un univers visuel cohérent, chaleureux, presque cinématographique. Le style immersif renforce l’attachement à la marque sans nuire à la lisibilité. L’expérience est intuitive, accessible et incitative.
4. Prototypage Figma dynamique : le design a été pensé avec des auto-layouts, composants et styles globaux, permettant des scénarios d’abonnement variés. L’approche modulaire facilite l’évolution future du projet ou une intégration no-code rapide.
5. Optimisation de l’expérience d’abonnement : tests sur la hiérarchie visuelle, les textes d’aide et les CTA pour encourager l’action sans pression. Le tunnel guide l’utilisateur pas à pas, dans une atmosphère cohérente et rassurante.
Résultats
- Un design fort, immersif et engageant, qui capte immédiatement l’attention.
- Une page d’accueil structurée pour encourager la conversion dès le premier scroll.
- Un système de composants Figma réutilisables, facilitant une déclinaison multicanal ou responsive future.
- Un rendu final exploitable pour une landing ou un MVP commercialisable.
Conclusion
Uncle Joe’s Diner est une démonstration de ce qu’un design émotionnel et structuré peut apporter à une marque, même fictive : il ancre un imaginaire, stimule la projection utilisateur et oriente vers l’action. Un projet idéal pour illustrer une approche UI/UX complète, du branding à l’optimisation de l’engagement, dans un univers visuel affirmé.
Projets liés
Brûlerie des Monts
Webdesign, UI/UX, Wireframe, Design Figma
International Master Chefs
API, FlutterFlow, Firebase, Google Map, Emails, Notifications