SpiBill, a smarter way to split bills

SpiBill, a smarter way to split bills

Transportation

Transportation

Two smartphones with sleek, modern designs display a white and a dark-themed UI prototype featuring a barcode scanner app against a gradient purple backdrop, showcasing innovative mobile design and UI/UX elements.
Two smartphones with sleek, modern designs display a white and a dark-themed UI prototype featuring a barcode scanner app against a gradient purple backdrop, showcasing innovative mobile design and UI/UX elements.
Two smartphones with sleek, modern designs display a white and a dark-themed UI prototype featuring a barcode scanner app against a gradient purple backdrop, showcasing innovative mobile design and UI/UX elements.

SpiBill takes the awkwardness out of splitting bills. It makes shared payments smoother with flexible, transparent options - from individual orders to equal splits -ensuring everyone pays their fair share.

SpiBill takes the awkwardness out of splitting bills. It makes shared payments smoother with flexible, transparent options - from individual orders to equal splits -ensuring everyone pays their fair share.

SpiBill takes the awkwardness out of splitting bills. It makes shared payments smoother with flexible, transparent options - from individual orders to equal splits -ensuring everyone pays their fair share.

By leveraging a human-centered design approach, SpiBill successfully addressed common bill-splitting challenges, providing a more efficient and stress-free dining experience.

By leveraging a human-centered design approach, SpiBill successfully addressed common bill-splitting challenges, providing a more efficient and stress-free dining experience.

By leveraging a human-centered design approach, SpiBill successfully addressed common bill-splitting challenges, providing a more efficient and stress-free dining experience.

Background

Background

Background

Splitting restaurant bills can be a hassle, leading to miscalculations, unfair payments, and awkward conversations. SpiBill was designed to simplify and streamline the process, ensuring fairness, flexibility, and accuracy. With multiple bill-splitting options and automated calculations for taxes and tips, SpiBill eliminates confusion and enhances transparency in group payments.

Splitting restaurant bills can be a hassle, leading to miscalculations, unfair payments, and awkward conversations. SpiBill was designed to simplify and streamline the process, ensuring fairness, flexibility, and accuracy. With multiple bill-splitting options and automated calculations for taxes and tips, SpiBill eliminates confusion and enhances transparency in group payments.

Splitting restaurant bills can be a hassle, leading to miscalculations, unfair payments, and awkward conversations. SpiBill was designed to simplify and streamline the process, ensuring fairness, flexibility, and accuracy. With multiple bill-splitting options and automated calculations for taxes and tips, SpiBill eliminates confusion and enhances transparency in group payments.

The Challenge

The Challenge

The Challenge

Traditional bill-splitting methods, either dividing the total equally or manually calculating individual orders, often result in errors and disputes. Issues such as forgotten taxes and tips, uneven contributions, and uncomfortable reimbursement requests create friction among diners. A more intuitive and automated system was needed to make bill splitting seamless and stress-free.

Traditional bill-splitting methods, either dividing the total equally or manually calculating individual orders, often result in errors and disputes. Issues such as forgotten taxes and tips, uneven contributions, and uncomfortable reimbursement requests create friction among diners. A more intuitive and automated system was needed to make bill splitting seamless and stress-free.

This image showcases a collection of mobile wireframe designs for an iPhone, displaying various user interface elements and layout structures, perfect for visualizing app functionality and user experience.

Wireframes

Wireframes

This image showcases a collection of mobile wireframe designs, displaying various user interface elements and layout structures, perfect for SpiBill

A collection of mobile app wireframe designs is displayed, featuring multiple screens with various layouts, buttons, and menus designed for user interaction and seamless navigation.

Process

Process

The wireframing was a crucial process in the ideation process of the design of SpiBill , allowing me to come up with ideas quickly

This image showcases a collection of mobile wireframe designs for an iPhone, displaying various user interface elements and layout structures, perfect for visualizing app functionality and user experience.
This image showcases a collection of mobile wireframe designs for an iPhone, displaying various user interface elements and layout structures, perfect for visualizing app functionality and user experience.
This image showcases a collection of mobile wireframe designs for an iPhone, displaying various user interface elements and layout structures, perfect for visualizing app functionality and user experience.

Individual Payments

Individual Payments

Individual Payments

Users can pay exactly for what they ordered

Users can pay exactly for what they ordered

Users can pay exactly for what they ordered

This image showcases a collection of mobile wireframe designs for an iPhone, displaying various user interface elements and layout structures, perfect for visualizing app functionality and user experience.
This image showcases a collection of mobile wireframe designs for an iPhone, displaying various user interface elements and layout structures, perfect for visualizing app functionality and user experience.
This image showcases a collection of mobile wireframe designs for an iPhone, displaying various user interface elements and layout structures, perfect for visualizing app functionality and user experience.
This image showcases a collection of mobile wireframe designs for an iPhone, displaying various user interface elements and layout structures, perfect for visualizing app functionality and user experience.
This image showcases a collection of mobile wireframe designs for an iPhone, displaying various user interface elements and layout structures, perfect for visualizing app functionality and user experience.
This image showcases a collection of mobile wireframe designs for an iPhone, displaying various user interface elements and layout structures, perfect for visualizing app functionality and user experience.

