7up.nl

Brand experience

Iconic heritage as a brand differentiator for the digital age

Challenge

Design a 7up brand experience for the web that is partially expected heritage, but also surprisingly new and very refreshing.

Outcome

A dazzling new brand website that fizzes with surprising animations & playful interactions, taking visitors on a quest through heritage, storytelling and product information.

Impact

We created a fullblown animated website, combining photography, graphics and animations to pop and fizz just a like 7UP

Award-winning
experience

Strategy

At its core this site combines a premium productportfolio with the graphic heritage of the 7UP brand. Building on the refreshing nature of the product, we show off all products in photorealism and combine them with graphic animations in style of iconic heritage packaging and advertising. To top it off, we added an innovative yet easy way to navigate. Now that's refreshing!

Creative

We wanted the website to pop and fizz just a like 7UP. That meant going wild with animations. Each page has its own themed transition: unique set of animations made on the heritage of 7UP. Click around, you won't find the same animation twice.

Inside the separate pages we also placed animations that make you tingle with joy. From bubbles to bursts, it's all there. We created a fullblown animated website, combining photography, graphics and animations. Each page has its own themed transition: a unique set of animations made on the heritage of 7UP.

Technology

The production involves a lineup of custom items: the seamless transition were done using CSS3 and body movin' animations, we designed a distinctive soundtrack, a never ending scroll and a sidebar navigation with liquid behaviour. If that doesn't make you thirsty for more, nothing will.

The platform is built on top of a Sitefinity API and showcases beautiful page transitions with SVG elements.

System Integrations

Integrated with Sitefinity REST API.

Tech partners

Paul Jitta
Business Developer

Want to know more about this project?

Contact Paul