Splyt Pay
Making Group Payments Simple, Transparent, and Fair
Role
User Experience Designer
Timeline
November, 2022-March 2023
Team
Moment Studio Design Team
Platform
Desktop
Splyt Pay is a B2C mobile application designed to solve one of the most awkward pain points in group dining: splitting the bill. With a single photo of a receipt, users can convert it into a digital itemized list and assign costs based on what each person ordered, ensuring everyone pays their fair share.
The Challenge
While Splyt Pay’s initial design allowed users to scan and split receipts, the experience often broke down at the final step of payment. Participants were paying too early, leading to miscalculations and frustration. Overall, the core challenge was balancing accuracy, collaboration, and speed within one intuitive interface.
The Solution
To restore trust and fairness in group bill splitting, our team focused on making the process visible, editable, and accurate from start to finish. Our key goals were to:
Eliminate Premature Payments
Introduce a clear item assignment workflow where users could only pay after all items were confirmed and matched.
Improve Transparency and Control
Add the ability to edit or delete line items to fix errors before finalizing payments in addition to allowingmoderators to assign or reassign food items dynamically.
Enhance Collaboration and Feedback
Simplify communication through shared progress visibility, reducing confusion about who’s paid what.
Design Process
Discovery
Understanding the Client
Before designing, we analyzed user testimonies to understand real frustrations with group payments. Users frequently mentioned confusion over who had paid, incorrect bill splits, and the lack of control to fix mistakes.
During the client kickoff, I led the discussion and asked targeted questions to clarify priorities and expectations. This alignment ensured that every design decision was grounded in solving user pain points while supporting business goals.
Ideate
User Stories
To focus our design scope, I developed two key user stories:
As a user, I want to assign items to participants.
As a user, I want to edit or delete line items before paying.
User Flows
I created user flows to visualize how users would move from scanning a receipt to completing payment. The result identified two critical routes: item assignment and payment confirmation, which together formed the backbone of the product’s user experience.
One of the two wireframes created
Sketches
I began with quick sketches to map the layout and flow for item assignment and editing interactions. My focus was clarity and minimal friction
Mid-Fi Wireframes
Using Figma, our team translated concepts into mid-fidelity wireframes. I led the design of the item assignment screens, which allowed moderators to efficiently assign each receipt item to a participant.
Design
UI Inspiration
The client provided a mood board emphasizing clean, modern, and approachable aesthetics. I combined this with competitive references from Venmo, Splitwise, and Cash App to design a familiar yet distinctive interface.
Style Guide
We developed a comprehensive style guide that reinforced Splyt Pay’s brand through vibrant colors, rounded typography, and consistent layout grids and spacing.
The Result: a cohesive visual language that strengthened brand trust and recognition.
High-Fidelity Screens
I led the final design of the item assignment feature, ensuring every user action felt intuitive.
Prototype
After positive client reviews, I built a high-fidelity interactive prototype in Figma to simulate the full user journey. The prototype focused on validating two outcomes:
Users can accurately assign items.
Payments are completed only after all assignments are verified.
Results and Reflection
The Results
The redesigned Splyt Pay experience led to strong user validation and client satisfaction during testing and review cycles. Early feedback and performance metrics showed clear improvements:
50% reduction in incorrect bill splits
Due to the new item assignment flow.
35% decrease in premature payments
Improving group accuracy and satisfaction.
Client satisfaction rating of 9.5/10
Citing “clarity and fairness” as standout improvements.
The Reflection
This project reaffirmed the importance of designing for visibility and control in collaborative financial experiences. Some key takeaways include:
Collaboration is key: Building a shared understanding among designers, engineers, and users is critical to accuracy.
Iteration builds trust: Frequent testing cycles refined the smallest details that made the biggest impact.
Splyt Pay’s redesign taught me how small interface decisions can create outsized emotional and functional value, transforming the way people interact around shared expenses.