Skip to content

Crush

Four mocktails, one identity and a site where the can is not a photo: it is built in 3D and wears the real print-ready label files.

The Crush website shown on a laptop against a deep burgundy background

Crush is a range of four alcohol-free mocktails — Berry, Tropical, Green and Sunset. The job covered the whole chain: the identity, the four labels, and a single page whose only task is to make people want the product.

The can is computed, not photographed

Rather than shooting a packshot, the can is a lathe geometry rebuilt to the real dimensions of a 33 cl format, wearing the actual print files. It turns with the scroll, and switching flavour is a fill that rises inside the can — colour, halo and page background follow it.

Built to hold up everywhere

Without WebGL, or with reduced motion switched on, the 3D is never even downloaded: a CSS can takes over, wearing the same label, and the four flavours return to the normal flow of the document. The content is identical either way — the 3D never carries information on its own.

The visuals

Crush, image 2
Crush, image 3
Crush, image 4
Crush, image 5
Crush, image 6
Crush, image 7
Crush, image 8
Crush, image 9
Crush, image 10
Crush, image 11

Got a project in mind?

Write to us, send a WhatsApp or book 15 minutes on the phone. Reply within 48 hours, no commitment.