Striker by MPL App Design 2022
Mobile Premier League (MPL) is one of India’s largest esports and gaming platforms, valued at $2.5 billion and serving over 85 million users across the globe. Among its flagship offerings is Striker — a next-gen NTF collectible sports card game redefining fan engagement in the digital space. PROJECT DONE AT PULAKB DESIGN.
ROLE
UI Designer
PROJECT LEAD
Pulak Bhatnagar
DESIGN TEAM
Pulak Bhatnagar, Aishwarya Bindana
SECTOR
E-Sports
OVERVIEW
Striker allows users to collect, trade, and own digital cards representing real-life athletes from live sports events like cricket and football. Much like fantasy sports, the cards' value fluctuates based on actual player performance—merging the thrill of gameplay with real-world sports action.
DESIGNING THE VISUAL CORE OF STRIKER FROM THE GROUND UP
From defining the visual language and card aesthetics to building a robust, scalable design system—our focus was to make the interface feel premium, collectible, and immersive across every touchpoint.
Our UI-led overhaul shaped Striker’s user experience into one that felt premium, intuitive, and emotionally engaging.
→A scalable design system ready for product expansion (new sports, NFT layer, marketplace).
→Increased session retention and user satisfaction during early betas.
→Positive feedback from the MPL team on clarity, polish, and long-term usability.
VISUAL LANGUAGE & SCALABLE DESIGN SYSTEM
We defined a bold, collectible-inspired visual language that became the foundation for the entire app — balancing energy, clarity, and a premium sports aesthetic. This translated into a robust, reusable design system and component library, complete with UI tokens, typography, spacing rules, and over 80+ modular components. Built for scalability, the system ensured design consistency and faster implementation across new features and product extensions.
LOGIN, SIGN UP & ONBOARDING SCREENS
Streamlined account creation via email or mobile number, followed by a fast-track KYC flow using PAN and Aadhaar. Designed for clarity and speed, the flow includes comprehensive coverage of edge cases, error handling, and alternate states to ensure a seamless first-time user experience.
PRE-MATCH SCREENS
After landing on the home screen, users enter a pre-match flow where they can explore players and purchase card packs for trading during the match.
IN-MATCH SCREENS
As the match goes live, trading opens up—allowing users to buy, sell, and strategize in real time. Users can view all the trades happening in real time, bid on cards they like or sell cards on the marketplace.
IN-MATCH SCREENS
Even post-match, the trading experience continues, letting users build and refine their collections.
CRAFTING SCREENS
Once users accumulate enough TradeCoins, they can craft custom cards of varying rarity levels for a player of their choice — by strategically combining multiple cards from their collection.
FANTASY MATCH SCREENS
In addition to trading and crafting, users can build their own fantasy teams and compete against others. Winning matchups rewards them with additional TradeCoins, adding a competitive, strategy-driven layer to the overall gameplay.
PROFILE AND WALLET SCREENS
Users can track their entire activity — including active trades, crafted cards, and fantasy performance — all in one place. The wallet supports multiple recharge options, enabling seamless top-ups to continue trading and crafting without interruptions.
