DineSplit

Mobile Web App

An App to make the process of splitting the check intuitive and easy because paying your friends back should be a simple and straightforward process.

Skills | Interface & Interaction Design Duration | 1 Week Tools | Adobe XD, Illustrator Context | General Assembly Design Challenge

Skills | Interface & Interaction Design
Duration | 1 Week
Tools | Adobe XD, Illustrator
Context | General Assembly Design Challenge

The dinner was nice…but how do we split the bill?

Five friends are out for dinner. They’ve enjoyed the meal and it’s time to pay the check. However, the restaurant only takes one credit card. The rest of the group needs a way to pay the card owner back for their individual food items, and, unsurprisingly, no one wants to take on the obligation of doing the calculations for how much each person should pay. A delightful group dinner ends with irritation going around the table...

This is a common story

More often than not, restaurants refuse to take several credit cards at once for a single bill. It is also sometimes difficult to do calculations for splitting the food costs due to different item pricings alongside tax and tips.

A group of restaurant goers need a way to split the check according to the prices of food items they ordered.

Let an App do it for you!

My goal is to create an app that uses smart technology to make the process of splitting the check intuitive and easy, so that users can feel as if the burden of splitting the cost has been taken off their shoulders. The App would also seamlessly integrate payment options so that the entire experience can be cohesive.

User Story

Persona

Steve is a Software Engineer working in San Francisco. He lives alone and enjoys dining out with his friends and co-workers on the weekdays after work. 

Context

Steve is dining at Ohana’s Barbecue with two of his friends, Dug and Jane. They’ve finished the meal and decided that each person is going to pay for his/her own food items. They’ll split the appetizer and tips evenly. Steve paid for the bill.  Dug and Jane will pay him back later.

Motivation

The group wants an easier way of splitting the costs and paying for the bill.

Pain points

Doing calculations manually is time-consuming and irritating. It’s also easy to forget to pay back  the person who paid via bank transfer or cash.

Mental Model

“The task of calculating how much each person should pay can be an automated process. Human calculations are more prone to error as well.”

Mock-up Flow

Interactive Prototype

ezgif.com-video-to-gif (3).gif
ezgif.com-video-to-gif (4).gif
 

Reflection

This project was a short-term individual design challenge that allowed me to explore the UX skills I have acquired so far in preparation for the upcoming UX Immersive course. The exercise also gave me an opportunity to explore the process of tackling a specific design problem and proposing a solution within a limited time.