Amul 2.0 and Canon

Two brand redesigns that placed in India's top 100.

Live demo (opens in a new tab)Source on GitHub (opens in a new tab)
Amul 2.0 hero: a 3D milk carton set between the giant letters of AMUL on a deep blue background.

The problem

Round one asked for a modern digital presence for Amul, the dairy cooperative behind India's White Revolution, aimed at a younger audience. Round two asked the same of Canon, a brand built on precision imaging.

How it works

For Amul 2.0 we built an immersive site around a 3D milk carton in React Three Fiber, with motion from Framer Motion and a bold blue identity.

For Canon we leaned on oversized red typography and physical motion: Three.js scenes, Matter.js physics, GSAP and smooth scrolling, keeping the animation minimal enough to let the product lead.

Highlights

  • National top 100 in Reimagine Frontend
  • 3D product scenes in React Three Fiber
  • Physics-driven interactions with Matter.js

Screens

Canon redesign hero: oversized red letters spelling CANON with the line “delighting you always”.
Round two: Canon.