STUDY CASE
Information Architecture of the Mirvish's website
Industry
Entertainment
Client
Mirvish
Year
2024
Role
UX/UI Designer
Overview
The Mirvish project aimed to enhance the information architecture of the Mirvish website to improve ticket sales. By analyzing the site's structure and user interactions, the project focused on optimizing navigation, labeling and content organization to create a more intuitive and user-friendly experience.
The Mirvish project aimed to enhance the information architecture of the Mirvish website to improve ticket sales. By analyzing the site's structure and user interactions, the project focused on optimizing navigation, labeling and content organization to create a more intuitive and user-friendly experience.
Problem
Our initial analysis revealed that users had difficulty finding essential information due to an unclear and overwhelming menu structure.
Our initial analysis revealed that users had difficulty finding essential information due to an unclear and overwhelming menu structure.
Methods
1
Card Sorting
See how users naturally categorize their content.
See how users naturally categorize their content.
2
Wireframes
Visualize the improved layout and refine the navigation flow.
Visualize the improved layout and refine the navigation flow.
3
Usability Tests
Put our approach in action and gather feedback to improve.
Put our approach in action and gather feedback to improve.
4
HI-FI prototypes
Allow for more insights before implementation.
Allow for more insights before implementation.
We used an open card sorting method, where participants were given labeled “cards” (“Upcoming Shows”, “Seasons Pass” “Theater” etc.) and asked to group them in a way that made sense to them.
Also, we made improvements to our wireframes based on the insights gathered and conducted usability testing to validate the changes.
We used an open card sorting method, where participants were given labeled “cards” (“Upcoming Shows”, “Seasons Pass” “Theater” etc.) and asked to group them in a way that made sense to them.
Also, we made improvements to our wireframes based on the insights gathered and conducted usability testing to validate the changes.
More visuable show's cards
Redesign in the
seating selecting map
New labels for Season Pass
More visuable show's cards
Redesign in
the seating
selecting map
New labels for Season Pass
A new dropdown menu was designed based in our cart sorting to make it easier for users to find specific content.
A new dropdown menu was designed based in our cart sorting to make it easier for users to find specific content.
Usability Testing
Quotes
Usability Testing
Quotes
“I just don't know the difference between Dress Circle, Orchestra or Balcony. They all seem like the stage is close.”
“I just don't know the difference between Dress Circle, Orchestra or Balcony. They all seem like the stage is close.”
“To be honest, I felt so confusing about what it was Last Minute Seats. Kinda of an important thing and it should be clear."
“To be honest, I felt so confusing about what it was Last Minute Seats. Kinda of an important thing and it should be clear."
“Honestly, I wouldn’t buy tickets for something without even seeing what specific dates I am booking. They would lose me here.”
“Honestly, I wouldn’t buy tickets for something without even seeing what specific dates I am booking. They would lose me here.”
After validating our wireframes and making adjustments based on user feedbacks, we developed a high-fidelity prototype to simulate the final look and feel of the redesigned Mirvish website.
This prototype included polished visual design elements such as branding, typography, color schemes, imagery and interactive components.
After validating our wireframes and making adjustments based on user feedbacks, we developed a high-fidelity prototype to simulate the final look and feel of the redesigned Mirvish website.
This prototype included polished visual design elements such as branding, typography, color schemes, imagery and interactive components.
