Wisely ✻
Partial Direct Deposit
In this project, I redesign Wisely’s direct deposit allocation screens, creating a new user experience that is easier to understand and more relevant to the user’s goals.
Date: March 29 2024 - Oct 10 2024
Role: Product Designer
Project Type: Fintech, App, Web
Tools & Method: Dribbble, Jira, Figma, Miro
Project Overview ✻
Wisely is an online banking solution offering users 100% digital pay, along with benefits like early pay and cash back rewards—all streamlined and managed through the myWisely app. This project aims to redesign Wisely's partial direct deposit experience, guiding users more effectively as they allocate their pay across various bank accounts.
As the designer of this project, my aim is to ensure users clearly understand their paycheck allocation, recognize the benefits of transferring money to their Wisely account, and feel empowered to make changes throughout the partial direct deposit process.
Impact of new solution
For in-app activations
15k out of 24k users successfully set up their direct deposit
64% conversion rate
For new activations
437 out of 658 users successfully set up their direct deposit
67% conversion rate
For self enrollment
266 out of 527 users successfully set up their direct deposit
50% conversion rate
What was the problem?
Wisely’s original direct deposit flow was confusing and lengthy, and created a myriad of usability issues.
What challenges did I face?
Working with limitations in user information
Wisely doesn’t have information on how much users get paid so the design must work around that.
Advocating for user experience
Balancing both the needs of intermediate users and beginner users by creating an experience that caters to them all.
Juggling business and product needs
What solutions are currently out there? ✻
Because partial direct deposit is a niche feature that exists within the financial tech domain, I focused my explorations on how competitors organized data for percentages and specific amounts.
Source: Dashboard by turingLabs, dashboard by FineTune, and Atomic’s partial direct deposit flow by Chime
Meeting our users ✻
Sam - the Wisely member
Age
43
Education
High School
Status
Married
Occupation
Clerk
Location
Charleston, SC
Wisely is the only card I use to pay all my bills.
Brief story
Sam is an archetype we have created at Wisely to understand and empathize with our users. They are financially insecure and often live paycheck to paycheck. They use the Wisely card for all their payments.
Characteristics
- Experience with Wisely Pay is shaped by their employer’s involvement
- Uses the same money apps as their social circle
- Manages their money with whoever is most convenient
- Aspires to save and attain financial stability
Frustrations
- Can’t bear paying unjust fees
- Can’t afford a financial setback
- Due dates and making payments
User Flow
There are several touchpoints during user onboarding that will direct them to the partial direct deposit experience (e.g. pre log-in activation, in-app activation and self-enrollment).
What did they think? ✻
After completing the first round of high-fidelity designs, I partnered up with a user researcher to conduct user testing with 8 individuals who use direct deposit through their employer. We tested three types of flows:
happy path ☺️ (full allocation of DD to Wisely)
partial allocation through percentage amount %
partial allocation through specific dollar amount $
Our aim of the study was to assess whether users could easily and efficiently set up partial direct deposit and and identify any confusing language or terminology.
We identified a few areas where minor adjustments could enhance the flow's usability and clarity.
Users were confused by the “edit direct deposit amount” button because it is used in the introductory screen as well as in the set up confirmation screen. Although both buttons are named the same, they each carry out different functions.
Many requested more information about the pay periods at the success screen. Users had questions about next steps and wanted more clarity on the direct deposit process.
Features ✻
Making things clear and simple.
Given the complexities of the direct deposit allocation flow, I implemented several guardrails throughout the process. These safeguards aim to guide users toward making optimal decisions for their direct deposit setup while also preventing errors before they occur.
A unique selling point for depositing money to Wisely is that users can get paid up to two days early. I've included additional language beneath the input to clarify that early pay is only available for Wisely accounts.
If users attempt to exit the flow, they'll encounter a modal asking them to confirm their decision to leave. This modal also highlights a benefit of continuing the process- the potential of getting paid early.
What was the solution? ✻
Direct Deposit Homepage
The direct deposit home page gives users an overview of the number of bank accounts they have as well as their respective amounts. The primary action is for users to move their full pay to Wisely, with a secondary button that leads users to the partial direct deposit experience where they can select their direct deposit method.
Set Direct Deposit Allocation
Users have the option to choose between three types of direct deposit allocation options: depositing entire amount, depositing by specific dollar amount, and depositing by percentage.
There may be scenarios where users might have inconsistent paychecks. To address this, I included an option for users to designate an account for any excess pay. This feature ensures flexibility in handling fluctuating income.
Before confirming their direct deposit, users can modify their allocation, adjust the remaining pay, or switch their allocation method from a specific amount to a percentage.
Takeaways ✻
This project presented a significant design challenge due to the intricacies of direct deposit allocation. It can also be particularly difficult for users who manage multiple bank accounts to set up their direct deposit. Through this project, I was able to break down the complexities of the process and reconstruct them into a user-friendly experience that caters to a wide range of users.
You made it to the end! Check out these other case studies:
Wisely ✻
Partial Direct Deposit
In this project, I redesign Wisely’s direct deposit allocation screens, creating a new user experience that is easier to understand and more relevant to the user’s goals.
Date: March 29 2024 - Oct 10 2024
Role: Product Designer
Project Type: Fintech, App, Web
Tools & Method: Dribbble, Jira, Figma, Miro
Project Overview ✻
Wisely is an online banking solution offering users 100% digital pay, along with benefits like early pay and cash back rewards—all streamlined and managed through the myWisely app. This project aims to redesign Wisely's partial direct deposit experience, guiding users more effectively as they allocate their pay across various bank accounts.
As the designer of this project, my aim is to ensure users clearly understand their paycheck allocation, recognize the benefits of transferring money to their Wisely account, and feel empowered to make changes throughout the partial direct deposit process.
Impact of new solution
For in-app activations
15k out of 24k users successfully set up their direct deposit
64% conversion rate
For new activations
437 out of 658 users successfully set up their direct deposit
67% conversion rate
For self enrollment
266 out of 527 users successfully set up their direct deposit
50% conversion rate
What was the problem?
Wisely’s original direct deposit flow was confusing and lengthy, and created a myriad of usability issues.
What challenges did I face?
Working with limitations in user information
Wisely doesn’t have information on how much users get paid so the design must work around that.
Advocating for user experience
Balancing both the needs of intermediate users and beginner users by creating an experience that caters to them all.
Juggling business and product needs
What solutions are currently out there? ✻
Because partial direct deposit is a niche feature that exists within the financial tech domain, I focused my explorations on how competitors organized data for percentages and specific amounts.
Source: Dashboard by turingLabs, dashboard by FineTune, and Atomic’s partial direct deposit flow by Chime
Meeting our users ✻
Sam - the Wisely member
Age
43
Education
High School
Status
Married
Occupation
Clerk
Location
Charleston, SC
Wisely is the only card I use to pay all my bills.
Brief story
Sam is an archetype we have created at Wisely to understand and empathize with our users. They are financially insecure and often live paycheck to paycheck. They use the Wisely card for all their payments.
Characteristics
- Experience with Wisely Pay is shaped by their employer’s involvement
- Uses the same money apps as their social circle
- Manages their money with whoever is most convenient
- Aspires to save and attain financial stability
Frustrations
- Can’t bear paying unjust fees
- Can’t afford a financial setback ️
- Due dates and making payments
User Flow
There are several touchpoints during user onboarding that will direct them to the partial direct deposit experience (e.g. pre log-in activation, in-app activation and self-enrollment).
What did they think? ✻
After completing the first round of high-fidelity designs, I partnered up with a user researcher to conduct user testing with 8 individuals who use direct deposit through their employer. We tested three types of flows:
happy path ☺️ (full allocation of DD to Wisely)
partial allocation through percentage amount %
partial allocation through specific dollar amount $
Our aim of the study was to assess whether users could easily and efficiently set up partial direct deposit and and identify any confusing language or terminology.
We identified a few areas where minor adjustments could enhance the flow's usability and clarity.
Users were confused by the “edit direct deposit amount” button because it is used in the introductory screen as well as in the set up confirmation screen. Although both buttons are named the same, they each carry out different functions.
Many requested more information about the pay periods at the success screen. Users had questions about next steps and wanted more clarity on the direct deposit process.
Features ✻
Making things clear and simple.
Given the complexities of the direct deposit allocation flow, I implemented several guardrails throughout the process. These safeguards aim to guide users toward making optimal decisions for their direct deposit setup while also preventing errors before they occur.
A unique selling point for depositing money to Wisely is that users can get paid up to two days early. I've included additional language beneath the input to clarify that early pay is only available for Wisely accounts.
If users attempt to exit the flow, they'll encounter a modal asking them to confirm their decision to leave. This modal also highlights a benefit of continuing the process- the potential of getting paid early.
What was the solution? ✻
Direct Deposit Homepage
The direct deposit home page gives users an overview of the number of bank accounts they have as well as their respective amounts. The primary action is for users to move their full pay to Wisely, with a secondary button that leads users to the partial direct deposit experience where they can select their direct deposit method.
Set Direct Deposit Allocation
Users have the option to choose between three types of direct deposit allocation options: depositing entire amount, depositing by specific dollar amount, and depositing by percentage.
There may be scenarios where users might have inconsistent paychecks. To address this, I included an option for users to designate an account for any excess pay. This feature ensures flexibility in handling fluctuating income.
Before confirming their direct deposit, users can modify their allocation, adjust the remaining pay, or switch their allocation method from a specific amount to a percentage.
Takeaways ✻
This project presented a significant design challenge due to the intricacies of direct deposit allocation. It can also be particularly difficult for users who manage multiple bank accounts to set up their direct deposit. Through this project, I was able to break down the complexities of the process and reconstruct them into a user-friendly experience that caters to a wide range of users.
You made it to the end! Check out these other case studies
Wisely ✻
Partial Direct Deposit
In this project, I redesign Wisely’s direct deposit allocation screens, creating a new user experience that is easier to understand and more relevant to the user’s goals.
Date: March 29 2024 - Oct 10 2024
Role: Product Designer
Project Type: Fintech, App, Web
Tools & Method: Dribbble, Jira, Figma, Miro
Project Overview ✻
Wisely is an online banking solution offering users 100% digital pay, along with benefits like early pay and cash back rewards—all streamlined and managed through the myWisely app. This project aims to redesign Wisely's partial direct deposit experience, guiding users more effectively as they allocate their pay across various bank accounts.
As the designer of this project, my aim is to ensure users clearly understand their paycheck allocation, recognize the benefits of transferring money to their Wisely account, and feel empowered to make changes throughout the partial direct deposit process.
Impact of new solution
For in-app activations
15k out of 24k users successfully set up their direct deposit
64% conversion rate
For new activations
437 out of 658 successfully set up their direct deposit
64% conversion rate
For self enrollment
266 out of 527 successfully set up their direct deposit
50% conversion rate
What was the problem?
Wisely’s original direct deposit flow was confusing and lengthy, and created a myriad of usability issues.
What challenges did I face?
Working with limitations in user information
Wisely doesn’t have information on how much users get paid so the design must work around that.
Advocating for user experience
Balancing both the needs of intermediate users and beginner users by creating an experience that caters to them all.
Juggling business and product needs
What solutions are currently out there? ✻
Because partial direct deposit is a niche feature that exists within the financial tech domain, I focused my explorations on how competitors organized data for percentages and specific amounts.
Source: Dashboard by turingLabs, dashboard by FineTune, and Atomic’s partial direct deposit flow by Chime
Meeting our users ✻
Sam - the Wisely member
Age
43
Education
High School
Status
Married
Occupation
Clerk
Location
Charleston, SC
Wisely is the only card I use to pay all my bills.
Brief story
Sam is an archetype we have created at Wisely to understand and empathize with our users. They are financially insecure and often live paycheck to paycheck. They use the Wisely card for all their payments.
Characteristics
- Experience with Wisely Pay is shaped by their employer’s involvement
- Uses the same money apps as their social circle
- Manages their money with whoever is most convenient
- Aspires to save and attain financial stability
Frustrations
- Can’t bear paying unjust fees
- Can’t afford a financial setback
- Due dates and making payments
User Flow
There are several touchpoints during user onboarding that will direct them to the partial direct deposit experience (e.g. pre log-in activation, in-app activation and self-enrollment).
What did they think? ✻
After completing the first round of high-fidelity designs, I partnered up with a user researcher to conduct user testing with 8 individuals who use direct deposit through their employer. We tested three types of flows:
happy path ☺️ (full allocation of DD to Wisely)
partial allocation through percentage amount %
partial allocation through specific dollar amount $
Our aim of the study was to assess whether users could easily and efficiently set up partial direct deposit and and identify any confusing language or terminology.
We identified a few areas where minor adjustments could enhance the flow's usability and clarity.
Users were confused by the “edit direct deposit amount” button because it is used in the introductory screen as well as in the set up confirmation screen. Although both buttons are named the same, they each carry out different functions.
Many requested more information about the pay periods at the success screen. Users had questions about next steps and wanted more clarity on the direct deposit process.
Features ✻
Making things clear and simple.
Given the complexities of the direct deposit allocation flow, I implemented several guardrails throughout the process. These safeguards aim to guide users toward making optimal decisions for their direct deposit setup while also preventing errors before they occur.
A unique selling point for depositing money to Wisely is that users can get paid up to two days early. I've included additional language beneath the input to clarify that early pay is only available for Wisely accounts.
If users attempt to exit the flow, they'll encounter a modal asking them to confirm their decision to leave. This modal also highlights a benefit of continuing the process- the potential of getting paid early.
What was the solution? ✻
Direct Deposit Homepage
The direct deposit home page gives users an overview of the number of bank accounts they have as well as their respective amounts. The primary action is for users to move their full pay to Wisely, with a secondary button that leads users to the partial direct deposit experience where they can select their direct deposit method.
Set Direct Deposit Allocation
Users have the option to choose between three types of direct deposit allocation options: depositing entire amount, depositing by specific dollar amount, and depositing by percentage.
There may be scenarios where users might have inconsistent paychecks. To address this, I included an option for users to designate an account for any excess pay. This feature ensures flexibility in handling fluctuating income.
Before confirming their direct deposit, users can modify their allocation, adjust the remaining pay, or switch their allocation method from a specific amount to a percentage.
Takeaways ✻
This project presented a significant design challenge due to the intricacies of direct deposit allocation. It can also be particularly difficult for users who manage multiple bank accounts to set up their direct deposit. Through this project, I was able to break down the complexities of the process and reconstruct them into a user-friendly experience that caters to a wide range of users.
You made it to the end! Check out these other case studies