SplitSec

SplitSec consists of a mobile app and POS device that connect through the cloud to give users access to their restaurant bill.

Once a user is connected to their bill, they are able to select the items they ordered and pay for only those - leaving the days of covering a large bill and hoping your friends pay you back behind!

SplitSec app mock up on iPhone

Deliverables

Timeline

Team

- Market research and competitive analysis
- Intended users
- Flowcharts
- UX
- UI
- Working prototype

- 12 weeks / ~3 months

- Scott Mendenko / Team Leader
- Ben Suh / Project Manager
- Kevin Rana & Zubair Adekunle / Financial & Market Researchers
- Karina Salas / Documentation Manager
- Alec Fray / POS Designer
- Myself / UI/UX Designer

The Problem & Need

As college students, one of our favorite activities when it comes to socializing is going out to eat; but nothing ruins a great night out more than confusion when the bill comes in terms of who owes what. Sometimes the waiter isn't willing to split the check how you want, meaning one person in the group has to cover the whole bill; leaving them to calculate who owes what and then waiting for the others to pay them back.

Concept

SplitSec was created to make splitting the check as easy as the click of a button. With our two part system, the users are given a personalized PIN code (generated by the restaurant POS), which gives them access to their bill, which is thrown into the cloud. They then simply select the items they ate, choose their tip percentage, and click Pay Now.When creating an account, the user inputs a credit/debit card or bank account which the money is automatically pulled from when clicking the 'Pay Now' button.Gone are the days with hassle surrounding splitting the check for both the diner and restaurant.

Intended Users

College students (18 - 22)

High school students (16 - 18)

Possible market placement for adults aged 22 - 27/28

Market Research / Competitive Analysis

Tab - a mobile app utilizing what I assume is AI to translate photo to text. This way a user can take a picture of the bill, then select the items they ordered, but there is no payment integration. A user is pushed to Venmo to complete payment.

Tab's UX and UI are very basic. It's incredibly simple and the app only does one thing. I think there is massive room for improvement but the process they have implemented is something I looked closely at.

Tab mobile app screenshots

Styleguide

I focused on colors representing trust, finances, with some fun mixed in due to the audience being mostly a younger crowd; and fonts that were clean and simple.

*Note: this styleguide is for the newest version I'm working on. It is still a work in progress.

SplitSec styleguide image

Drawn Wireframes

SplitSec drawn wireframes

Digital Wireframe & Flowchart

SplitSec user flow

Final V1

SplitSec final design version 1

V2

As I expanded my skills and knowledge, I decided to go a different route color-wise and also incorporate some financial tools like weekly spending, monthly spending, and more.

SplitSec final design version 2

V3

After some feedback, I decided to iterate again and focus on a lighter, simpler design going back to concentrating on the actual problem that the product was initially intended to solve.
I changed the color scheme to be easier to see/read in a dark restaurant environment and for better accessibility, I made the buttons more obvious, and I changed the bill page to be a bit more clean and obvious that things were clickable.

Video of Working PrototypeSplitSec final design version 3

Work in Progress

I'm currently working on yet another iteration.
I'm working off of the assumption of a release in phases; first phase being having a "host" who will start a "party" for others to join, take a picture of the bill and the app would utilize AI to convert that image to a clickable list.
Phase 2 would move to implementing the POS device in restaurants and being able to connect the bill to the app through the cloud.

Basic Mock Up Prototype (joining bill)SplitSec basic mock up of current iteration

Basic mock up of sign up flow.