Created a visual and purposeful library of the offers for Varo customers
What is Varo
Varo Bank is an FDIC insured bank on a mission to bring financial inclusion and opportunity to all.
Varo has a suite of tech-forward customer-centered financial tools and accounts.
Overview
PROBLEM
Varo created a Partnership department in which their central role is to create partnerships that would benefit our customer base and create a revenue stream.
In September 2019, I had an opportunity to redesign the Offers experience to prepare for the expansion of the partnership experience.
Product Goals:
Improve the layout in anticipation of more than 30+ partners and personalization.
Improve the presentation of the offers to balance between value proposition and advertisement.
Problems:
Readability issues: Current layout offers were not scalable for the projected amount offers
Scalability: Because of the readability issues of the cards, the cards as is would suffice.
Increase Limits: In User voice and other customer feedback channels, the request for a higher buffer was evident.
Research
COMPETITIVE ANALYSIS
As I started this project, I performed a competitive analysis to understand the landscape of how other neo-Bank and established banks show partners in their applications. I also looked at companies that show a catalog of content.
These are are the questions I used the facilitate the inquiry:
Where does personalization live?
How are offers introduced to the user?
Are there any examples that presently offer well?
Any taglines/ copy that works well? Or don’t work well?
Specific flow? Visual Design/ treatment?
What do we personally find annoying and/or extra?
What types of offers are out there? (exclusively finance)
Prototype and testing
TESTING DIFFERENT LAYOUTS
OUTCOME OF TESTING
There was no clear winner on the layout based on verbal preferences, but I noticed that people had an easier time browsing on the vertical scroll variable.
There was other noticed behavior that helped me optimized the experience.
PROBLEM
“What is Offers (now named Perks) and what does it do for users?” Observed users need to explain the tab and set the tone when entering the perks tab, especially for first-time users.
SOLUTION
Create a feature introduction that clearly explains the value of the partnerships.
PROBLEM
When scrolling up and the page, people used the filters as navigation of what type of content.
SOLUTION
Go with preference B and have the filter be sticky to the top.
Optimizing for Desktop
EXPLORATIONS FOR DESKTOP WEB CARD DESIGN
When it was announced we brought Offers renamed Perks to the web. I wanted to take advance of the space of the desktop web.
