Skip to content
One-page 3D websiteProject

Umberly Chocolate

A one-page website for a maker of dark chocolate. It follows one bar: beans tipped onto marble, chocolate worked with a palette knife and poured into the mould, the bar folded into gold foil. The pictures are stills and clips made for the page; the scroll turns the clips frame by frame.

A workshop and one bar

Four acts: the workshop in the morning, the cacao, the marble and the mould, and the bar in gold foil with one button.

Open the 3D site

ProjectThe site scrolls: the scene moves with the scroll.

  1. The page opens: the workshop in the morning, a marble table under the window
  2. Chocolate is poured into the mould, with a caption tied to the stream
  3. The whole line on a flood of gold: “Cacao, sugar, time.”
  4. The finale: the bar in gold foil with its paper band, two captions and one button

What we made

  • The way of one bar in seven short clips, cut into frames and turned by the scroll
  • The maker’s line “Cacao, sugar, time.” put together down the page: each flood adds a word
  • Gold and brown floods that grow out of the picture: the copper scoop, a cacao bean, the lamp
  • The picture as a tall column beside a word, then as a window in the dark — each opens to the whole screen
  • Captions tied to their things by a hairline that ends in a small square, like a square of the bar
  • A header whose steps are five squares of a bar, a footer made as the unfolded foil and paper band, a phone version

Next project

3D websites10 of 32

One-page 3D websiteProject

Zestmere Sparkling Water

Sparkling water in three flavours. Cans dive into a lake and come up again, and each flavour changes the hour over the water.

View project

Let’s talk

What do you need?

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