Happen Bank
2026
Redesigning the Account Details Experience
I redesigned key parts of the account details experience (for example, where you find your routing number and account numbers for deposit accounts) to decrease clutter and create a more seamless experience.
Background
Context + Problem Space
Happen Bank is a digital bank focused on making everyday banking simpler and more flexible. I joined the Deposit Accounts team as a Product Design Intern, where I redesigned the account details experience across Checking, Savings, and CD accounts.
Over time, Happen Bank’s Account Details pages had accumulated more and more information as new features were added. Long lists, expanding sections, and mixed information types made key actions harder to find and increased the amount of scrolling. The goal of this project was to rethink the experience by prioritizing important information, improving scannability, and creating a scalable framework that could accommodate future features as the accounts continued to evolve.
The key guiding question I worked with was…
How might we design an account details experience that surfaces what matters most, prioritizes what users do, and scales with new features without increasing clutter?
Research
A Thorough Competitor Analysis
I began the process with a thorough competitive analysis. Using Mobbin and general product screenshots, I analyzed finance and banking competitors like Chase, Wells Fargo, SoFi, and Chime, as well as non-finance products like Airbnb to identify relevant UX patterns. Key takeaways included the use of dedicated account management pages, progressive disclosure, and clear grouping within lists of account details.
Chase, Wells Fargo, Bank of America, Navy Fed, SoFi, Chime, Capital One, Binance
Three Patterns Stood Out
Separate management experiences: Account information and account-management actions could be separated rather than competing for attention on the same page.
Progressive disclosure: Not every piece of information needed to be visible at once.
Grouping within account details: Related information could be consolidated into clearer sections to reduce the feeling of a long list.
These patterns became the foundation for my initial concepts.
Concept Testing
Testing Different Directions
Using those takeaways, I started by generating as wireframes in Figma as possible, prioritizing quantity over quality to explore a wide range of potential solutions. I brought these ideas to the broader design team for feedback, then narrowed them down to two core concepts:
Separate Manage Account Page
Expandable Card with Grouped Actions
We took these designs into concept testing, conducting 9 moderated user interviews with existing customers. Our goal was to understand usability and user preferences across both concepts, ultimately helping us select a direction to continue designing.
This round of testing helped us identify the highest-priority actions for each account type: viewing balances, making transfers and deposits, and tracking rewards or deposit progress. We also found that users expected key money-movement actions (deposit, transfer, wires, and bill pay) to be prominently placed at the top of the page.
In contrast, lower-priority actions such as setting up direct deposit and updating beneficiaries were better suited for the expandable sections or separate pages where I had initially placed them.
With these insights in mind, we selected the separate Manage Account approach (Concept 2) as the direction to move forward with, giving us a clearer foundation for the next stage of design.
Design Process
Exploring and testing multiple directions
I explored multiple design directions throughout the process, from floating buttons and different card styles to several versions of the rate tracker, iterating based on feedback until we landed on our final hi-fidelity designs.
Different directions and features I explored!
After exploring numerous directions, I finally landed on the hi-fidelity designs! (shown below)
One Last Round of Testing
With the designs finalized, we conducted one last round of user testing to validate the experience. We ran 19 unmoderated sessions with non-customers through Lookback, using full prototypes of the LevelUp Checking and LevelUp Savings accounts. Our goal was to evaluate discoverability and identify any remaining points of friction or confusion.
Lookback allowed participants to interact directly with the hi-fidelity prototypes on their mobile devices while their actions were recorded. Participants were given tasks such as “Where would you find your account numbers?”, “How would you set up your direct deposit?”, and “Where would you find your tax statements?” I then reviewed how participants navigated the prototype to find information or complete each task.
Working alongside our product researchers, I analyzed these sessions to understand how easily users could discover key features and where, if anywhere, they encountered friction.
Overall, the experience tested extremely well.
Participants were able to complete core tasks easily and described the interface as clear, intuitive, and easy to navigate. Testing also surfaced a few smaller opportunities to improve button affordance, which I incorporated into the final designs. This gave us confidence in our final designs.
"Although I am not a Happen Bank customer, I wish my banking app looked like this....Layout is really nice and simplistic, it's not overdone and and it's everything's clear cut, so I really enjoyed that."
Interview Participant
Non-Customer
Final Designs
The New Account Details Experience
The final system centered the experience around the customer's most important information and actions.
Final Features
Consolidated Account Card: Brings the most important account information into a single, scannable area.
Money Movement Carousel: Makes high-frequency actions such as depositing and transferring money immediately accessible and top-of-page.
Separate Manage Account Page: Moves lower-frequency management actions out of the primary experience.
Organized Account Details: Groups information into clearer sections instead of presenting customers with one long list.
Account Management Actions: Keeps secondary actions accessible without allowing them to dominate the page.
The framework was then adapted across Checking, Savings, CD, and Web experiences.
Final Designs Coming Soon!
As these designs are currently being implemented, the final high-fidelity screens are not yet available for public viewing. They will be added following the launch!
What I Learned
Iteration is Everything
I built 30+ versions of these designs before landing on the final direction. With each iteration, I explored different ways to organize information, prioritize actions, and simplify the overall experience. Some ideas worked, while others helped me understand what wasn't working. Every round of feedback gave me something new to consider and pushed the design one step further.
Communication Matters as Much as the Design
As a designer, being able to clearly articulate your vision is just as important as the design itself. Throughout the 10-week internship, I had frequent opportunities to present my work and explain the reasoning behind my decisions to different stakeholders. Each presentation helped me become more confident in communicating my ideas, responding to feedback, and connecting design decisions back to the larger product goals.
