Design System
Unifying for efficiency.
Design System
Unifying for efficiency.
Inquiry Page
Client
Zigbang
Services
Design Team (3 people) / UX (50%), UI (40%)
Industries
Finance
Date
Feb 2022 - Feb 2023
The previous ZUIX 1.0 design system faced significant challenges due to its short development period and lack of consistency. Inflexible component structures became a major obstacle during design. To address these issues, ZUIX 2.0 was restructured with a strong focus on maximizing component reusability. This new system enables a more efficient design process and enhances overall brand consistency
The CJ The Unban app has approximately 40,000 users, with about 80% being men in their 40s to 60s.
Through an Amplitude-based analysis of the sign-up flow, we identified a 17% drop-off at the terms and conditions agreement step and a 12% drop-off during identity verification.
As a result, only 39.1% of users completed the final document submission to finish registration, indicating significant UX friction within the onboarding process.
We clearly diagnosed the issues of the existing ZUIX 1.0 system and proposed improvements with ZUIX 2.0. Key problems included inconsistent components, low efficiency and reusability, and restrictive properties. Based on this diagnosis, our ultimate goal was to 'maximize component reusability.' This became a core strategy for improving maintainability and design efficiency
The CJ The Unban app has approximately 40,000 users, with about 80% being men in their 40s to 60s.
Through an Amplitude-based analysis of the sign-up flow, we identified a 17% drop-off at the terms and conditions agreement step and a 12% drop-off during identity verification.
As a result, only 39.1% of users completed the final document submission to finish registration, indicating significant UX friction within the onboarding process.
To increase component reusability, we adopted the 'Atomic Design' concept. This allows for the creation of diverse designs by utilizing single components. By changing various variants in the left and center parts, a single component can flexibly implement multiple design forms. This approach significantly enhances the scalability and efficiency of the design system
The CJ The Unban app has approximately 40,000 users, with about 80% being men in their 40s to 60s.
Through an Amplitude-based analysis of the sign-up flow, we identified a 17% drop-off at the terms and conditions agreement step and a 12% drop-off during identity verification.
As a result, only 39.1% of users completed the final document submission to finish registration, indicating significant UX friction within the onboarding process.
An example demonstrating the versatility of a single component is 'List Basic.' This component can be used in various list formats, including lists with images, icons, and global navigation. Designing multiple lists with just one component is far more efficient than previous methods. This illustrates the significant advantages that reusable components bring to a design system
The CJ The Unban app has approximately 40,000 users, with about 80% being men in their 40s to 60s.
Through an Amplitude-based analysis of the sign-up flow, we identified a 17% drop-off at the terms and conditions agreement step and a 12% drop-off during identity verification.
As a result, only 39.1% of users completed the final document submission to finish registration, indicating significant UX friction within the onboarding process.
After migrating to ZUIX 2.0, we achieved a remarkable 80% increase in component usage. In ZUIX 1.0, components were used in only about 30% of page content, but with the new system, this number dramatically rose to 80%. Components are stacked in a Stack structure, allowing spacing adjustments as needed, which significantly contributes to improved design efficiency and consistency. This result proves the successful establishment and high reusability of ZUIX 2.0
The CJ The Unban app has approximately 40,000 users, with about 80% being men in their 40s to 60s.
Through an Amplitude-based analysis of the sign-up flow, we identified a 17% drop-off at the terms and conditions agreement step and a 12% drop-off during identity verification.
As a result, only 39.1% of users completed the final document submission to finish registration, indicating significant UX friction within the onboarding process.