Food & Beverage
Mymochi Website UI Redesign
Led the redesign of MyMochi.com, a premier mochi brand website. The work focused on a warmer, more user-centered browsing experience and resulted in a 25% increase in average session duration alongside a 20% reduction in bounce rate.
Led the redesign of MyMochi.com, a premier mochi brand website. The work focused on a warmer, more user-centered browsing experience and resulted in a 25% increase in average session duration alongside a 20% reduction in bounce rate.
Industry
Industry
Food & Beverage
Food & Beverage
Food & Beverage
Project
Project
Web Redesign
Web Redesign
Web Redesign
My Role
My Role
UI/UX Designer
UI/UX Designer
UI/UX Designer
Timeline
Timeline
Feb 2024 - May 2024
Feb 2024 - May 2024
Feb 2024 -
May 2024
🗒️ Context
MyMochi is an online platform offering a diverse selection of mochi desserts. From traditional Japanese flavors to modern twists, explore and purchase delicious treats conveniently from your home.
⚠️ Challenge
The MyMochi website faces challenges related to its outdated design, complex navigation, and lack of mobile optimization. These issues hinder user engagement and satisfaction, impacting the overall effectiveness of the website.
🎯 Objective
Revamp the MyMochi website to create a visually captivating and user-centric platform. By addressing design, navigation, and mobile optimization challenges, aim to enhance user engagement and satisfaction while reflecting the brand's commitment to quality and innovation.
🗒️ Context
MyMochi is an online platform offering a diverse selection of mochi desserts. From traditional Japanese flavors to modern twists, explore and purchase delicious treats conveniently from your home.
⚠️ Challenge
The MyMochi website faces challenges related to its outdated design, complex navigation, and lack of mobile optimization. These issues hinder user engagement and satisfaction, impacting the overall effectiveness of the website.
🎯 Objective
Revamp the MyMochi website to create a visually captivating and user-centric platform. By addressing design, navigation, and mobile optimization challenges, aim to enhance user engagement and satisfaction while reflecting the brand's commitment to quality and innovation.
Results
Results
20%
Increase in average session duration
Increase in average session duration
25%
Reduction in bounce rate
Reduction in bounce rate
Tools Behind the Work
Tools Behind the Work
Design Process
Design Process
A simplified, user-centered approach followed to redesign the MyMochi website and create a more engaging and intuitive experience.
A simplified, user-centered approach followed to redesign the MyMochi website and create a more engaging and intuitive experience.
STEP 1
STEP 1
Discover
Discover
Discover
Evaluated the existing MyMochi website to identify usability issues, navigation pain points, and opportunities to improve the overall user experience.
Evaluated the existing MyMochi website to identify usability issues, navigation pain points, and opportunities to improve the overall user experience.
1. Outdated Visual Design
The interface lacked a modern, engaging aesthetic and did not effectively reflect MyMochi's vibrant brand identity.
2. Complex Navigation
The website structure made it difficult for users to quickly discover products, recipes, and store information.
1. Outdated Visual Design
The interface lacked a modern, engaging aesthetic and did not effectively reflect MyMochi's vibrant brand identity.
2. Complex Navigation
The website structure made it difficult for users to quickly discover products, recipes, and store information.
STEP 2
STEP 2
Plan
Plan
Plan
Created the Information Architecture and mapped task flows to simplify navigation and improve product discovery.
Created the Information Architecture and mapped task flows to simplify navigation and improve product discovery.
Sitemap
Sitemap
Task Flows
Task Flows
STEP 3
STEP 3
Design
Design
Design
Developed wireframes, visual designs, and a reusable design system aligned with MyMochi's brand.
Developed wireframes, visual designs, and a reusable design system aligned with MyMochi's brand.
Wireframes
Wireframes
Design System
Design System
Hi-Fi Designs
Hi-Fi Designs
Home Page
Home Page
Products
Products
Find Us In-Store
Find Us In-Store
This project reinforced the importance of thoughtful information architecture, visual hierarchy, and consistent design systems in creating intuitive user experiences. Future iterations would focus on usability testing, accessibility validation, and refining key user journeys based on real user feedback.