Redesigning Coca-Cola's Website for the Holidays with Framer

Redesigning Coca-Cola's Website for the Holidays with FramerRedesigning Coca-Cola's Website for the Holidays with Framer

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Arnaud ✨

pro

• Mar 31

What if one of the world's most iconic brands got a festive digital makeover?

I took on a personal challenge: redesigning the Coca-Cola website for the holiday season — built entirely on Framer.

🥤 The hero of the experience? As you scroll, a Coca-Cola can smoothly rotates on itself — a simple interaction that instantly pulls you into the Christmas mood.

📸 Beyond the animation, I wanted to tell a story. I integrated family photos from different eras — different decades, different generations, but always the same Coca-Cola on the table. Because this drink isn't just iconic, it's timeless. It's been part of our most cherished moments for decades.

The concept writes itself: some traditions never fade.

Framer webdesign 3d 3D Animation Web Design DaVinci Resolve Figma Framer Website Design

Emre Aktaş

pro

• Mar 28

Motion I designed for the hero section and animated using Jitter🎉

Motion Design UI Design Web Design Jitter Figma Framer

Subrata Roy

• Mar 30

Great work.

Tim de Winter

max

• Mar 28

Shipped this website for a start-up event company in 2 weeks. A new website resulted in selling tickets easier, making more profit for their events. That's why we build sites!

Completed work

Web Design shareyourwork Framer website

Akin Gundogan

• Mar 28

Branding's "lemony yellow-green" certainly is a great match with the energetic vibe of events/rave, and dark UI has that cool "night out" vibe, great design overall!

Anna Gudvin · Heed Collective

pro

• Mar 28

What if minimalism isn’t less — but more intentional?

This is COCO — a finished packaging system built on restraint. Clean hierarchy, deliberate typography, purposeful whitespace,reduced elements.

But the key shift is here: → material becomes the design. → The aluminum isn’t just a container it defines the color, the light, the presence.

A few intentional decisions: 1. Removing everything that didn’t carry meaning 2. letting hierarchy guide instead of decorate 3. treating material as the primary visual layer

For me, minimalism is not less design — it’s more attention to every detail.