Synthesize our Solution Sketches into a Prototype
We were focused on creating the High-Fidelity Wireframes by the end of the day, having in mind the accessibility design and key features that would meet the user's and business' expectations. To do so, we discussed and agreed on the users and business values.
We believe our app would add value to the user by:
retrieving 3rd party debt information without having to input it manually.
offering a personalized payment plan through goal setting (P3 feature)
demonstrating spending on a graph to keep users on track to meet their goals
On the other hand, the business value would be added by:
Creating a more accessible mobile banking experience
Appealing to a demographic that's starting their banking and financial journey, and may create lifelong clients.
Building brand loyalty: a delightful experience for users to rapidly pay of debt and will associate that with your bank.
Divide and Conquer
We worked in parallel based on each role. As a "collector," I gathered assets such as icons, typography ideas, images and illustrations by reviewing existing websites, apps and UI designers pages. Two other students, the "makers," built the low-fidelity wireframes while another "maker" designed the website promotional page, and the "writer" drafted the tone and copy of our app.
Accessible Design (WCAG)
Although Jose's vision is fine, we wanted to make sure our product was accessible for all potential users. To do this, we made sure to follow WCAG double-A compliance standards we ensured that
Our content had logical structure and contrast
The readability of our text by using sufficient sizes and also true text, which helps maintain the fidelity of the content
For some of the headings, we also used all-caps
and just for convenience, we gave Jose the option to skip onboarding.
Two-factor authentication in the initial sign-up validation process
Introducing Pastel Priority Pay or P3 feature at the onboarding screen which is specific to manage student loan debts
He would have the option to sync student loan information via SIN number. Yet, also included an opportunity to input as well manually
Auto-payment options, for both minimum payment and goal setting payment in an easy-to-access toggle
Through a variety of progress graphs, Jose would visualize his spending habits as well as an optimized plan of his disposable income towards his student loan debt.