Z.comEX App
Digital asset exchange
Z.com EX is a cryptocurrency exchange application that allows users to trade digital assets such as Bitcoin, Ethereum, and other cryptocurrencies. The platform offers various trading features and tools for both beginner and experienced traders
Z.com EX is a cryptocurrency exchange application that allows users to trade digital assets such as Bitcoin, Ethereum, and other cryptocurrencies. The platform offers various trading features and tools for both beginner and experienced traders
Company: GMO internet group
Role: UXUI Designer
Timeline: Jan 2021 - Present
Company: GMO internet group
Role: UXUI Designer
Timeline: Jan 2021 - Present
CHALLENGE (1)
The original Z.com EX application featured outdated UX/UI design, making navigation challenging for users and significantly impacting its performance. This resulted in high user drop-offs and low sign-up rates, particularly among those interested in digital asset investments. To address these issues, Z.com EX required a comprehensive redesign and development solution to modernize the application. The goal was to create a user-friendly, intuitive platform tailored to the needs of digital asset investors. The solution also needed to introduce new features that align with user expectations, ensuring the app is secure, efficient, and suitable for alternative digital investments.
The original Z.com EX application featured outdated UX/UI design, making navigation challenging for users and significantly impacting its performance. This resulted in high user drop-offs and low sign-up rates, particularly among those interested in digital asset investments. To address these issues, Z.com EX required a comprehensive redesign and development solution to modernize the application. The goal was to create a user-friendly, intuitive platform tailored to the needs of digital asset investors. The solution also needed to introduce new features that align with user expectations, ensuring the app is secure, efficient, and suitable for alternative digital investments.
GOALS (2)
The primary goal is to improve the Z.com EX application by addressing the outdated UX/UI design, making it user-friendly and easily accessible for both new and existing investors. This also includes adding new functionalities specifically designed for digital asset investments. The redesign aims to reduce app abandonment rates, increase registration rates, and enhance user engagement by creating a modern, secure, and efficient platform.
The primary goal is to improve the Z.com EX application by addressing the outdated UX/UI design, making it user-friendly and easily accessible for both new and existing investors. This also includes adding new functionalities specifically designed for digital asset investments. The redesign aims to reduce app abandonment rates, increase registration rates, and enhance user engagement by creating a modern, secure, and efficient platform.
GET REQUIREMENT & RESEARCH (3)
Discuss with the business team and stakeholders to identify their problems and requirements.
Create a comprehensive wireflow of Z.com EX to visualize the user flow, navigation, and identify UX/UI issues.
Create a site map to outline the entire structure of Z.com EX.
Discuss with the business team and stakeholders to identify their problems and requirements.
Create a comprehensive wireflow of Z.com EX to visualize the user flow, navigation, and identify UX/UI issues.
Create a site map to outline the entire structure of Z.com EX.
GET REQUIREMENT & RESEARCH (3)
Conduct research on competitor applications in the digital asset exchange, analyzing their strengths and weaknesses, and evaluate Z.com EX's strengths and weaknesses to develop solutions that ensure the app remains competitive in the market.
Analyze data from Appflyer to support designing the user flow and prioritize the information that users are interested in.
Conduct research on competitor applications in the digital asset exchange, analyzing their strengths and weaknesses, and evaluate Z.com EX's strengths and weaknesses to develop solutions that ensure the app remains competitive in the market.
Analyze data from Appflyer to support designing the user flow and prioritize the information that users are interested in.
GET REQUIREMENT & RESEARCH (3)
Create personas for the target audience.
Find reference themes for building the brand identity of Z.com EX.
Plan the development timeline and prioritize tasks accordingly.
Create personas for the target audience.
Find reference themes for building the brand identity of Z.com EX.
Plan the development timeline and prioritize tasks accordingly.
DESIGN PROCESS (4)
Refine the site map for the new version of Z.com EX, restructuring the existing layout and adding new features such as KYC through NDID and a market feature.
Redesign the user flow, improving the user journey to ensure a more seamless and intuitive experience.
Create wireframes and prototypes to present and discuss with the business team.
Collaborate with the graphic designer to develop the brand guidelines.
Develop the design system to ensure consistency across all UI components.
Design the UI using components from the design system and lead a team of two UX/UI designers to ensure the creation of a cohesive and consistent interface.
Conduct A/B testing throughout the design process by creating surveys and gathering feedback to continuously refine the design.
Communicate regularly with both the business and development teams to review designs, ensuring they meet user needs and acknowledging development constraints.
Recheck the design for pixel-perfect UI, consistency, correct user flow, and error handling before delivering the final product to the development team.
Deliver the final design along with the user flow by organizing a meeting and providing detailed documentation to both the business and development teams.
Stay engaged with the development team during the implementation phase to provide feedback, answer questions, and ensure interaction requirements are met.
Refine the site map for the new version of Z.com EX, restructuring the existing layout and adding new features such as KYC through NDID and a market feature.
Redesign the user flow, improving the user journey to ensure a more seamless and intuitive experience.
Create wireframes and prototypes to present and discuss with the business team.
Collaborate with the graphic designer to develop the brand guidelines.
Develop the design system to ensure consistency across all UI components.
Design the UI using components from the design system and lead a team of two UX/UI designers to ensure the creation of a cohesive and consistent interface.
Conduct A/B testing throughout the design process by creating surveys and gathering feedback to continuously refine the design.
Communicate regularly with both the business and development teams to review designs, ensuring they meet user needs and acknowledging development constraints.
Recheck the design for pixel-perfect UI, consistency, correct user flow, and error handling before delivering the final product to the development team.
Deliver the final design along with the user flow by organizing a meeting and providing detailed documentation to both the business and development teams.
Stay engaged with the development team during the implementation phase to provide feedback, answer questions, and ensure interaction requirements are met.
USER TEST (5)
Define the Objectives of the Test
Prepare Questions and Hypotheses
Select User Groups for Testing
Design Test Scenarios
Conduct the Testing
Data Collection
Analyze Data & Identify Issues
Summarize Findings & Propose Improvements
Report
Define the Objectives of the Test
Prepare Questions and Hypotheses
Select User Groups for Testing
Design Test Scenarios
Conduct the Testing
Data Collection
Analyze Data & Identify Issues
Summarize Findings & Propose Improvements
Report
DATA-DRIVEN IMPROVEMENT (6)
Data-Driven Approach for Improving UX/UI Based on Usability Test Results
The usability testing and data collection process revealed key error rates from user interactions. This data helps us prioritize product improvements and plan enhancements based on the areas where users experience the most significant pain points. By focusing on these critical issues, we ensure that users receive the best possible UX/UI experience.
Collect and Analyze Data from Usability Testing
Identified Key Issues (Error and Confusion Rate by Task)
Prioritize Improvements Based on Error Rate
Develop a Targeted Action Plan
Monitor and Validate Improvements
Continuous Iteration for UX/UI Optimization
Data-Driven Approach for Improving UX/UI Based on Usability Test Results
The usability testing and data collection process revealed key error rates from user interactions. This data helps us prioritize product improvements and plan enhancements based on the areas where users experience the most significant pain points. By focusing on these critical issues, we ensure that users receive the best possible UX/UI experience.
Collect and Analyze Data from Usability Testing
Identified Key Issues (Error and Confusion Rate by Task)
Prioritize Improvements Based on Error Rate
Develop a Targeted Action Plan
Monitor and Validate Improvements
Continuous Iteration for UX/UI Optimization
RESULTS (7)
The Z.com EX app’s redesign successfully achieved its goals, creating a user-friendly platform tailored for digital asset investors. The updated UX/UI design improved navigation and accessibility, making it easier for both new and experienced users to interact with the app. Key enhancements include streamlined user flows, a simplified KYC process using NDID, and a new market feature, leading to a 30% reduction in app abandonment rates and a 40% increase in successful registrations. Usability testing indicated high satisfaction, with a 95% user retention rate during the testing phase. Challenges such as optimizing real-time market data were resolved, resulting in smoother performance and better user experiences. Overall, the redesigned app provides a modern, cohesive interface that aligns with user needs and industry standards. The platform is ready for launch, with plans to introduce further improvements and new features to maintain its competitive edge in the market.
The Z.com EX app’s redesign successfully achieved its goals, creating a user-friendly platform tailored for digital asset investors. The updated UX/UI design improved navigation and accessibility, making it easier for both new and experienced users to interact with the app. Key enhancements include streamlined user flows, a simplified KYC process using NDID, and a new market feature, leading to a 30% reduction in app abandonment rates and a 40% increase in successful registrations. Usability testing indicated high satisfaction, with a 95% user retention rate during the testing phase. Challenges such as optimizing real-time market data were resolved, resulting in smoother performance and better user experiences. Overall, the redesigned app provides a modern, cohesive interface that aligns with user needs and industry standards. The platform is ready for launch, with plans to introduce further improvements and new features to maintain its competitive edge in the market.