Caviar
Case Study
Caviar is a mobile app designed to make paying restaurant bills easier and more convenient.
With Caviar, customers can quickly settle their food bills with just a few taps on their phones.
In addition to its payment feature, the app also allows users to view past bills and check any earned rewards
they may have accumulated. By streamlining the payment process and providing added value to users,
Caviar is poised to become a go-to app for diners who value speed, convenience, and efficiency.
My Role
-
User Interaction
-
User experience
-
Journey mapping
-
Prototypes
-
Wireframing
-
User Research
Tools Used
-
Figma
-
Adobe Photoshop
Project Date
-
2023
Project Overview
The Problem:
There are no alternative payment methods besides cash or card, and there is a lack of tracking past payments/bills. Conventional payment methods are usually time-consuming.
The Goal:
Design an app that makes the payment process easier and more secure. By also making it simple, swift, and accessible.
User Research
Persona: Jane Austin
Problem statement:
Jane is a married 26-year-old Accountant who wants to pay the restaurant bill quickly
because she is very particular about her time and being productive.
As I talked to different people dining at the restaurants and also my friends and family,
majority of them (mainly the millennials) have been fascinated by the idea of alternative
conventional paying methods to cash/card.
Solution:
A mobile app that simplifies restaurant bill payment and offers features such as
viewing past bills and checking earned rewards.
User journey map
User Flow
Wireframes
With a clear vision for the user flow, my work on the Caviar app was swift and effective.
Through user research and accessibility considerations, I was able to create wireframes that streamlined the payment process and provided a seamless, user-friendly experience.
By focusing on the app's core function of bill payment, the user flow was kept short and easy to navigate.
Paper Wireframes:
The goal was to layout all the screens keeping all problem solving aspects in mind
Digital Wireframes:
The focus was to create the skeletal version of a hi-fi mockup by making these lo-fi wireframes,
Large Card style
actionable tabs
to highlight the
main function of app
Smaller size cards that serve
other two purposes of the
the app, but minimized.
Tab which showcases
what your camera
sees to scan the
QR code.
Alternative Option
for accessibility
Lo-fi Prototype
As you can see below the user flow is designed to be really simple and quick
Usability study findings
I conducted 2 unmoderated usability studies with friends and family and these were the following findings.
Round 1 findings:
1. All users loved the experience.
2. All users chose caviar to pay.
3. Paying with caviar is faster, but can be improved further.
Round 2 findings:
1. Users liked the accessibility.
2. Users loved the visual design.
3. Users want to use caviar every time.
4. Having options for tipping amounts will
increase accessibility & save time.
From the usability study, I found out that I could still save some more time and make the process faster while considering all user problems and accessibility.
I came up with the idea of removing the separate step of the tipping screen from the process and placing it in the
bill viewing section itself.
After Round 1 Findings:
After Round 2 Findings:
High-fidelity prototype
Mockups
Learnings
1. User research is key to designing a successful app:
By conducting user research, you can gain valuable insights into your target audience's needs, preferences, and pain points. This information can then be used to inform your design decisions and create an app that meets your users' needs.
2. Accessibility is important for user experience:
When designing an app, it's essential to consider accessibility for users with disabilities or impairments. By making your app accessible, you can ensure that all users can navigate and use the app with ease.
3. Streamlining user flow improves usability:
By keeping the user flow short and straightforward, you can make the app more user-friendly and increase the likelihood of users returning to use it again. Focusing on the app's core function and removing any unnecessary steps can also improve the overall usability of the app.