Checkout redesign
What it was
Bread, a merchant-first pay-over-time solution, allowed online retail stores to quickly add merchant branded buy now, pay later options to their checkout experiences. I worked on the consumer facing checkout experience that was embedded in online retail checkout flows.
Why we did it
The company was undergoing an overhaul to create Bread 2.0. The business wanted to take this opportunity to optimize our checkout experience for our Bread Direct merchants and business partnerships.
What I did
Lead designer for the project owning all of UX research, design, and usability testing.
Challenges
Designing a scalable solution that provides a range of white labeling customizations from Bread Direct to Enterprise. Emerging partners want divergent experiences and capabilities which impede on scalability.
Goals
Standardize
Standardize our flows and merchant customization offerings in order to scale more efficiently.
Optimize
A cleaner & more engaging UI to improve the user experience, elicit trust, & demonstrate to merchants the value Bread puts into research, design & engineering.
Convert
Improve conversion through a more clear, transparent and efficient application process.
Sell
Improve SMB merchant sales by showcasing the most seamless, user-friendly checkout flow. Improve Enterprise sales by showcasing the most customizable checkout flow that builds upon their brand.
Design Audit
I uncovered all the different screens, flows, edge cases, and inconsistencies within our current experience. I presented it all on a wall so we could see the state of checkout in one view.
Data Analysis
We analyzed the data we had on our checkout experience, like our checkout conversion funnel, Looker data (element click, rage clicks etc), results from our previous A/B tests and more.
Data not shown; under NDA
Customer demographics
We looked at the data we had on our current customer base.
Data not shown; under NDA
User Research
I conducted all the user research for this project which included:
33 User Interviews (non Bread users, Bread users and Bread abandoned users).
Multiple rounds of usability testing to get feedback on our current flow, competitor flows, and early concepts.
Taking part in interviewing some of our merchants
Surveying around 200 customers.
Research Findings
It's easy & transparent
Trust is key
People don't know what Bread is
Our user flows need work
More context is needed
Archetypes
Based on the user research I was able to create "Pay Over Time" archetypes (I went for a "The Big Short" theme)
Journey Maps
Whitelabeling vs Customization
The company always referred to its product as a white labeled solution, but this was never true. The customer will find out who the financing provider is post checkout, and this is a source of confusion for users. I pushed for a new strategy that was based on tiered customization vs white labeling.
Tier 1
Tier 2
Final Designs
After multiple rounds of testing where we found that copy was the main aspect that needed iteration to provide clarity to the user and elicit trust, we landed on the below MVP screens. This was a very de-scoped MVP experience. Nothing was final, and there was a lot to continue to iterate on.
Deceivingly Simple
What looks like a simple application is actually quite complex. Returning user edge cases, 17 versions of our terms screen, and multiple reasons for a user to get stopped or denied had to be architected into the flow.
