Mighty Jaxx Website
Revamp Case Study
Mighty Jaxx Website
Revamp Case Study
Mighty Jaxx is a home of fandoms and all things collectibles, sculpting a wide range of high-quality phygital collectibles for every collector casual or dedicated.
With a mission to supercharge future culture globally, Mighty Jaxx work collaboratively with some of the world’s most iconic brands like Netflix, Disney, Hasbro and Toei Animation, to create unique experiences.
Mighty Jaxx is a home of fandoms and all things collectibles, sculpting a wide range of high-quality phygital collectibles for every collector casual or dedicated.
With a mission to supercharge future culture globally, Mighty Jaxx work collaboratively with some of the world’s most iconic brands like Netflix, Disney, Hasbro and Toei Animation, to create unique experiences.
The Challenge
How do we translate Mighty Jaxx's refreshed brand identity into a website that forges a genuine emotional connection with collectors, elevating visual storytelling while removing the friction standing between users and a confident purchase decision?
How do we translate Mighty Jaxx's refreshed brand identity into a website that forges a genuine emotional connection with collectors, elevating visual storytelling while removing the friction standing between users and a confident purchase decision?
The Approach
We audited the existing site against the refreshed brand identity, mapping the customer journey to surface key drop-off points using Hotjar analytics and behavioural data.
These insights shaped a redesign that balanced visual impact with functional clarity, ensuring the experience felt as compelling as the products themselves while giving users the confidence to complete their purchase.
We audited the existing site against the refreshed brand identity, mapping the customer journey to surface key drop-off points using Hotjar analytics and behavioural data.
These insights shaped a redesign that balanced visual impact with functional clarity, ensuring the experience felt as compelling as the products themselves while giving users the confidence to complete their purchase.
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 how leading brands make their products more desirable, while creating a seamless e-commerce experience that drives conversion, and telling a story that keeps collectors coming back.
Exploring how leading brands make their products more desirable, while creating a seamless e-commerce experience that drives conversion, and telling a story that keeps collectors coming back.
User Persona
User Persona
With many different customer segments purchasing our products, it was important to identify our user personas, understand their pain points, and address them through the user experience to increase confidence and drive purchases.
With many different customer segments purchasing our products, it was important to identify our user personas, understand their pain points, and address them through the user experience to increase confidence and drive purchases.
Name
Ken
Age
32
Occupation
Sales Manager
Behaviour
Discovers new toys through social media.
Makes impulse buys when frustrated at work.
Resells toys that have lost their appeal to make space for new ones.
Tends to forget about purchases and lose excitement if the wait time is too long.
Discovers new toys through social media.
Makes impulse buys when frustrated at work.
Resells toys that have lost their appeal to make space for new ones.
Tends to forget about purchases and lose excitement if the wait time is too long.
Discovers new toys through social media.
Makes impulse buys when frustrated at work.
Resells toys that have lost their appeal to make space for new ones.
Tends to forget about purchases and lose excitement if the wait time is too long.
Pain Points
Uncertain about the production status and expected delivery time of his toy.
Struggles to connect with the toy upon arrival due to loss of interest from a lengthy wait.
Limited space to display the toy.
Uncertain about the production status and expected delivery time of his toy.
Struggles to connect with the toy upon arrival due to loss of interest from a lengthy wait.
Limited space to display the toy.
Goals
Enhance user experience with captivating visuals and compelling stories.
Include close-up images to highlight craftsmanship and details.
Provide key information to reassure users that their wait will be worthwhile.
Enhance user experience with captivating visuals and compelling stories.
Include close-up images to highlight craftsmanship and details.
Provide key information to reassure users that their wait will be worthwhile.
Summary
Ken seeks feedback on toy updates to ensure that Mighty Jaxx is a reliable source for his purchases.
Detailed information, such as estimated shipping dates, edition numbers, and product sizes, is essential for Ken’s decision-making process.
Ken seeks feedback on toy updates to ensure that Mighty Jaxx is a reliable source for his purchases.
Detailed information, such as estimated shipping dates, edition numbers, and product sizes, is essential for Ken’s decision-making process.
Wireframes & Explorations
Wireframes & Explorations
A look into our exploration process, from early wireframes that mapped out structure and flow, through design iterations that pushed the visual direction, to A/B testing that helped us make informed decisions.
A look into our exploration process, from early wireframes that mapped out structure and flow, through design iterations that pushed the visual direction, to A/B testing that helped us make informed decisions.
01
01
Wireframes
Wireframes
Before jumping into design, we went back to the drawing board, mapping out the information needed across each page for a clearer, more intentional approach.
Before jumping into design, we went back to the drawing board, mapping out the information needed across each page for a clearer, more intentional approach.
02
02
Design Explorations
Design Explorations
Going through multiple rounds of design exploration to ensure we were heading in the right direction across all pages.
Going through multiple rounds of design exploration to ensure we were heading in the right direction across all pages.
03
03
A/B Testing
A/B Testing
Through multiple rounds of design exploration, we ran in-house A/B testing to validate and consolidate the strongest final designs.
Through multiple rounds of design exploration, we ran in-house A/B testing to validate and consolidate the strongest final designs.
Final Designs
Final Designs
The final designs bring together the new Mighty Jaxx identity, a more engaging content experience, and a streamlined purchase flow, all working together to move collectors from discovery to checkout.
The final designs bring together the new Mighty Jaxx identity, a more engaging content experience, and a streamlined purchase flow, all working together to move collectors from discovery to checkout.
Typeface
Typeface
Typeface
Rubik
Rubik
Rubik
Rubik is a humanist sans-serif typeface with a neutral tone and subtle calligraphic details. Its slightly rounded corners make it inviting and easy to read, seamlessly complementing the Mighty Jaxx rebrand.
Rubik is a humanist sans-serif typeface with a neutral tone and subtle calligraphic details. Its slightly rounded corners make it inviting and easy to read, seamlessly complementing the Mighty Jaxx rebrand.
Font-weight
Font-weight
Font-weight
Aa
Aa
Aa
Regular
Aa
Aa
Aa
Medium
Aa
Aa
Aa
SemiBold
Aa
Aa
Aa
Bold
Logo
Logo
Logo
Colour Specifications
Colour Specifications
Colour Specifications
#FEED1E
#2869FA
#F20909
#000000
#7C7C7C
#FFFFFF
#1C1C1C
#C4C4C4
#F7F7F7
#2F2F2F
#DBDBDB
#E2E2E2
Before & After
Before & After
Diving into the key pages to showcase the design improvements and visually compare the differences between the original and redesigned experiences.
Diving into the key pages to showcase the design improvements and visually compare the differences between the original and redesigned experiences.
User-Centric Homepage Design
Designed with consumers in mind, the new Mighty Jaxx homepage ensures customers stay informed about the latest products. Users no longer need to click through multiple carousel banners to find upcoming releases, they can easily set product reminders on the go without scrolling through the site.
In addition, users can view the latest content and recently sold products, all seamlessly integrated. The homepage also features a well-presented blog section and a carousel for promotional banners, allowing targeted marketing campaigns or product highlights.
Designed with consumers in mind, the new Mighty Jaxx homepage ensures customers stay informed about the latest products. Users no longer need to click through multiple carousel banners to find upcoming releases, they can easily set product reminders on the go without scrolling through the site.
In addition, users can view the latest content and recently sold products, all seamlessly integrated. The homepage also features a well-presented blog section and a carousel for promotional banners, allowing targeted marketing campaigns or product highlights.
Homepage
Before
Homepage
After
Navigation for Diverse Categories
To reach a broad audience, users can choose from suggested genres, brands, or categories that match their interests, eliminating the need to search for products manually.
To reach a broad audience, users can choose from suggested genres, brands, or categories that match their interests, eliminating the need to search for products manually.
Navigation
Before
Navigation
After
Improved Product Selection & Purchase Clarity
Mighty Jaxx offers a diverse range of products, including Art Toys, Blind Boxes, Window Boxes, and Lifestyle items, each with unique purchasing requirements. For example, Art Toys may offer full or deposit payment options, while Blind Boxes can be purchased individually or as a tray.
To make these options more visible and easier to understand, a toggle component was introduced in place of a dropdown, allowing users to compare pricing and purchase options at a glance. Product information was also streamlined, with the addition of close-up and character imagery to better showcase product details and encourage purchases.
Mighty Jaxx offers a diverse range of products, including Art Toys, Blind Boxes, Window Boxes, and Lifestyle items, each with unique purchasing requirements. For example, Art Toys may offer full or deposit payment options, while Blind Boxes can be purchased individually or as a tray.
To make these options more visible and easier to understand, a toggle component was introduced in place of a dropdown, allowing users to compare pricing and purchase options at a glance. Product information was also streamlined, with the addition of close-up and character imagery to better showcase product details and encourage purchases.
Product Detail Page
Before
Product Detail Page
After
Upgraded User Profile Dashboard
The dashboard has been refreshed to align with the new website style, featuring a clearer breakdown and status for each order. This update provides users with peace of mind, making it easy to check their order progress.
The dashboard has been refreshed to align with the new website style, featuring a clearer breakdown and status for each order. This update provides users with peace of mind, making it easy to check their order progress.
Dashboard
Before
Dashboard
After
