Zesty - donner faim en ligne
On mange d'abord avec les yeux. Pourtant, en ligne, la carte d'un restaurant se résume souvent à une liste de texte - ou à des photos fades. Zesty change ça : des plats modélisés en 3D et réalité augmentée, consultables d'un simple QR-code, qui donnent faim et valorisent l'identité de l'établissement.
J'ai co-fondé, conçu et codé ce projet de A à Z. Voici comment.
Le défi
Trois problèmes à résoudre en même temps :
- Rendre les plats désirables à l'écran - sans tomber dans la photo retouchée qui ment sur le produit.
- Construire une marque crédible de zéro - nom, identité, ton, positionnement.
- Transformer le curieux en client - un beau site ne suffit pas, il doit convertir.
Capter - la marque et la direction
Avant la moindre ligne de code, on a posé l'âme de Zesty : le miroir fidèle du chef. L'idée : une 3D si fidèle qu'elle inspire confiance - ce que vous voyez est exactement ce que vous mangerez. Fidélité = confiance = envie.
De là découle toute la direction artistique : une esthétique premium et appétissante, une interface qui met le plat au centre, et un ton qui parle autant au restaurateur qu'au client final.
Coder - la technique
La promesse « donner faim » repose sur la qualité d'exécution :
- Modèles 3D/AR fidèles en Three.js, consultables au QR-code, directement dans le navigateur - sans application à installer.
- Next.js en SSG/SSR pour un site rapide, propre à chaque restaurant.
- Supabase pour la donnée et la gestion des contenus.
- SEO multilingue pensé pour le référencement local des établissements.
L'enjeu : un rendu spectaculaire qui reste fluide, même sur mobile. C'est là que le fait de concevoir ET coder paie - aucune idée de design n'est lâchée en route faute de faisabilité technique.
Convertir - le funnel
Le site n'est pas une vitrine, c'est un entonnoir : hero qui accroche → le pourquoi → le comment en trois étapes → preuve sociale → FAQ → tarifs → contact. Chaque section répond à une objection et pousse vers l'action suivante. Le beau au service du clic qui compte.
Le résultat
Une marque complète et un système de menus 3D en ligne, du positionnement à la mise en production - le tout par une seule personne.
Ce que ce projet démontre :
- créer une identité de marque de zéro ;
- coder une fonctionnalité ambitieuse (la 3D/AR temps réel) et la rendre accessible au grand public ;
- articuler design et technique dans un funnel pensé pour convertir.
Voir le projet en ligne : zesty3d.com
Stack - Next.js · Three.js · Supabase · TailwindCSS · SEO
Une marque qui mérite mieux qu'une liste de texte ? Si vous voulez un site qui donne envie - et qui convertit - parlons-en. Réponse sous 12h, devis ferme après notre échange.