01 / 07
Des burgers qui ont du caractère
Chaque burger a sa tache de couleur. Au survol ou au toucher, il s’écrase, se sépare en couches et lance des dessins faits main.
Bigger Burgers
- Année
- 2026
- Lieu
- Concept
- Plateforme
- Astro · GSAP · Vercel
- Services
- Conception web, Commerce en ligne
Un site de commande graphique et bruyant pour un comptoir de smash burgers : chaque burger est un personnage qui éclate en couches, et la commande à emporter va du menu à la confirmation en quatre étapes.
Un projet concept créé pour montrer ce que nous pouvons faire pour une marque de ce marché. La marque et les personnes sont fictives.
Le défi
Les restaurants de burgers se ressemblent tous en ligne : une photo sombre, un menu PDF et un numéro de téléphone. Un comptoir à emporter a besoin d’un site qui ressemble à la marque et transforme la faim en commande en moins d’une minute.
L’approche
Nous avons conçu le site comme l’emballage : papier kraft, taches de couleur, lettrage au pinceau et une couronne partout. Les animations sont rebondissantes plutôt que lentes et luxueuses : les burgers s’écrasent et explosent au survol, le fond change de couleur au défilement, et la commande reste courte et lisible sur téléphone.
02 / 07
Chaque couche compte
Une section fixe : au défilement, le burger se sépare couche par couche et un compteur nomme chaque ingrédient.
03 / 07
La vente combo
Burger, frites et boisson en une équation simple, avec le supplément affiché et un bouton qui compose le combo.
04 / 07
Une histoire avec du culot
Une courte histoire, avec l’humour de la marque, à côté d’une photo de la salle dans un cadre en papier.
05 / 07
Menu et commande
Des onglets fixes pour burgers, accompagnements, boissons et combos, avec une ligne « ouvert maintenant » en direct et un retrait en 20 minutes environ.
06 / 07
Composez votre burger
Touchez un burger pour en faire un combo, ajoutez bacon ou œuf, retirez les oignons, et voyez le prix changer en direct.
07 / 07
Paiement pour le retrait
Panier, heure de retrait, coordonnées et confirmation avec numéro de commande, en quatre courtes étapes. Le paiement se branche sur Stripe, Square ou Wix pour un vrai restaurant.
Le site en ligne
Voir le site en mouvement
Des captures d’écran du vrai site, sans montage : le défilement, les animations et les transitions tels qu’un visiteur les voit.
Ce qui bouge
- 01
Explosion au survol
Chaque burger s’écrase, se sépare en couches et lance des dessins, au survol ou au toucher.
- 02
Un burger qui s’empile
Un court préchargement où le pain, la galette et le fromage tombent en place.
- 03
Commande à emporter
Fiche produit avec extras, panier coulissant et paiement en quatre étapes avec heures de retrait.
- 04
Pensé pour le téléphone
Une barre fixe Commander, Appeler et Itinéraire, et des boutons à la taille du pouce.
