Bread Financial Mobile App

User Problem

Bread financial users needed an easy way to view their card, pay their bill, and manage their accounts.

Strategy

• Research: I inherited research from the great usability teams at Sapient-Razorfish on usescases and user preferences
• Wireframed: I was responsible for wifreframing every workflow for the app over the Christmas break so that the teams could come back and have something to work from
• Design: Once the wireframes were shipped, I worked with the rest of the team to split off and design features and add UI
• Ship:We shipped MVP features for both apps over around 1.5 quarters

My Role & Contribution

I was hired in just before christmas break and did a two week wireframing/user journey sprint alone, digesting research and requirements and churning out Figma frames, on all MVP flows to be waiting for everyone to pounce on when they got back.

After that, I pitched strategy, developed UX flows, annotated UIs and wrote suggested copy

Solution

Our target users skewed younger, so we oriented the app vertically and kept the brand front and center

We kept the UI round, lightweight, and minimalist. The copy voice, which often originated in user journeys and persisted, was friendly.

We always kept the user grounded in narrative scenarios when mapping screens. This allowed for constant iteration based on situational and user context.

Design

We used my wireframes and brand design artifacts to establish a look and feel for the elements of the app. We put those together in more rudimentary, annotated workflows to then polish into full mocks to send to ENG.

I helped define the look of the UI, building out and pitching elements for the design system that were ultimately accepted. I built the card lock/unlock workflows in settings and shipped this feature from UX --> UI --> Delivery.

Results

Insights