Overview

BetterBank is a community-driven fintech app designed to help users navigate unexpected bills, medical debt, and financial emergencies.

Deliverables

UX Research

Product Design

Illustrations

BetterBank

Mobile App

Mobile App

Fintech

Fintech

SaaS

SaaS

Fintech mobile SaaS banking
app redesign for BetterBank

Fintech mobile SaaS banking
app redesign for BetterBank

Fintech mobile SaaS banking app redesign for BetterBank

BetterBank

Three BetterBank mobile app promo screens showing key financial features. The first screen highlights Spend, Save, Protect, Borrow with BetterBank Visa cards and Forbes/American Banker mentions. The second screen promotes emergency cash advances from $25–$1000 with illustrated characters. The third screen showcases up to 1% cashback points, showing the BetterBank card and points dashboard. Modern fintech app App Store preview.
Three BetterBank mobile app promo screens showing key financial features. The first screen highlights Spend, Save, Protect, Borrow with BetterBank Visa cards and Forbes/American Banker mentions. The second screen promotes emergency cash advances from $25–$1000 with illustrated characters. The third screen showcases up to 1% cashback points, showing the BetterBank card and points dashboard. Modern fintech app App Store preview.
Three BetterBank mobile app promo screens showing key financial features. The first screen highlights Spend, Save, Protect, Borrow with BetterBank Visa cards and Forbes/American Banker mentions. The second screen promotes emergency cash advances from $25–$1000 with illustrated characters. The third screen showcases up to 1% cashback points, showing the BetterBank card and points dashboard. Modern fintech app App Store preview.

Problem Statement

The original BetterBank app did not provide a clear or supportive experience for users dealing with financial unpredictability. Weak structure, inconsistent UI patterns, and cluttered layouts prevented users from quickly understanding their financial status or accessing tools designed to help them during emergencies.

Business Need

Millions of Americans struggle with medical debt and unexpected expenses, creating instability and limiting their financial opportunities. BetterBank needed a clearer, simpler mobile experience to help users manage these challenges with confidence.

User Need

Users need a banking app that feels supportive, protects them from unexpected costs, and helps them manage emergencies without stress.

Product Vision

Design a modern, human-centered mobile banking experience that empowers users to understand, control, and optimize their finances effortlessly. The vision focuses on clarity, accessibility, speed, and a premium fintech aesthetic that blends trust with simplicity. BetterBank aims to become a banking companion that feels intelligent and reliable to use daily.

Before & After Comparison

User flow diagram for the BetterBank mobile app showing key steps from splash screen to account creation, card selection, application review, dashboard access, card management, benefits, and money movement. The flow includes sections for physical and virtual cards, safety net benefits, direct deposit, transfers, ATM access, spending, auto-save, insurance, cash advance, profile settings, notifications, and add-cash actions. Fintech app UX flow chart.
User flow diagram for the BetterBank mobile app showing key steps from splash screen to account creation, card selection, application review, dashboard access, card management, benefits, and money movement. The flow includes sections for physical and virtual cards, safety net benefits, direct deposit, transfers, ATM access, spending, auto-save, insurance, cash advance, profile settings, notifications, and add-cash actions. Fintech app UX flow chart.
User flow diagram for the BetterBank mobile app showing key steps from splash screen to account creation, card selection, application review, dashboard access, card management, benefits, and money movement. The flow includes sections for physical and virtual cards, safety net benefits, direct deposit, transfers, ATM access, spending, auto-save, insurance, cash advance, profile settings, notifications, and add-cash actions. Fintech app UX flow chart.

UX Flow

Solution

The redesigned BetterBank app creates a clearer, more supportive banking experience by simplifying key tasks and making essential features like savings, protection, and emergency funds, easier to access.

With improved navigation, visual hierarchy, and a clean fintech aesthetic, users can understand their finances faster and handle unexpected expenses with more confidence. The result is a modern, intuitive mobile app designed for people facing real financial challenges.

Emir played a crucial role in building BetterBank. His technical skill, design sense, and attention to detail helped transform our idea into a polished, user-friendly fintech product. I’d work with him in a heartbeat.

Portrait of a previous client that gave Emir testimonial

Kaushik T.

Founder @Attack Capital

Emir played a crucial role in building BetterBank. His technical skill, design sense, and attention to detail helped transform our idea into a polished, user-friendly fintech product. I’d work with him in a heartbeat.

Portrait of a previous client that gave Emir testimonial

Kaushik T.

Founder @Attack Capital

Emir played a crucial role in building BetterBank. His technical skill, design sense, and attention to detail helped transform our idea into a polished, user-friendly fintech product. I’d work with him in a heartbeat.

Portrait of a previous client that gave Emir testimonial

Kaushik T.

Founder @Attack Capital

Three BetterBank onboarding screens introducing key financial features. The first screen highlights community banking with illustrated member avatars and Forbes/American Banker mentions. The second screen promotes earning points on every purchase with the BetterCard Visa debit card. The third screen showcases up to $5,000 in accident insurance benefits, including coverage for lost wages, deductibles, and household bills. Modern fintech onboarding UI.
Three BetterBank onboarding screens introducing key financial features. The first screen highlights community banking with illustrated member avatars and Forbes/American Banker mentions. The second screen promotes earning points on every purchase with the BetterCard Visa debit card. The third screen showcases up to $5,000 in accident insurance benefits, including coverage for lost wages, deductibles, and household bills. Modern fintech onboarding UI.
Three BetterBank onboarding screens introducing key financial features. The first screen highlights community banking with illustrated member avatars and Forbes/American Banker mentions. The second screen promotes earning points on every purchase with the BetterCard Visa debit card. The third screen showcases up to $5,000 in accident insurance benefits, including coverage for lost wages, deductibles, and household bills. Modern fintech onboarding UI.

