Designing an Apple-inspired cinematic brand experience for India's Goli Soda revolution.

Kaalaiyan isn't just a beverage brand — it's a cultural movement. The company that modernized Goli Soda and took it mainstream needed a website that told that story with the weight and craft it deserved. The client's brief was clear: they wanted Apple-level aesthetics. What we built was a chapter-by-chapter cinematic experience that feels less like a product website and more like a brand film you scroll through.

Kaalaiyan had a genuinely extraordinary brand story, rooted in Tamil Nadu's cultural identity, born out of the Jallikattu protest movement, and built on real engineering innovations that disrupted an entire industry. But none of that story was being communicated online. The website needed to do more than list products. It needed to make visitors feel the brand before they ever saw a price point.

The design challenge was to match the emotional weight of that story with a visual language clean and controlled enough to feel premium, not loud, not cluttered, but commanding.

Solo Designer & Framer Developer at Tape Cassette. I was responsible for the full creative and visual direction of the website, from structuring and sequencing the brand story to typography treatment, motion design, and the final Framer build. The client came with a vision; I translated it into a functioning, live website.

Apple-Inspired Visual Direction — The client wanted the precision and restraint of Apple's product storytelling: dark backgrounds, large editorial type, breathtaking product photography, and a sense that every pixel had intention. I adopted that philosophy entirely: minimal UI, maximum impact, the product as the hero at every scroll point.

Chapter-Based Narrative Structure — Rather than building a conventional website with a nav and sections, I structured the entire site as a 6-chapter scrollable story, from "The Revolution in a Bottle" through to "The Birth of an Empire." Each chapter has its own visual mood and pacing, guiding the visitor through Kaalaiyan's history like a brand documentary. This was directly inspired by how Apple uses long-scroll pages to build emotional investment before a call to action.

Motion as Storytelling — Scroll-driven animations are woven throughout, so the story literally unfolds as the user moves down the page. Videos, cinematic stills, and animated text all work together to create a rhythm that feels editorial, not transactional.

Typography as a Design Element — Oversized, all-caps headlines are treated as visual blocks, not just copy. The typographic scale and spacing carry the drama of the brand's story even before the words are read.

A live, production-grade website that the client described as exactly what they envisioned. Kaalaiyan now has a digital presence that matches the ambition of a brand that disrupted an entire industry — a cinematic, scroll-driven experience that communicates culture, innovation, and pride in equal measure, built entirely in Framer.