FRESLet’s talk
← All work

Bigger Burgers

A loud, graphic ordering site for a smash-burger spot: every burger is a character that bursts into its layers, and pickup orders go from menu to confirmation in four steps.

A concept build made to show what I can do for a brand in this market. The brand and people are fictional.

Visit site Restaurant · online orderingConcept build
Services
Web Design, eCommerce
Year
2026
Location
Concept
Platform
Astro · GSAP · Vercel
Bigger Burgers home page: Good food, messier mood

The challenge

Burger places all look alike online: a dark photo, a PDF menu and a phone number. A pickup spot needs a site that feels like the brand and turns hunger into an order in under a minute.

The approach

We designed the site like the packaging: kraft paper, colour blobs, brush lettering and a crown on everything. The motion is springy instead of slow and luxurious: burgers squash and explode on hover, the background changes colour as you scroll, and the order flow stays short and readable on a phone.

Signature burgers on colour-blob cards
Burgers with characterEvery burger sits on its own colour blob. Hover or tap and it squashes, springs apart into its layers and throws hand-drawn doodles around.
Every layer, on purpose: an exploded burger with labelled layers
Every layer, on purposeA pinned section: as you scroll, the burger comes apart one layer at a time and a counter labels each ingredient.
Burger + fries + drink = bigger combo section
The combo upsellBurger, fries and a drink as one simple equation, with the extra price up front and a button that builds the combo.
Started small, stacked high: the story section
A story with attitudeA short, cheeky story in the voice of the brand, next to a photo of the room in a paper frame.
Pick your monster: the menu and order page
Menu and orderingSticky tabs for burgers, sides, drinks and combos, with a live "open now" line and pickup ready in about 20 minutes.
Item sheet with combo, add-ons and removals
Build your burgerTap a burger to make it a combo, pile on extras like bacon or a fried egg, hold the onions, and see the price update as you go.
Let’s get it bagged: the pickup checkout
Pickup checkoutBag, pickup time, details and a confirmation with an order number, in four short steps. Payment connects to Stripe, Square or Wix for a real restaurant.

On the phone

Perfect on every phone

Most visitors arrive on a phone, so the site is designed there first: fast to load, easy to read and one thumb away from booking or buying.

  • Bigger Burgers, On the phone

The live build

See it in motion

Screen recordings of the real site, unedited: scrolling, animations and page transitions exactly as a visitor sees them.

Desktop
Phone

What moves

  1. 01

    Explode on hover

    Each burger squashes, springs into its layers and throws doodles, on hover or tap.

  2. 02

    Burger that stacks itself

    A short preloader where the bun, patty and cheese drop into place.

  3. 03

    Order for pickup

    Item sheet with add-ons, cart drawer and a four-step checkout with pickup times.

  4. 04

    Built for the phone

    A sticky bar with Order, Call and Directions, and tap targets sized for thumbs.

More projects