Onboarding

BetterBank teaser card promoting the built-in Community Safety Net with a gold ‘Get Your Debit Card’ button. Black and gold fintech design highlighting BetterBank Visa debit card benefits.
BetterBank teaser card promoting the built-in Community Safety Net with a gold ‘Get Your Debit Card’ button. Black and gold fintech design highlighting BetterBank Visa debit card benefits.
BetterBank teaser card promoting the built-in Community Safety Net with a gold ‘Get Your Debit Card’ button. Black and gold fintech design highlighting BetterBank Visa debit card benefits.
BetterCard Physical debit card design in black and gold, showing masked card number and expiry date. Premium fintech card UI from BetterBank’s digital banking experience.
BetterCard Physical debit card design in black and gold, showing masked card number and expiry date. Premium fintech card UI from BetterBank’s digital banking experience.
BetterCard Physical debit card design in black and gold, showing masked card number and expiry date. Premium fintech card UI from BetterBank’s digital banking experience.
Three BetterBank mobile app screens showing the updated fintech UI. The first screen displays the dashboard with total cash, Spend, Save, Protect, and Advance balances, plus recent transactions. The second screen shows the Spend points page with 200 points available, a Better Virtual Card promo, and points transaction history. The third screen shows the user profile with settings for personal info, notifications, documents, premium support, help center, and sign out. Modern mobile banking app design.
Three BetterBank mobile app screens showing the updated fintech UI. The first screen displays the dashboard with total cash, Spend, Save, Protect, and Advance balances, plus recent transactions. The second screen shows the Spend points page with 200 points available, a Better Virtual Card promo, and points transaction history. The third screen shows the user profile with settings for personal info, notifications, documents, premium support, help center, and sign out. Modern mobile banking app design.
Three BetterBank mobile app screens showing the updated fintech UI. The first screen displays the dashboard with total cash, Spend, Save, Protect, and Advance balances, plus recent transactions. The second screen shows the Spend points page with 200 points available, a Better Virtual Card promo, and points transaction history. The third screen shows the user profile with settings for personal info, notifications, documents, premium support, help center, and sign out. Modern mobile banking app design.

Dashboard, Spend and Profile

Onboarding

Set of redesigned BetterBank mobile app screens showing the card customization and management flow. The first screen allows users to choose their card color, featuring black, red and pink BetterCard™ designs. The second screen displays detailed card information for user Jhonny Appleseed, including masked card number, expiration date, CVC and an option to lock the virtual card. The third screen showcases both the BetterCard™ Virtual and BetterCard™ Physical cards with their respective styles and details. Clean, minimal UI highlights a modern digital banking experience with intuitive card control and customization.
Set of redesigned BetterBank mobile app screens showing the card customization and management flow. The first screen allows users to choose their card color, featuring black, red and pink BetterCard™ designs. The second screen displays detailed card information for user Jhonny Appleseed, including masked card number, expiration date, CVC and an option to lock the virtual card. The third screen showcases both the BetterCard™ Virtual and BetterCard™ Physical cards with their respective styles and details. Clean, minimal UI highlights a modern digital banking experience with intuitive card control and customization.
Set of redesigned BetterBank mobile app screens showing the card customization and management flow. The first screen allows users to choose their card color, featuring black, red and pink BetterCard™ designs. The second screen displays detailed card information for user Jhonny Appleseed, including masked card number, expiration date, CVC and an option to lock the virtual card. The third screen showcases both the BetterCard™ Virtual and BetterCard™ Physical cards with their respective styles and details. Clean, minimal UI highlights a modern digital banking experience with intuitive card control and customization.
BetterBank mobile app identity verification flow showing date of birth input, encrypted SSN entry, and final application review screen with user details and agreement checkboxes. Modern fintech onboarding UI for secure account setup.
BetterBank mobile app identity verification flow showing date of birth input, encrypted SSN entry, and final application review screen with user details and agreement checkboxes. Modern fintech onboarding UI for secure account setup.
BetterBank mobile app identity verification flow showing date of birth input, encrypted SSN entry, and final application review screen with user details and agreement checkboxes. Modern fintech onboarding UI for secure account setup.

Identity Verification

Let’s move your
product forward.

Fast, structured and focused
design support when you need it.

emir.does.design

Building products, brands and websites for ambitious creators and founders.

Emir Hidic 2025. All rights reserved.

Let’s move your
product forward.

Fast, structured and focused
design support when you need it.

emir.does.design

Building products, brands and websites for ambitious creators and founders.

Emir Hidic 2025. All rights reserved.

Let’s move your
product forward.

Fast, structured and focused
design support when you need it.

Emir Hidic 2025. All rights reserved.

Solution

The redesigned BetterBank app creates a clearer, more supportive banking experience by simplifying key tasks and making essential features like savings, protection, and emergency funds, easier to access.

With improved navigation, visual hierarchy, and a clean fintech aesthetic, users can understand their finances faster and handle unexpected expenses with more confidence. The result is a modern, intuitive mobile app designed for people facing real financial challenges.