The Design Process
Data Analysis
Data analysis to find out the cause and the behaviour when user purchasing motorcycle in momotor.id.
Usability Testing
To gather usability issue when User doing the purchasing motorcycle in momotor.id
In-depth interview
in-depth interview to know the reason behind the person doing the cancellation when purchasing motorcyle in every step during purchasing
Ideation
We conduct collaborative brainstorming sessions with each team to gather as many insights as possible, aiming to effectively address the aforementioned issues.
Design
I create lo-fi design wireframes, which will serve as the foundation for the upcoming 'concept test' conducted by my colleague Devin, who is a UX researcher for momotor.id. After several rounds of concept testing, I will then progress to the hi-fi design phase.
Validation
Conducting design validation involves organizing another round of usability testing and evaluating the usability of the design using the System Usability Scale. This iterative process can be utilized for further design refinements
Iteration
Momotor.id old design
After conducting the research, the key takeaways reveal several issues with momotor.id:
Difficult navigation: Users find it challenging to navigate through the website.
Impractical process: The excessive amount of form filling makes the user experience inconvenient.
Poor website performance: The website's speed and responsiveness are subpar.
Unconvincing design: Users do not perceive momotor.id as a part of Adira Finance, leading to a lack of trust and confidence in the platform.
Lack of mobile-friendliness: The website is not adequately optimized for mobile devices.
To address these concerns and enhance user satisfaction, improvements should be made in these areas.
As part of the player team, our UI/UX team conducted an ideation session to brainstorm the best solutions for addressing the issue. I developed multiple innovative concepts and prototypes to undergo concept testing with the redesigned interface
What we found?
Documentation
Homepage
Catalog
Submit Order
Product Detail Mobile
Product Detail
Homepage Mobile
The Result
From the previously found issue, I emphasize the design to improve the clarity of sections for used motorcycles, new motorcycles, and trade-in programs. Additionally, users can now easily search for motorcycles with advanced search options, find the cheapest installment and down payment plans, explore popular brands, discover trending models, and access flash deal offers. A more user-friendly experience for all!
Furthermore, I have introduced a dedicated page for motorcycle brands (which was not present in the previous design) to streamline navigation and categorization of motorcycles on momotor.id. Additionally, I enhanced the catalog section to enable users to apply multiple filters (previously limited to one value per field in the old design). These improvements aim to provide a more efficient and user-friendly experience for visitors on the website
Added Adira Finance's value proposition, made lowest installments estimate "sticky" for easy monthly cost calculation, and created a dedicated credit simulation section, eliminating the need to navigate to a separate page and manually input data, reducing the risk of getting lost for users.
Based on research, users were surprised by the lengthy and crowded credit application form. To improve it, I emphasized dividing the form into relevant sections and reducing unnecessary fields after discussions with the business owner's team. To determine the best approach, we conducted A/B testing with two designs. The latest option showed a lower drop rate, confirming its effectiveness.
I also added a tracking dashboard to monitor the motorcycle application process by users, which was not present in the old design. This enhancement provides valuable insights and improves overall user management
After undergoing 6 design iterations, the latest design finally obtained a System Usability Scale (SUS) score of 83, signifying a substantial improvement in usability compared to the previous versions, which scored below 60
momotor.id is a platform designed for purchasing motorcycles online from Adira Finance company. As a UI/UX Designer, my responsibility is to carry out a revamp of their website to enhance its usability and, hopefully, boost sales on momotor.id
Why we need a revamp?
The company is disappointed with the sales performance of motorcycles through momotor.id, as it falls far below expectations. They even consider the design of momotor.id to be unappealing and difficult to use. To address these concerns,we tried to validate Adira Finance's assumptions
Momotor.id
momotor.id is a platform designed for purchasing motorcycles online from Adira Finance company. As a UI/UX Designer, my responsibility is to carry out a revamp of their website to enhance its usability and, hopefully, boost sales on momotor.id
Why we need a revamp?
The company is disappointed with the sales performance of motorcycles through momotor.id, as it falls far below expectations. They even consider the design of momotor.id to be unappealing and difficult to use. To address these concerns,we tried to validate Adira Finance's assumptions
The Design Process
Data Analysis
Data analysis to find out the cause and the behaviour when user purchasing motorcycle in momotor.id.
Usability Testing
To gather usability issue when User doing the purchasing motorcycle in momotor.id
In-depth interview
in-depth interview to know the reason behind the person doing the cancellation when purchasing motorcyle in every step during purchasing
Ideation
We conduct collaborative brainstorming sessions with each team to gather as many insights as possible, aiming to effectively address the aforementioned issues.
Design
I create lo-fi design wireframes, which will serve as the foundation for the upcoming 'concept test' conducted by my colleague Devin, who is a UX researcher for momotor.id. After several rounds of concept testing, I will then progress to the hi-fi design phase.
Validation
Conducting design validation involves organizing another round of usability testing and evaluating the usability of the design using the System Usability Scale. This iterative process can be utilized for further design refinements
Momotor.id old design
Homepage
Catalog
Product Detail
Homepage Mobile
Submit Order
Product Detail Mobile
What we found?
After conducting the research, the key takeaways reveal several issues with momotor.id:
Difficult navigation: Users find it challenging to navigate through the website.
Impractical process: The excessive amount of form filling makes the user experience inconvenient.
Poor website performance: The website's speed and responsiveness are subpar.
Unconvincing design: Users do not perceive momotor.id as a part of Adira Finance, leading to a lack of trust and confidence in the platform.
Lack of mobile-friendliness: The website is not adequately optimized for mobile devices.
To address these concerns and enhance user satisfaction, improvements should be made in these areas.
As part of the player team, our UI/UX team conducted an ideation session to brainstorm the best solutions for addressing the issue. I developed multiple innovative concepts and prototypes to undergo concept testing with the redesigned interface
Documentation
The Result
After undergoing 6 design iterations, the latest design finally obtained a System Usability Scale (SUS) score of 83, signifying a substantial improvement in usability compared to the previous versions, which scored below 60
From the previously found issue, I emphasize the design to improve the clarity of sections for used motorcycles, new motorcycles, and trade-in programs. Additionally, users can now easily search for motorcycles with advanced search options, find the cheapest installment and down payment plans, explore popular brands, discover trending models, and access flash deal offers. A more user-friendly experience for all!
Furthermore, I have introduced a dedicated page for motorcycle brands (which was not present in the previous design) to streamline navigation and categorization of motorcycles on momotor.id. Additionally, I enhanced the catalog section to enable users to apply multiple filters (previously limited to one value per field in the old design). These improvements aim to provide a more efficient and user-friendly experience for visitors on the website
Added Adira Finance's value proposition, made lowest installments estimate "sticky" for easy monthly cost calculation, and created a dedicated credit simulation section, eliminating the need to navigate to a separate page and manually input data, reducing the risk of getting lost for users.
Based on research, users were surprised by the lengthy and crowded credit application form. To improve it, I emphasized dividing the form into relevant sections and reducing unnecessary fields after discussions with the business owner's team. To determine the best approach, we conducted A/B testing with two designs. The latest option showed a lower drop rate, confirming its effectiveness.
I also added a tracking dashboard to monitor the motorcycle application process by users, which was not present in the old design. This enhancement provides valuable insights and improves overall user management