Skip to content
One-page 3D websiteProject

Griddlemere Smash Burgers

A one-page website for a smash burger joint, told as the making of one burger: from the night street to the tray on the counter. The scroll turns clips made for the page frame by frame, with the words and the colour floods as live layers on top.

A night street and one burger

A story in four acts: the street, the smash, the griddle and the build. Between the acts a phrase runs across the page both ways.

Open the 3D site

ProjectThe site scrolls: the scene moves with the scroll.

  1. The page opens: the street at night and the lit window
  2. The phrase runs both ways on the red of the smash
  3. The dressed bun up close, with three callouts
  4. The finale: the burger on the counter and one button

What we made

  • One burger in eight scenes, from the night street to the tray on the counter
  • Clips made for the page, cut into frames and turned by the scroll: forwards on the way down, backwards on the way up
  • A hatch in the amber page: a wide low window that opens upwards as the press comes down
  • Floods that carry the story on: the amber of the window, the red of the smash, the black after the bun
  • Callouts tied to their things: beef, cheddar, toasted bun, house sauce, pickles, onion
  • A slab typeface of its own, a footer made as the printed wrap on a steel tray, a phone version

Next project

3D websites32 of 32

One-page 3D websiteProject

Latherby Handmade Soap

Handmade soap. One loaf from the oil to the lather, and one sentence that the page says piece by piece as it scrolls.

View project

Let’s talk

What do you need?

By sending the form, you agree to the privacy policy.