Flexible Payment Options

Flexible Payment Options

Flexible Payment Options

SpiBill lets users easily split bills by individual orders, specific items, or equally among the group.

SpiBill lets users easily split bills by individual orders, specific items, or equally among the group.

SpiBill lets users easily split bills by individual orders, specific items, or equally among the group.

This image showcases a collection of mobile wireframe designs for an iPhone, displaying various user interface elements and layout structures, perfect for visualizing app functionality and user experience, with a specific focus on flexible payment options, including choices for equal, itemized, or custom payment splitting.
This image showcases a collection of mobile wireframe designs for an iPhone, displaying various user interface elements and layout structures, perfect for visualizing app functionality and user experience, with a specific focus on flexible payment options, including choices for equal, itemized, or custom payment splitting.
This image showcases a collection of mobile wireframe designs for an iPhone, displaying various user interface elements and layout structures, perfect for visualizing app functionality and user experience, with a specific focus on flexible payment options, including choices for equal, itemized, or custom payment splitting.

Group System

Group System

Group System

Friends can form groups for recurring payments

Friends can form groups for recurring payments

Friends can form groups for recurring payments

This image showcases a collection of mobile wireframe designs for an iPhone, displaying various user interface elements and layout structures, perfect for visualizing app functionality and user experience, with a focus on the "Add Friend" screen featuring a list of contacts on a purple background.
This image showcases a collection of mobile wireframe designs for an iPhone, displaying various user interface elements and layout structures, perfect for visualizing app functionality and user experience, with a focus on the "Add Friend" screen featuring a list of contacts on a purple background.
This image showcases a collection of mobile wireframe designs for an iPhone, displaying various user interface elements and layout structures, perfect for visualizing app functionality and user experience, with a focus on the "Add Friend" screen featuring a list of contacts on a purple background.
Two modern smartphones display a sleek finance mobile app interface, showcasing a user-friendly design for managing bills with detailed transaction lists, set against a vibrant purple gradient background.
Two modern smartphones display a sleek finance mobile app interface, showcasing a user-friendly design for managing bills with detailed transaction lists, set against a vibrant purple gradient background.
Two modern smartphones display a sleek finance mobile app interface, showcasing a user-friendly design for managing bills with detailed transaction lists, set against a vibrant purple gradient background.

Managing Who Owes What

Managing Who Owes What

Users can request money, view transaction history & debt Overview

Users can request money, view transaction history & debt Overview

The image features a mobile app user interface design for finance management, showcasing a payment request and reminder feature on a smartphone screen with a minimal, clean layout on a purple background, illustrating a case study in UI/UX design.
The image features a mobile app user interface design for finance management, showcasing a payment request and reminder feature on a smartphone screen with a minimal, clean layout on a purple background, illustrating a case study in UI/UX design.
The image features a mobile app user interface design for finance management, showcasing a payment request and reminder feature on a smartphone screen with a minimal, clean layout on a purple background, illustrating a case study in UI/UX design.
Two smartphones with sleek mobile design display a finance-related mobile app: one phone shows a QR code for bill payments, while the other highlights a user interface for choosing payment methods.
Two smartphones with sleek mobile design display a finance-related mobile app: one phone shows a QR code for bill payments, while the other highlights a user interface for choosing payment methods.
Two smartphones with sleek mobile design display a finance-related mobile app: one phone shows a QR code for bill payments, while the other highlights a user interface for choosing payment methods.

Others

Others

Others

Enable users to edit and adjust before paying or cover for a friend

Enable users to edit and adjust before paying or cover for a friend

Three smartphones display a finance-related mobile app user interface for managing and scanning bills, set against a purple background.
Three smartphones display a finance-related mobile app user interface for managing and scanning bills, set against a purple background.
Three smartphones display a finance-related mobile app user interface for managing and scanning bills, set against a purple background.

Outcome

Outcome

Outcome

After developing a prototype, usability testing was conducted with a sample group of users. Key findings included:

After developing a prototype, usability testing was conducted with a sample group of users. Key findings included:

After developing a prototype, usability testing was conducted with a sample group of users. Key findings included:

  • 90% of users found itemized payment options beneficial.

  • 80% preferred SpiBill over manual bill splitting.

  • 70% appreciated real-time tax and tip calculations, which increased transparency.

  • Users valued the notification feature for tracking unpaid bills.

  • 90% of users found itemized payment options beneficial.

  • 80% preferred SpiBill over manual bill splitting.

  • 70% appreciated real-time tax and tip calculations, which increased transparency.

  • Users valued the notification feature for tracking unpaid bills.

By leveraging a human-centered design approach, SpiBill successfully addressed common bill-splitting challenges, providing a more efficient and stress-free dining experience.

By leveraging a human-centered design approach, SpiBill successfully addressed common bill-splitting challenges, providing a more efficient and stress-free dining experience.

Finance

Bill payments

Create a free website with Framer, the website builder loved by startups, designers and agencies.