October 2024
Global Wallet Website
Global Wallet Website
Global Wallet Website
Overview
Overview
Overview
Following the design of the Global Wallet App, the next phase was creating a website to enhance its digital presence. The primary goal was to design a homepage that engages potential customers while serving as a portal for existing users.
Role: UX/UI Designer, UX Researcher
Following the design of the Global Wallet App, the next phase was creating a website to enhance its digital presence. The primary goal was to design a homepage that engages potential customers while serving as a portal for existing users.
Role: UX/UI Designer, UX Researcher
Following the design of the Global Wallet App, the next phase was creating a website to enhance its digital presence. The primary goal was to design a homepage that engages potential customers while serving as a portal for existing users.
Role: UX/UI Designer, UX Researcher
Goals
Goals
Goals
Design a homepage feature that allows users to quickly check exchange rates.
Highlight the key benefits and features of Global Wallet, with clear calls to action.
Design a homepage feature that allows users to quickly check exchange rates.
Highlight the key benefits and features of Global Wallet, with clear calls to action.
Design a homepage feature that allows users to quickly check exchange rates.
Highlight the key benefits and features of Global Wallet, with clear calls to action.
Competitor Inspiration
Competitor Inspiration
Competitor Inspiration
Xe prompts users and offers a view of their rates.
Xe prompts users and offers a view of their rates.
Xe prompts users and offers a view of their rates.
Wise has simple website with clear calls to action.
Wise has simple website with clear calls to action.
The Design Process
The Design Process
The Design Process
Ideation
Ideation
Ideation
Using quick sketches I was able to quickly create ideas for the layout of the homepage. The starred designs had layouts I wanted to carry forward into the digital wireframe.
Using quick sketches I was able to quickly create ideas for the layout of the homepage. The starred designs had layouts I wanted to carry forward into the digital wireframe.
Digital Wireframe
Digital Wireframe
Digital Wireframe
I transferred my sketches into digital wireframes for both web and mobile versions of the website.
I transferred my sketches into digital wireframes for both web and mobile versions of the website.
Style Guide
Style Guide
Style Guide
Final Design
Final Design
Final Design
Part II: Registration and Dashboard
Part II: Registration and Dashboard
Part II: Registration and Dashboard
The goal of the registration process is to provide a seamless experience for users by requesting only the essential information needed to get started. To minimize drop-offs, the process is divided into three simple steps. Once completed, users have the option to link their bank accounts immediately or skip this step and proceed directly to their dashboard.
The goal of the registration process is to provide a seamless experience for users by requesting only the essential information needed to get started. To minimize drop-offs, the process is divided into three simple steps. Once completed, users have the option to link their bank accounts immediately or skip this step and proceed directly to their dashboard.
The goal of the registration process is to provide a seamless experience for users by requesting only the essential information needed to get started. To minimize drop-offs, the process is divided into three simple steps. Once completed, users have the option to link their bank accounts immediately or skip this step and proceed directly to their dashboard.
Above: Digital Wireframes
Above: Digital Wireframes
Above: Digital Wireframes
Final Mockups
Final Mockups
Final Mockups
Key Takeaways
Key Takeaways
Key Takeaways
This project helped me learn more about responsive design and designing for multiple screen sizes while applying each step of the UX design thinking framework.
This project helped me learn more about responsive design and designing for multiple screen sizes while applying each step of the UX design thinking framework.
This project helped me learn more about responsive design and designing for multiple screen sizes while applying each step of the UX design thinking framework.