Interactive 3D Soda Product Website Built with Blender and Three.js

Interactive 3D Soda Product Website Built with Blender and Three.jsInteractive 3D Soda Product Website Built with Blender and Three.js

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

SULEMAN SALLAH

• 1d

I didn’t put a photo of the can on the website. I made the can the website.

FERAL is a concept soda brand I designed and built from scratch. The can is a real 3D model I made in Blender. As you scroll, it flies through the story, turns to show its nutrition label, changes flavour and lands in the shop as the product you buy.

Drag it, spin it, pick a flavour. The whole page changes colour to match.

Built with Blender, three.js and GSAP. No templates, no stock 3D.

If your product deserves more than a photo on a white background, let’s talk. Booking December projects.

Blender GSAP Web Design 3D Design Motion Design

Dim Pixidimworld

• 1d

Ohhhhh wowwwww this is really beautiful 😍 nice work mate this is amazing

SULEMAN SALLAH

• 1d

thank you so much

acream

pro

• Oct 31

Make a cappuccino~

Adobe After Effects Motion Design Animation

Saeed Khan

• Nov 1

Great work

Muhammad Hashir Javed

• Oct 31

Which one feels more like a brand you’d buy from?

Web Design Framer Figma

4 voted

80%

1 voted

20%

5 votes

Closed

Rafee Alam

pro

• Nov 1

Loud and playful for me. The bold prints suit a small run tee brand better than a quiet layout would.

Nirooz Vp

• Oct 31

've reviewed 50+ startup websites, and I noticed a pattern. Their hero sections are often simple. They tell you who the product is for and what it does. While working on this redesign concept for

@Alloovium, I wanted to explore a different direction. Their original website already explained the product and its audience. But what if the hero also used visuals that reflected the world their customers work in? People often scan websites before deciding what to pay attention to. Relevant visuals can catch their attention and create a connection with the audience before they start reading. So I explored a few visual directions inspired by the construction industry. Building a startup? I'd love to help you explore a new direction for your website.

Web Design UI Design Figma