NexGen Wallet
NexGen Wallet
NexGen Wallet
NexGen Wallet
NexGen Wallet
NexGen Wallet
Client

DesignLab

Service

UX/UI Designer

Category

Fintech

The NexGen Wallet represents a pivotal development in the world of digital finance, offering a sophisticated solution for users aiming to streamline their financial management across both traditional and cryptocurrency sectors. This case study dives into understanding the user experience and usability of the NexGen Wallet app.

Goal

NexGen Wallet directly tackles financial management challenges by providing a unified, secure platform. It combines traditional banking and cryptocurrency in one easy-to-use app, eliminating the clutter of multiple apps. This streamlined approach offers a comprehensive view of a user's financial activities, empowering informed decisions. With NexGen Wallet, managing finances becomes effortless, all from one place.

Problem

In today's fast-paced digital world, individuals face the challenge of managing their finances across multiple platforms, often juggling between traditional banking apps and separate cryptocurrency wallets. This  approach to financial management can lead to confusion, inefficiency, and a higher risk of security breaches, making it difficult for users to have a clear, unified view of their financial health. How might we design an intuitive interface that simplifies how users interact with their finances, allowing for a seamless experience across all their financial activities?

Solution

NexGen Wallet addresses these challenges head-on by offering a unified, secure platform that simplifies financial management. By integrating both traditional banking features and cryptocurrency functionalities in one user-friendly app, NexGen Wallet eliminates the need for multiple financial apps.

The solutions that NexGen offers are:

Unified Platform: Combines traditional banking and cryptocurrency, reducing the need for multiple apps.

User-Friendly Design: Offers an easy-to-navigate interface, simplifying finance management.

In-App Bill Pay: NexGen Wallet includes a Bill Pay feature, allowing users to easily manage and pay their bills directly within the app, streamlining financial tasks and ensuring timely payments.

NexGen Wallet Overview

Methodologies

User interviews:  Five participants were interviewed one-on-one and remotely through video/phone calls. Participants were chosen (ages 20-69) to evaluate how they keep tabs on their finances, their financial goals, and how they use digital wallets.

A Competitor analysis was done, we looked at three competitor’s products and strategies, identifying gaps, opportunities, patterns, and trends

Competitor analysis

User Interviews

After conducting interviews with 5 individuals on their management of traditional finances and cryptocurrency assets, key insights were gathered on how people handle their finances in a digital environment. Participants highlighted the simplicity and convenience of online banking tools, though diverse needs and challenges were voiced concerning cryptocurrency integration and payment automation. These discussions shed light on the overall preference for simplified, secure, and automated financial management, emphasizing the need for solutions in digital financial platforms.

Key Findings:

  • Ease of Use: Users prioritize simple, convenient online banking for managing money.
  • Crypto Integration: Interest exists in combining crypto with traditional finance, despite some not using crypto.
  • Automation Needed: There's a strong desire for automated tools for tasks like tax payments.
  • Slow Apps a Problem: Users face issues with banking apps being too slow.Innovative
  • Features Wanted: High demand for features like expense tracking, reminders, and savings tips.Mobile
  • Banking Preference: Everyone prefers banking on mobile to avoid in-person visits or lines.

Opportunities:

  • Custom Dashboard: Everyone likes the idea of seeing all their finance info in one place, made just for them, showing bank accounts, crypto, and bills due.
  • Automatic Investing: There's interest in a feature that puts some of their paycheck directly into crypto investments.
  • Help with Taxes: Users showed interest in having tax tools and information so that it can make tax time less stressful.
  • Clear Crypto Info: Users mentioned easy-to-understand updates on cryptocurrencies to make smart decisions on what to invest in.
  • Easy Account Setup: Users want it simple when adding bank cards or accounts—quick and no hassle.

Affinity Map

After analyzing survey and interview insights, I used Affinity Mapping to uncover key patterns in customization, engagement, and accessibility.

Top topics that emerged across the board were:

  • All users use the app for convenience and not having to go in person to the bank.
  • Bill pay is they they use their digital wallets the most.
  • Main challenge users have are slow loading times.

Affinity Map

User Personas

Common Conclusions and Impact on  The Process:Emily and Sarah's personas shoe the demand for an integrated, straightforward platform that simplifies financial management, like bill pay, regular banking needs, and embracing the growing interest in cryptocurrencies. Their insights lead us to prioritize the following areas in further developing NexGen Wallet:

  • Streamlined Bill Payments: Pay all your bills hassle-free from one convenient place.
  • Crypto Made Simple: Investing in digital currencies is made easy for everyone, from beginners to pros.
  • Your Financial Hub: NexGen Wallet combines everything, making it the go-to for banking, saving, and investing.
  • Safe & Balanced: Strong safety features and easy budgeting tools help manage money stress-free

Emily Roberts Persona

Bradley Castro Persona

