KallehPro We Are Hero – Gamified Campaign Landing

Kalleh Pro Launch Campaign: A Gamified Journey to Discover Your Parallel Champion Self
For the launch of ProMast, Kalleh Pro’s new dairy product, the "Hame Ghahremanim" campaign invited users into a playful, story-driven experience. The campaign’s concept suggested that in a parallel world, a version of you is living the life you could have chosen — and through a fun interactive quiz, users would discover their sport alter ego. This landing featured a gamified quiz asking lifestyle, interests, and physical traits questions, matching users to a fitting sport discipline. Results were presented through uniquely designed, animated SVG graphics. Over 14,000 participants joined the game. Every element, from complex animations to micro-interactions, was built entirely with pure SVG, CSS, and vanilla JS — delivering a flawless, high-performance interactive experience without any third-party libraries or video files.
Project Highlights
+14000
Game participants
98/100
Lighthouse performance score
100%
Pure code development

Our Expertise
- Gamified Campaign Development
- Custom UX & UI Design for Web Games
- Responsive Interactive Landing Pages
- Interactive quiz matching users to a sport
- Digital Campaign Strategy
- Integrated product info & purchase links
- Mobile-first, high-performance landing
- Fully customized SVG & CSS animations
Discover More
of Our Portfolio
- Client
- Abzarreza
- Date
- January 2025
- Client
- Mana Food Industry
- Date
- January 2025
- Website
- View website