Project Summary
In today’s fast-paced world, shared experiences like dining out, traveling, or attending events
are common—and often come with the need to split expenses among multiple participants. But
dividing costs fairly can be time-consuming, error-prone, and awkward, sometimes even straining
relationships.
This project was part of a design hackathon I led with the Experience Design team at CIBC. Our
goal was to spark creativity and generate fresh ideas that could inspire future initiatives
within the bank.
Timeline
Jul 2023 - Aug 2023
My Role
Product Designer and Organizer
Show DesignersEileen Santiago
Gabrielle Lamanna
Hannah Oh
Jane Ha
Lucy Park
Project Challenge
As a CIBC client, I want to Request Money from my friends in order to not lose track of my finances.
HMW assist users with sending multiple money requests to contacts?
HMW keep a record of the receipt or the amount being owed to the individual?
HMW divide the expenses equally and/or fairly between contacts?
HMW provide a secure way to transfer money between accounts?
Competitive Analysis
Google Translate
Splitwise, being the most popular bill splitting app to keep track of expenses, became our reference point to start researching flaws and painpoints.
No in-app integration to send money through Splitwise.
Difficulty when other users do not have the app.
How do you feel about how the split request is represented?
User Testing
With a preliminary design, we sent out a prototype asking a couple of questions to gather
feedback.
Some of the questions include:.
Do you use the request money feature or are familiar with the user flow in the current banking app?
How do you feel about the length of the revised flow for split expenses?
How do you feel about how the split request is represented?
The overall feedback suggested we take back the design and explore a non-linear flow. The linear flow that we presented gave users too many steps to complete the request which diminished the user experience of the product.
Key Features
Toggle the tabs
One way of breaking away from a non-linear flow was to create a separate option within the request money section of the current existing flow. This way, users can still request money but also include an option to add themselves into the bill.
Distribution Graph
Having a visual graph for an even split is rather unnecessary but for uneven splits, having a visual representation of how much everyone pays can serve as a reference for who paid for what or whose portion of the bill was the most expensive. Adding a edit split amount is of course a necessity when it comes to fair pay. Keeping the theme of a non-linear flow, we utilized the use of bottom sheets to allow users to stay on their origin page in order to "shorten" their experience in this flow.
MVP Mockups and Flows
Dynamic Request Money
Even and Uneven Split
Conclusion
This project was a mini-hackathon that I organized within the delivery team to help designers break away from their constraints and limitations. As we had to juggle our workload, our timeline for this project lasted a total of 8 hours. One hour, once a week over a two month period. Through this project, I learned how to lead a team and to construct a project around a strict timeline to deliver a presentable design to upper management in hopes to developing new features within the banking experience.
See other works