W / 040

Volcán Tequila - Bringing A Liquor Brand’s Story To Life

Information
Client
Volcan Tequila
Focus
Concept , Creative Direction , Design , Sound Design , Technical Strategy , Backend Development , Frontend Development
Categories
Awards
1 x Awwwards Site of the Day
1 x FWA of the day
1 x CCA - Bronze

Bringing Volcán brand’s story to life

For the launch of this new tequila brand, Volcan asked us to create an engaging digital story to explore the origins of every bottle.

Users can follow each step of the tequila distillation process, from volcanic fields of ripening agave plants to fermentation in wooden tanks. This digital story quickly establishes the Volcan Tequila brand’s rich look and feel, blending grit with corazón (‘heart’).

Go to website

Putting powerful photography set in the lowlands of Mexico at the centre of the site, we were able to create an evocative scrolling journey through the Volcan story. We also commissioned original sound and musical landscapes to bring visceral volcanic terrain to life.

The web audio API was used to atmospherically layer sounds on top of each other, and to filter and distort the sound in some places, evolving as the user scrolls from chapter to chapter. Wistful animations and playful digital interactions enhance the emotional experience as it progresses. 

The site uses WebGL techniques to subtly enhance imagery and text. This includes a displacement map for a faux 3D effect in the header images, as well as a liquid text effect using noise generators.

Moriz Büsing emoji Moriz Büsing Tech Director

Establishing this new brand online required us to both highlight and expand its visual identity. We also created some new typographical touches, stuck to a strict colour scheme, and crafted a crisp and clean set of bespoke cursors, indicators, and buttons especially for the site.

Design Leads
Thomas Lichtblau , Matthias Mentasti
Tech Leads
Thomas Ragger , Moriz Büsing
Project Managment
Melissa Graf
Development
Stefan Kernjak
Advertising Agency
Sid Lee
Music & Sound Design