San Francisco

Case Study

Interface re-design

Sole UI Designer

Brand Concept

2023

Overview

This project explores the redesign of Discovers banking

app to resolve usability challenges and outdated interface

patterns. The solution emphasizes clarity, streamlined flows,

and a modern visual language to support fast, stress-free

financial interactions and goal tracking systems.

Discover's financial app claims to create an intuitive

interface where users can easily manage funds, track

expenses, and set savings goals.

user feedback also pointed

out the lack of personalization

features within the existing

mobile app.

Initial Finding 02

user feedback suggests

approximately 68% of

users reported difficulty

locating essential features.

Initial Finding 01

Premise

🎙️Questions

We found that in order to develop a user-centered and accessible banking

platform, we'd have to tackle in-app visibility issues while also providing

a seamless and personalized experience for all our users.

🤺Challenge

"Discover is a powerful banking app that lacks personalization

and clear visibility for aging users".

VER

DISC

Improved Visibility and accessibility particularly for older users,

addresses a rapidly growing demographic with significant

financial assets. By making the app easier to read, navigate,

and trust, the redesign lowers support costs, reduces user errors,

and expands the app’s usable market. Together, these goals create

a more inclusive product that drives sustained growth, improves

brand trust, and delivers measurable returns on investment.

🎯Objective

These goals were selected because they directly impact user

adoption, retention, and long-term value. Personalization allows

the app to adapt to individual user behaviors and preferences,

increasing satisfaction and daily engagement while reducing

friction in routine banking tasks. This leads to higher feature usage

and stronger customer loyalty.

Visibility &

Personalization.

📱Existing Platform

Our design audit began with a comprehensive evaluation of the

mobile banking app to build a clear understanding of the product,

its users, and the business goals behind it. This process included

stakeholder interviews, competitive benchmarking within the fintech

landscape, usability testing of the existing app, and a thorough review

of current features and user flows. Together, these efforts provided

valuable insight into how the app was performing and where it was

falling short.

Through this audit, we identified several UI and UX challenges that

were negatively impacting user trust, engagement, and task completion.

An outdated visual design, inconsistent interface patterns, and unclear

navigation created friction across key banking flows. We also uncovered

gaps in the overall user experience, with certain features underutilized,

incomplete, or lacking clear guidance—resulting in missed opportunities

to better support users’ financial needs.

Survey of the

Current Design!

The selected visuals emphasize clarity and trust, using clean layouts,

generous white space, and structured grids to reflect transparency and

control. A calm color palette of soft blues, and neutral tones communicates

reliability and stability, while subtle orange accent colors introduce

warmth and guide attention to key actions.

🖼️Visual Inspiration

The mood board defines the visual and emotional direction for the

redesigned mobile banking app. The goal is to create an experience

that feels secure, modern, and approachable, helping users feel confident

managing their finances while reducing stress and cognitive load.

Mood board.

Sketching was used as an early exploration tool to quickly generate

and iterate on layout ideas without focusing on visual details. By

working with low-fidelity sketches, I was able to experiment with

different navigation patterns, screen hierarchies, and content

groupings for the mobile banking app.

This process helped identify the most intuitive flows for key tasks

such as checking balances, transferring money, and viewing

transactions, allowing usability decisions to be made early before

moving into wireframes and high-fidelity designs.

Sketches

💡Ideation

👨🏿‍💻Iteration

Wireframes.

Low-fidelity wireframes were created as a focused exploration of

information hierarchy, streamlined user flows, and intuitive interactions

within the mobile banking experience.

By removing visual design elements, this stage emphasized structure

and functionality, making it easier to evaluate how users navigate core

tasks such as checking balances, transferring money, and paying bills.

These wireframes enabled early validation of layout decisions, helped

surface usability issues quickly, and provided a clear foundation for

iteration before moving into higher-fidelity design.