Skip to content
One-page 3D websiteProject

Brothmere Ramen

A one-page website for a ramen shop in a back alley. The page builds one bowl in order: the broth is ladled, the noodles are shaken dry, the egg is halved, and the bowl goes over the counter. Every picture is a frame of a clip made for the page, and the scroll turns them one by one.

An alley, a pot and a bowl

One story in four acts: the alley at night, the broth, the noodles and the egg, the bowl from above — and the counter with one button.

Open the 3D site

ProjectThe site scrolls: the scene moves with the scroll.

  1. The page opens: a wet alley at night and the lantern by the door
  2. A window in the lantern’s red: a ladle of broth runs back into the pot
  3. “Fast noodles.” runs sideways on the gold of the broth, over a window of steam
  4. The finale: the first noodles lifted at the counter, and one button

What we made

  • One bowl in seven clips made for the page: the alley, the pot, the broth, the noodles, the egg, the bowl, the first noodles on chopsticks
  • The red of the lantern floods the screen and becomes the page; the kitchen opens in a window in its margins
  • The line of the shop in two halves: “Slow broth.” rises on the red, “Fast noodles.” runs sideways on the gold of the broth
  • Six things of the bowl as six stills, then the bowl from above: six names ride past, each tied to its thing
  • The scroll turns the clips frame by frame, forwards and back; at rest the picture stands still
  • A typeface pair of its own, a footer made as the place kept for the next guest, a phone version

Next project

3D websites22 of 32

One-page 3D websiteProject

Brandfell Steakhouse

A steakhouse with an open fire. The three words of the house — fire, salt, time — ride by in turn, each on a colour of its own.

View project

Let’s talk

What do you need?

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