Arcana Wallet

Arcana Wallet

Arcana Wallet

A browser wallet widget for quick transactions!

A browser wallet widget for quick transactions!

A browser wallet widget for quick transactions!

the Problem
the Problem
the Problem

The design, dominated by 60% distraction and only 40% functionality, hindered seamless transactions and frustrated users.

The design, dominated by 60% distraction and only 40% functionality, hindered seamless transactions and frustrated users.

The design, dominated by 60% distraction and only 40% functionality, hindered seamless transactions and frustrated users.

The design creats a visual distraction within the browser, making it feel out of place and hindering users' ability to complete transactions smoothly. Despite standing out, the widget lacked the fluidity needed for a seamless extension experience.

The design creats a visual distraction within the browser, making it feel out of place and hindering users' ability to complete transactions smoothly. Despite standing out, the widget lacked the fluidity needed for a seamless extension experience.

The design creats a visual distraction within the browser, making it feel out of place and hindering users' ability to complete transactions smoothly. Despite standing out, the widget lacked the fluidity needed for a seamless extension experience.

The design creats a visual distraction within the browser, making it feel out of place and hindering users' ability to complete transactions smoothly. Despite standing out, the widget lacked the fluidity needed for a seamless extension experience.

Research
Research
Research

Researched interfaces to understand user behaviour on desktops

Researched interfaces to understand user behaviour on desktops

Researched interfaces to understand user behaviour on desktops

I conducted competitive research on various product interfaces, such as the Grammarly, Metamask and Rainbow Wallet. This comprehensive study provided valuable insights into users' interactions and preferences.

I conducted competitive research on various product interfaces, such as the Grammarly, Metamask and Rainbow Wallet. This comprehensive study provided valuable insights into users' interactions and preferences.

I conducted competitive research on various product interfaces, such as the Grammarly, Metamask and Rainbow Wallet. This comprehensive study provided valuable insights into users' interactions and preferences.

I conducted competitive research on various product interfaces, such as the Grammarly, Metamask and Rainbow Wallet. This comprehensive study provided valuable insights into users' interactions and preferences.

FIndings

Analyzing the users interactions with the wallet widget

Analyzing the users interactions with the wallet widget

To solve the layout and design issues, we delved deep into understanding how users interacted with the wallet, identifying key pain points and areas where the experience could be streamlined for greater ease and efficiency.

Solution
Solution
Solution

Revamping the Arcana Wallet for Seamless Integration

Revamping the Arcana Wallet for Seamless Integration

Revamping the Arcana Wallet for Seamless Integration

Revamping the Arcana Wallet for Seamless Integration

The goal was to completely overhaul the Arcana wallet experience, creating a seamless and fluid interface. I aimed to integrate the app’s UI smoothly with the browser while ensuring it stood out, allowing users to easily focus on the primary app and the wallet when needed.

The goal was to completely overhaul the Arcana wallet experience, creating a seamless and fluid interface. I aimed to integrate the app’s UI smoothly with the browser while ensuring it stood out, allowing users to easily focus on the primary app and the wallet when needed.

The goal was to completely overhaul the Arcana wallet experience, creating a seamless and fluid interface. I aimed to integrate the app’s UI smoothly with the browser while ensuring it stood out, allowing users to easily focus on the primary app and the wallet when needed.

The goal was to completely overhaul the Arcana wallet experience, creating a seamless and fluid interface. I aimed to integrate the app’s UI smoothly with the browser while ensuring it stood out, allowing users to easily focus on the primary app and the wallet when needed.

Simplified UI
to send crypto

Simplified UI
to send crypto

Send crypto through email

Simplified UI
to send crypto

The new UI boasts a clear visual hierarchy, directing users through the sending flow, complemented by informative on-screen messages for improved user understanding.

The new UI boasts a clear visual hierarchy, directing users through the sending flow, complemented by informative on-screen messages for improved user understanding.

The new UI boasts a clear visual hierarchy, directing users through the sending flow, complemented by informative on-screen messages for improved user understanding.

The new UI boasts a clear visual hierarchy, directing users through the sending flow, complemented by informative on-screen messages for improved user understanding.

Wallet Notification Alerts
to capture users' attention

Wallet Notification Alerts
to capture users' attention

Receive crypto the simplest way

Wallet Notification Alerts to capture users' attention

While we aimed for a subtle UI presence on the screen, notifications remained essential. Given that it's a wallet widget, notifications needed to originate from the wallet widget, drawing attention to transaction alerts.

While we aimed for a subtle UI presence on the screen, notifications remained essential. Given that it's a wallet widget, notifications needed to originate from the wallet widget, drawing attention to transaction alerts.

While we aimed for a subtle UI presence on the screen, notifications remained essential. Given that it's a wallet widget, notifications needed to originate from the wallet widget, drawing attention to transaction alerts.

While we aimed for a subtle UI presence on the screen, notifications remained essential. Given that it's a wallet widget, notifications needed to originate from the wallet widget, drawing attention to transaction alerts.

Optimized the transactional experience.

Optimized the transactional experience.

Optimized the transactional experience.

Optimized the transactional experience.

The aim was to make transactions on our Web3 wallet seamless and effortless, requiring minimal user effort. I prioritised streamlining the process to ensure users could complete transactions quickly and efficiently.

The aim was to make transactions on our Web3 wallet seamless and effortless, requiring minimal user effort. I prioritised streamlining the process to ensure users could complete transactions quickly and efficiently.

The aim was to make transactions on our Web3 wallet seamless and effortless, requiring minimal user effort. I prioritised streamlining the process to ensure users could complete transactions quickly and efficiently.

The aim was to make transactions on our Web3 wallet seamless and effortless, requiring minimal user effort. I prioritised streamlining the process to ensure users could complete transactions quickly and efficiently.

Reflection
Reflection
Reflection

Driving 50% Growth in Wallet Usage

Driving 50% Growth in Wallet Usage

We achieved 50% growth in wallet usage through the redesign of the Arcana wallet. During the redesign process, I conducted research on various web3 applications and wallets. This research helped me identify the pain points and problem areas within the Arcana wallet. One of the key lessons I learned during the project was the importance of visual hierarchy in product development.

Team


Sharan Grandigae: CDO, Daiyaan Ansari: Lead Designer, Rochelle Alfonso: UX Designer.

We achieved 50% growth in wallet usage through the redesign of the Arcana wallet. During the redesign process, I conducted research on various web3 applications and wallets. This research helped me identify the pain points and problem areas within the Arcana wallet. One of the key lessons I learned during the project was the importance of visual hierarchy in product development.

Team


Sharan Grandigae: CDO, Daiyaan Ansari: Lead Designer, Rochelle Alfonso: UX Designer.

We achieved 50% growth in wallet usage through the redesign of the Arcana wallet. During the redesign process, I conducted research on various web3 applications and wallets. This research helped me identify the pain points and problem areas within the Arcana wallet. One of the key lessons I learned during the project was the importance of visual hierarchy in product development.

Team


Sharan Grandigae: CDO, Daiyaan Ansari: Lead Designer, Rochelle Alfonso: UX Designer.

We achieved 50% growth in wallet usage through the redesign of the Arcana wallet. During the redesign process, I conducted research on various web3 applications and wallets. This research helped me identify the pain points and problem areas within the Arcana wallet. One of the key lessons I learned during the project was the importance of visual hierarchy in product development.

Team


Sharan Grandigae: CDO, Daiyaan Ansari: Lead Designer, Rochelle Alfonso: UX Designer.