A story of great triumphs

Question
How do you reposition an “events company” most widely known for their marathons as a cultural force that shaped the landscape of Indian sport?
Answer
By representing its legacy into an immersive, story-led digital experience that captures their scale and defies convention.
In Procam’s 37-year legacy of revolutionising the face of multiple sports in India, every step has been nothing short of a milestone, sparking a movement in every arena. They have played a pivotal role in elevating India’s fitness culture and mass participation movement, through landmark events like the Tata Mumbai Marathon, while also promoting tennis, cricket, rugby, squash, football and more, nurturing athletes across varied sports.
Despite their comprehensive journey, Procam was perceived as an “events” company, largely known for organising marathons versus a revolutionary force in Indian sports. Our challenge was to capture and represent their legacy comprehensively, in a way that fits their personality. We started with a thorough brand strategy that identified their persona as that of an “outlaw”. We translated this into the website, mapping every significant milestone in an engaging, seamless and coherent way.
To achieve this, we deviated from the norm and reimagined the information architecture, allowing the website to unfold like a story. We made the experience seamless through fast and optimised micro interactions, creating a high-impact, immersive website, in its language and appeal.
A new digital home for India’s sporting pioneer
Compelling storytelling through Scrollmagic and Parallax effects for key events, highlighted with text animation for improved interaction and engagement.
The built-in support of Next.js which enabled automatic resizing and responsive image loading, ensuring fast load times and efficient use of bandwidth.
A fast and reliable UX by using Netlify to deliver content quickly and efficiently from servers located around the world to reduce latency.
Immersive, impactful, and interactive scrollytelling
Movements, not events






Related case studies
Like our work? Give us a little ting.










