Digital Wallet
Led the design of a digital wallet for PAI Coin, focusing on usability, trust, and visual clarity. After launch, I refined the design to enhance the transaction experience and resolve visual inconsistencies.
Role
Product UI Designer
Year
2019
Company
Oben
Role
Product UI Designer
Year
2019
Company
Oben












Background
The team launched an MVP digital wallet for PAI Coin in just a few weeks, enabling secure cryptocurrency transactions. The goal was to create a streamlined and trustworthy experience, making it easy for individuals to integrate PAI Coin into their daily activities.
Background
The team launched an MVP digital wallet for PAI Coin in just a few weeks, enabling secure cryptocurrency transactions. The goal was to create a streamlined and trustworthy experience, making it easy for individuals to integrate PAI Coin into their daily activities.
Background
The team launched an MVP digital wallet for PAI Coin in just a few weeks, enabling secure cryptocurrency transactions. The goal was to create a streamlined and trustworthy experience, making it easy for individuals to integrate PAI Coin into their daily activities.
Background
The team launched an MVP digital wallet for PAI Coin in just a few weeks, enabling secure cryptocurrency transactions. The goal was to create a streamlined and trustworthy experience, making it easy for individuals to integrate PAI Coin into their daily activities.




Challenge
The fast-paced MVP launch meant little time for visual refinement, leading to inconsistencies in typography, color, and component patterns. These issues impacted usability—particularly when a lack of clear visual hierarchy caused users to overlook critical transaction details.
Challenge
The fast-paced MVP launch meant little time for visual refinement, leading to inconsistencies in typography, color, and component patterns. These issues impacted usability—particularly when a lack of clear visual hierarchy caused users to overlook critical transaction details.
Challenge
The fast-paced MVP launch meant little time for visual refinement, leading to inconsistencies in typography, color, and component patterns. These issues impacted usability—particularly when a lack of clear visual hierarchy caused users to overlook critical transaction details.
Challenge
The fast-paced MVP launch meant little time for visual refinement, leading to inconsistencies in typography, color, and component patterns. These issues impacted usability—particularly when a lack of clear visual hierarchy caused users to overlook critical transaction details.
Our Approach
To address these challenges, I conducted a design audit to identify inconsistencies in typography, color, and component patterns. Working closely with the team, we refined the visual system—not just for aesthetics, but to improve usability, accessibility, and scalability.
Our Approach
To address these challenges, I conducted a design audit to identify inconsistencies in typography, color, and component patterns. Working closely with the team, we refined the visual system—not just for aesthetics, but to improve usability, accessibility, and scalability.
Our Approach
To address these challenges, I conducted a design audit to identify inconsistencies in typography, color, and component patterns. Working closely with the team, we refined the visual system—not just for aesthetics, but to improve usability, accessibility, and scalability.
Our Approach
To address these challenges, I conducted a design audit to identify inconsistencies in typography, color, and component patterns. Working closely with the team, we refined the visual system—not just for aesthetics, but to improve usability, accessibility, and scalability.















Enhancing the Transaction Experience
With the updated visual system, we improved the transaction flow by emphasizing key details such as fees and confirmation messages. Adjustments in typography hierarchy and color contrast made these elements more noticeable, strengthening usability and reinforcing trust in the transaction process.
Enhancing the Transaction Experience
With the updated visual system, we improved the transaction flow by emphasizing key details such as fees and confirmation messages. Adjustments in typography hierarchy and color contrast made these elements more noticeable, strengthening usability and reinforcing trust in the transaction process.
Enhancing the Transaction Experience
With the updated visual system, we improved the transaction flow by emphasizing key details such as fees and confirmation messages. Adjustments in typography hierarchy and color contrast made these elements more noticeable, strengthening usability and reinforcing trust in the transaction process.
Enhancing the Transaction Experience
With the updated visual system, we improved the transaction flow by emphasizing key details such as fees and confirmation messages. Adjustments in typography hierarchy and color contrast made these elements more noticeable, strengthening usability and reinforcing trust in the transaction process.










