Mighty AllStars Badge Campaign in Mighty Jaxx App
Mighty AllStars Badge Campaign in Mighty Jaxx App
Mighty AllStars is a sports brand under Mighty Jaxx that creates and designs collectibles inspired by various sports genres, including Basketball, Football, and Formula 1.
Mighty AllStars is a sports brand under Mighty Jaxx that creates and designs collectibles inspired by various sports genres, including Basketball, Football, and Formula 1.
The Challenge
How might we introduce a badge system into an established app in a way that feels native, engaging enough to drive participation yet intuitive enough to require limited onboarding?
How might we introduce a badge system into an established app in a way that feels native, engaging enough to drive participation yet intuitive enough to require limited onboarding?
The Approach
We mapped the existing app flow to identify moments where badges could be introduced contextually, without disrupting behaviours users had already internalised.
Early alignment with product and engineering on constraints and interaction parameters kept the design grounded. Throughout, we prioritised recognition over instruction, designing badges to communicate intent through familiar patterns.
This ensured the badge system was introduced in a way that felt intuitive, discoverable, and seamlessly embedded within existing user journeys.
We mapped the existing app flow to identify moments where badges could be introduced contextually, without disrupting behaviours users had already internalised.
Early alignment with product and engineering on constraints and interaction parameters kept the design grounded. Throughout, we prioritised recognition over instruction, designing badges to communicate intent through familiar patterns.
This ensured the badge system was introduced in a way that felt intuitive, discoverable, and seamlessly embedded within existing user journeys.
My Role
UX Strategy
UI Design
Prototyping
User Research & Journeys
Developer Handoff & QA
UX Strategy
UI Design
Prototyping
User Research & Journeys
Developer Handoff & QA
Research & Discovery
Research & Discovery
Exploring different approaches to integrating badges into the app, whether through an additional tab or a dedicated page tucked within a hidden section for users to discover.
Exploring different approaches to integrating badges into the app, whether through an additional tab or a dedicated page tucked within a hidden section for users to discover.
User Flow
User Flow
Mapping the user flow from discovering badges, completing the badge cycle, unlocking perks, and finally customising their vault.
Mapping the user flow from discovering badges, completing the badge cycle, unlocking perks, and finally customising their vault.
Design Explorations
Design Explorations
Layout exploration across key screens, badge progress, rewards popup, skins, and the customised vault.
Layout exploration across key screens, badge progress, rewards popup, skins, and the customised vault.
01
01
Vault & Badges
Vault & Badges
The vault page is a key feature of the Mighty Jaxx app, allowing users to scan and display their figures. To integrate the badge campaign, we've added a new page for easier access and navigation.
The vault page is a key feature of the Mighty Jaxx app, allowing users to scan and display their figures. To integrate the badge campaign, we've added a new page for easier access and navigation.
02
02
Badge Progress
Badge Progress
Users can view the requirements for badges and see the rewards they can earn. Some badges have a specific runtime, with a countdown timer showing the time remaining for the badge event.
Users can view the requirements for badges and see the rewards they can earn. Some badges have a specific runtime, with a countdown timer showing the time remaining for the badge event.
03
03
Unlocked Rewards
Unlocked Rewards
Users can see the rewards upon completing each badge's requirements. If they unlock multiple badges simultaneously, they will view all unlocked items in a carousel.
Users can see the rewards upon completing each badge's requirements. If they unlock multiple badges simultaneously, they will view all unlocked items in a carousel.
04
04
Skins Page
Skins Page
Users can access skins for shelves and backgrounds to customise their vault.
Users can access skins for shelves and backgrounds to customise their vault.
05
05
Customised Vault
Customised Vault
Users can customise their profiles with unlocked skins and shelves, allowing them to showcase their collections.
Users can customise their profiles with unlocked skins and shelves, allowing them to showcase their collections.
Final Designs
Final Designs
After rounds of exploration and user flow testing, we narrowed down to the final designs for the badges campaign.
After rounds of exploration and user flow testing, we narrowed down to the final designs for the badges campaign.
