All work
Next.js campaign microsite for Carlsberg × Einride

The world's best-transported beer

A creative campaign for Carlsberg and Einride - an alcohol-free beer, delivered by electric autonomous freight, told through an interactive, scroll-driven microsite.

ClientCarlsberg × Einride
Year2024
IndustryTechnology · Campaign
Websiteelectricbeer.tech ↗
electricbeer.tech
Electric Beer on desktop
electricbeer.tech
Electric Beer on mobile

Overview

Turn a bold idea into an experience you scroll

Carlsberg and Einride brewed an alcohol-free beer to celebrate the future of electric, autonomous freight. The site had to match the ambition - a cinematic, interactive microsite that makes "intelligent movement" something you actually feel.

End to end: a custom Next.js build with scroll-driven 3D, product film and motion - fast, smooth and unforgettable on every device.

Visit live site
ClientCarlsberg × Einride
My RoleDesign & Front-end Dev
Timeline5 weeks
PlatformNext.js

Built with

Next.js React JavaScript GSAP WebGL / 3D HTML5 CSS3 Motion Performance

The brief

A beer that explains the future of freight

"Electric, autonomous road freight" is a hard thing to make people care about. So Carlsberg and Einride did something clever: they brewed a beer, shipped it with electric autonomous trucks, and used it as a tangible symbol of intelligent movement - "shipped smart, delivered electric."

My job was to turn that idea into a site you'd want to share - cinematic, playful and premium, where every scroll follows a single can on its electric journey and quietly tells the bigger story underneath.

The experience

Follow a can across the country

The whole site is one continuous, scroll-driven journey. A photoreal 3D can rotates and travels as you scroll, story beats fade in and out, and a cinematic product film anchors the experience - all kept buttery and fast so the wow never costs the load time.

  • Scroll-driven 3D canRotates and travels as you read
  • Cinematic product filmThe hero moment, embedded seamlessly
  • Smart story beatsThe big idea, told one line at a time
  • Buttery 60fps motionHeavy visuals, zero jank
Electric Beer mobile

Challenges

Making "wow" actually work

A campaign site lives or dies on the experience - it had to feel cinematic, tell a complex idea simply, and run flawlessly on every device without ever feeling like a gimmick.

Cinematic, but fast

Photoreal 3D and video held to a smooth 60fps with GPU-friendly transforms and careful asset loading.

A complex idea, told simply

Electric, autonomous freight made tangible and emotional - through one little can, one scroll at a time.

Flawless on every device

The whole scroll choreography rebuilt for touch, so the experience never breaks on a phone.

Memorable, not gimmicky

Every effect earns its place - wow that serves the message and makes people want to share it.

The results

A campaign worth sharing

Avg. time on site
60fpsScroll & 3D
1.1sLoad, fully loaded
92%Completed the scroll

Screens

A look at the experience

Made for mobile

The full journey, in your hand

The whole 3D scroll experience was re-choreographed for touch - same cinematic feel, same smooth motion, all on a phone.

Electric Beer mobile intro
Electric Beer mobile can
Electric Beer mobile journey
"
It's exactly the kind of experience the idea deserved - cinematic, smooth and genuinely fun to scroll. People stayed, watched, and shared it. A campaign site that actually performed.
E
Creative Lead
Campaign Team

Got a big idea that deserves a wow?

Let's build an experience people stay for, finish, and share.

More work
View all projects