ENESParlons-en
← Toutes les réalisations

Bigger Burgers

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 je peux faire pour une marque de ce marché. La marque et les personnes sont fictives.

Visiter le site Restaurant · commande en ligneProjet concept
Services
Conception web, Commerce en ligne
Année
2026
Lieu
Concept
Plateforme
Astro · GSAP · Vercel
Bigger Burgers home page: Good food, messier mood

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.

Signature burgers on colour-blob cards
Des burgers qui ont du caractèreChaque 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.
Every layer, on purpose: an exploded burger with labelled layers
Chaque couche compteUne section fixe : au défilement, le burger se sépare couche par couche et un compteur nomme chaque ingrédient.
Burger + fries + drink = bigger combo section
La vente comboBurger, frites et boisson en une équation simple, avec le supplément affiché et un bouton qui compose le combo.
Started small, stacked high: the story section
Une histoire avec du culotUne courte histoire, avec l’humour de la marque, à côté d’une photo de la salle dans un cadre en papier.
Pick your monster: the menu and order page
Menu et commandeDes onglets fixes pour burgers, accompagnements, boissons et combos, avec une ligne « ouvert maintenant » en direct et un retrait en 20 minutes environ.
Item sheet with combo, add-ons and removals
Composez votre burgerTouchez un burger pour en faire un combo, ajoutez bacon ou œuf, retirez les oignons, et voyez le prix changer en direct.
Let’s get it bagged: the pickup checkout
Paiement pour le retraitPanier, 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.

Sur le téléphone

Parfait sur chaque téléphone

La plupart des visiteurs arrivent sur un téléphone : le site est donc conçu d’abord pour lui, rapide, lisible et à un pouce de la réservation ou de l’achat.

  • Bigger Burgers, Sur mobile

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.

Ordinateur
Téléphone

Ce qui bouge

  1. 01

    Explosion au survol

    Chaque burger s’écrase, se sépare en couches et lance des dessins, au survol ou au toucher.

  2. 02

    Un burger qui s’empile

    Un court préchargement où le pain, la galette et le fromage tombent en place.

  3. 03

    Commande à emporter

    Fiche produit avec extras, panier coulissant et paiement en quatre étapes avec heures de retrait.

  4. 04

    Pensé pour le téléphone

    Une barre fixe Commander, Appeler et Itinéraire, et des boutons à la taille du pouce.

Autres projets