top of page

Caviar

Case Study

Rectangle (1).png
Rectangle.png
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.
web 1.jpg

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.

web 2.jpg

User Research

web 3.jpg
Google UX Design Certificate - Portfolio Project 1 - Case study slide deck [Template]_page

Persona: Jane Austin

Google UX Design Certificate - Persona [Template].jpg

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 pr
oductive.

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.

design-process-final2.png

User journey map

Google UX Design Certificate - User Journey Map [Template].jpg

User Flow

Untitled Workspace.png

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​

IMG_1020 (1).jpg

Digital Wireframes:

The focus was to create the skeletal version of a hi-fi mockup by making these lo-fi wireframes,

Welcome Screen.png
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.
Table selection_edited.jpg
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

lofi wf.png

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. A
ll 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:

Google UX Design Certificate - Portfolio Project 1 - Case study slide deck [Template]_page

After Round 2 Findings:

Viewing the bill.png

High-fidelity prototype

[CITYPNG.COM]iPhone 14 Pro Max Mockup HD PNG - 2130x2412.png
Screenshot 2023-04-27 175428.png

Mockups

WEB 4.jpg
Google UX Design Certificate - Portfolio Project 1 - Case study slide deck [Template]_page

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.

Personal Learnings

Google UX Design Certificate - Portfolio Project 1 - Case study slide deck [Template]_page
black-heart_1f5a4.png

Thank you for checking out my work!

Feel free to reach out!

Yamin4mohsin@gmaill.com

bottom of page