Building Reusable Components and Patterns
While a full-scale design system wasn’t necessary, we needed a structured approach to maintain consistency.
Building Reusable Components and Patterns
While a full-scale design system wasn’t necessary, we needed a structured approach to maintain consistency.
Building Reusable Components and Patterns
While a full-scale design system wasn’t necessary, we needed a structured approach to maintain consistency.
Building Reusable Components and Patterns
While a full-scale design system wasn’t necessary, we needed a structured approach to maintain consistency.








Collaborating with engineering, I developed a concise but comprehensive visual system with reusable components and patterns. This ensured alignment with accessibility standards, such as proper color contrast, while maintaining a polished, on-brand aesthetic.
Collaborating with engineering, I developed a concise but comprehensive visual system with reusable components and patterns. This ensured alignment with accessibility standards, such as proper color contrast, while maintaining a polished, on-brand aesthetic.
Collaborating with engineering, I developed a concise but comprehensive visual system with reusable components and patterns. This ensured alignment with accessibility standards, such as proper color contrast, while maintaining a polished, on-brand aesthetic.
Collaborating with engineering, I developed a concise but comprehensive visual system with reusable components and patterns. This ensured alignment with accessibility standards, such as proper color contrast, while maintaining a polished, on-brand aesthetic.












Streamlining Development & Creative Exploration
With the refined system in place, the team worked more efficiently, accelerating development timelines.
By leveraging reusable components and a consistent visual style, we delivered multiple projects—such as a mini wallet and coin-related integrations—within just a few weeks.
Streamlining Development & Creative Exploration
With the refined system in place, the team worked more efficiently, accelerating development timelines.
By leveraging reusable components and a consistent visual style, we delivered multiple projects—such as a mini wallet and coin-related integrations—within just a few weeks.
Streamlining Development & Creative Exploration
With the refined system in place, the team worked more efficiently, accelerating development timelines.
By leveraging reusable components and a consistent visual style, we delivered multiple projects—such as a mini wallet and coin-related integrations—within just a few weeks.
Streamlining Development & Creative Exploration
With the refined system in place, the team worked more efficiently, accelerating development timelines.
By leveraging reusable components and a consistent visual style, we delivered multiple projects—such as a mini wallet and coin-related integrations—within just a few weeks.




At the same time, the system gave us room to explore. We prototyped and tested new features, including multi-crypto wallets and a newsfeed, making it easier to experiment and bring ideas to life quickly.
At the same time, the system gave us room to explore. We prototyped and tested new features, including multi-crypto wallets and a newsfeed, making it easier to experiment and bring ideas to life quickly.
At the same time, the system gave us room to explore. We prototyped and tested new features, including multi-crypto wallets and a newsfeed, making it easier to experiment and bring ideas to life quickly.
At the same time, the system gave us room to explore. We prototyped and tested new features, including multi-crypto wallets and a newsfeed, making it easier to experiment and bring ideas to life quickly.












Reflection
This project demonstrated the value of a well-structured design system, even on a tight timeline. By creating a scalable system, we not only improved the wallet’s visual consistency but also enhanced core usability—especially in the transaction experience, a critical part of the product. The refined system also streamlined collaboration across design and engineering, making it easier to scale and adapt future products while ensuring accessibility and a cohesive user experience.
Reflection
This project demonstrated the value of a well-structured design system, even on a tight timeline. By creating a scalable system, we not only improved the wallet’s visual consistency but also enhanced core usability—especially in the transaction experience, a critical part of the product. The refined system also streamlined collaboration across design and engineering, making it easier to scale and adapt future products while ensuring accessibility and a cohesive user experience.
Reflection
This project demonstrated the value of a well-structured design system, even on a tight timeline. By creating a scalable system, we not only improved the wallet’s visual consistency but also enhanced core usability—especially in the transaction experience, a critical part of the product. The refined system also streamlined collaboration across design and engineering, making it easier to scale and adapt future products while ensuring accessibility and a cohesive user experience.
Reflection
This project demonstrated the value of a well-structured design system, even on a tight timeline. By creating a scalable system, we not only improved the wallet’s visual consistency but also enhanced core usability—especially in the transaction experience, a critical part of the product. The refined system also streamlined collaboration across design and engineering, making it easier to scale and adapt future products while ensuring accessibility and a cohesive user experience.