How Might We...

From these personas, we created three different HMW (how might we) statements that corresponded to real-life problems that a target user is struggling with that would prompt them to use the application:

  • HMW design an intuitive interface that simplifies how users interact with their finances, allowing for a seamless experience across all their financial activities?
  • HMW provide personalized tips that adapt to users changing financial situations and goals, including for those interested in crypto?
  • HMW create a versatile platform that unites bill payments, savings advice, investing guidance, and account management in one straightforward tool?

SiteMap

After researching user goals, personas, and insights from interviews, I created a sitemap to clearly outline the pages and screens for NexGen.

SiteMap for NexGen Wallet

User Flows

Three flows were created: Add a bank card+ Add a crypto coin + Pay a bill.

Add a bank card

This flow was chosen to make starting with NexGen Wallet smooth and hassle-free. Adding a bank card is often the first step for users to consolidate their finances, so we made sure it's quick and easy.

Add a bank card flow.

Add a crypto coin

Integrating a crypto wallet into the flow opens up the digital currency world to our users. It was important to include this to cater to the growing number of people who use or are interested in cryptocurrencies.

Add crypto coin flow.

Pay a bill

Including a bill payment flow was a no-brainer. Everyone has bills to pay, and making this process as straightforward as possible adds immense daily value and convenience for our users.

Bill pay flow

Low fidelity wireframing

Low-fidelity wireframes were important in mapping out the flows because they allowed me to focus on the core functionality without getting caught up in design details. This approach helped me rapidly iterate and validate the user journey for adding bank cards, integrating crypto wallets, and paying bills, ensuring NexGen Wallet is building a solid foundation that meets user needs.

Low fidelity wireframes.

Brand Development

When designing the UI for NexGen Wallet, we focused on making it simple, safe, and welcoming for everyone. We chose colors like purple, blue, white, and black. Purple makes it feel creative and exciting. Blue shows that it’s trustworthy and safe. White keeps everything clean and simple, and black adds a bit of class for those who like their apps looking sharp.For the text, I went with Montserrat because it looks modern and is easy to read, making sure everyone can use the app without trouble.I designed the logo to mix the cool parts of tech and finance in a simple style, using our chosen colors. The idea was to make a logo that fits the smart and secure feel of NexGen Wallet and appeals to all users.

UI Kit

High fidelity wireframes

High-fidelity wireframes.

Usability testing prototypes

Click image for Usability testing prototypes.

Usability testing

This usability testing focused on the NexGen Wallet application, specifically examining three critical task flows: Adding a bank card, adding a new crypto token, and paying a mortgage bill. The aim was to assess the app's user experience, including navigability and interaction efficiency.

Adding a New Bank Card.
Adding a New Crypto Token.
Paying Your Mortgage Bill.

Usability testing results

Overview: This usability testing focused on the NexGen Wallet application, specifically examining three critical task flows: Adding a bank card, adding a new crypto token, and paying a mortgage bill. The aim was to assess the app's user experience, including navigability and interaction efficiency.

Observations & Success Metrics:

  • Task Completion Rate: Achieved 100% success, with all users completing tasks unassisted.
  • Ease of Use Rating: Consistently rated at 4 and 5 out of 5, indicative of a strong user experience across flows.
  • Would Recommend: Each user rated their likelihood to recommend the app at least a 4.5 out of 5.
  • Navigation Clarity: All participants navigated the app's sections without confusion.
  • Time to Complete: Majority completed tasks in under 90 seconds, suggesting efficient interaction design.
  • Design Feedback: Recommendations include a camera feature for card addition, UI was a hit, and suggestions for increasing login convenience (possibly a thumb print).

Usability testing iterations

Iterations.

NexGen final designs

Final product screens.

Reflection and things learned

Reflecting on the development journey of NexGen Wallet, the process has been both enlightening and affirming of the initial goals: to create a financial management tool that is simple, secure, and inclusive. Through the design and testing of core functionalities—adding a bank card, integrating a crypto wallet, and enabling bill payments—we've underscored the importance of designing with our users' diverse needs at the forefront. This has ensured both the usability and effectiveness of our app in managing financial tasks with ease and security.

As we move forward, we have enough  valuable feedback and insights from user testing, we're able to enhance and expand the app's features. Each iteration brings us closer to solving real problems and addressing the needs of our users. The positive feedback from our community of testers has been particularly rewarding, affirming our commitment to this project and fueling our passion for innovation in financial technology.

I'm also proud of what has been accomplished with NexGen Wallet and the positive reactions it has recieved. It’s incredibly rewarding to know that efforts resonate so closely with our users' needs and goals. This journey has not only helped my confidence as a designer but also reaffirmed that vision for NexGen Wallet is resonating with those it aims to serve.  I am eager to continue refining and expanding NexGen Wallet to better serve our users and redefine the experience of financial management.

[Other Works]