Reimagining the bill-splitting experience in group outings with a Digital Wallet app
DIVVEE
ROLE
UX and UI Designer
TIMELINE
10 weeks
SKILLS
Product Strategy
User Research
Interaction Design
Visual Design
Motion Design
TOOLS
Figma, Adobe Illustrator, Adobe After Effects
DELIVERABLES
Mobile UI Design and animated Prototype
AT-A-GLANCE
In this project, I pinpointed pain points in a conventional bill-splitting process then developed DIVVEE with innovative features and micro-interactions, leading to a more intuitive digital wallet app that streamlines group transactions among friends.
THE PROBLEM
Group activities lack an efficient method for calculating and managing shared expenses
In social settings like dining or shared entertainment, splitting group expenses remains a problem. Existing solutions, like manual calculations and payment apps, aren't efficient. The challenge is the lack of a straightforward way to handle shared expenses in a group, leading to the need for DIVVEE.
THE CHALLENGE
Sharing bills - A tricky culture
Splitting bills within a social group can be a delicate process. It involves deciding whether to divide expenses equally or itemize them, a task often tackled discreetly after leaving the restaurant. It becomes more challenging when someone has to gently remind others to pay their share. This practice can introduce tension to social gatherings, emphasizing the need for a simpler solution.
WHAT CAN WE LEARN FROM COMPETITORS?
After surveying 10 people on their experience with payment apps, specifically Venmo I've concluded the strength, pain points and potential feature I can implement for my new app.
In developing Divvee, the goal is to utilize strengths while implementing solutions for identified pain points, ensuring an efficient and competitive digital wallet and payment application that meets user needs and satisfaction.
UNDERSTANDING THE AUDIENCE
Divvee's target audience primarily comprises tech-savvy young adults, college students, and urban dwellers who prefer digital solutions for peer-to-peer transactions and shared expenses.
CARD SORTING
To decide on a more intuitive navigation for the app, I conducted an open card sorting exercise on three people who fit our target audience. In this exercise, I asked them to sort contents into categories of their own definition, then rank the importance of these categories in a digital wallet app.
The findings from the card sorting exercise emphasized the need to prioritize certain essential elements for user accessibility. In response to this feedback, I introduced new pages to facilitate the "splitting bills in a group" feature, streamlining the bill-splitting process within a single transaction request.
​LOFI WIREFRAME
After creating the task flow, I conducted usability testing on 8 users using a paper prototype to evaluate the app's navigation. Users found executing tasks for splitting bills among multiple people challenging, leading to further iterations based on their feedback.
BRANDING
Since this app caters to a tech-savvy audience, I aimed to infuse a futuristic aesthetic into the design of this digital wallet. The objective was to strike a balance between the sleek, modern look associated with futuristic design elements and maintaining a user-friendly and approachable interface that aligns with the user's expectations.
MICROINTERACTION
To develop a prototype for this user flow, I began the micro-interaction design, focusing on defining triggers, feedback, loops, and interaction modes throughout the app before refining the animations in After Effects.
​FINAL DESIGN
Effortless group bill-splitting experience
To streamline bill-splitting within a group, I designed Divvee to allow users to easily make payments or request them from individuals or groups. In group mode, users can split bills equally or specify custom amounts for group payments, with a dedicated group chat for tracking shared expenses in a separate tab.
User flow Prototype
CHALLENGES AND LEARNINGS
Maintain a flexible mindset.
Initially planned to be a Venmo redesign, this project evolved in response to user insights and demands for a bill-splitting feature. Along the journey, I came to appreciate the importance of flexibility in mindset when crafting impactful designs that transcend traditional norms.
Micro-interaction is important
While researching and working on this project, I learned that micro-interactions are vital for creating a seamless user experience, as they can enhance usability when done well or cause confusion and frustration when neglected.
