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

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 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

[CITYPNG.COM]iPhone 14 Pro Max Mockup HD PNG - 2130x2412.png

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.

Personal Learnings

Thank you for checking out my work!

Feel free to reach out!
Yamin4mohsin@gmail.com

Yamin
Mohsin

Caviar

Case Study

My Role

Tools Used

Project Date

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

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

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.

After Round 1 Findings:

After Round 2 Findings:

High-fidelity prototype

Mockups

Learnings

Personal Learnings

Thank you for checking out my work!

Feel free to reach out!
Yamin4mohsin@gmail.com

Copyright © 2023 Yamin Mohsin. All rights reserved.

Yamin Mohsin

Caviar

Case Study

My Role

​

Tools Used​

​

Project Date​

​

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

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

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.

After Round 1 Findings:

After Round 2 Findings:

High-fidelity prototype

Mockups

Learnings

Personal Learnings

Thank you for checking out my work! Feel free to reach out! Yamin4mohsin@gmail.com

Copyright © 2023 Yamin Mohsin. All rights reserved.

Yamin
Mohsin

Tools Used

Project Date

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.

Solution:

A mobile app that simplifies restaurant bill payment and offers features such as
viewing past bills and checking earned rewards.

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

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.

Thank you for checking out my work!

Feel free to reach out!
Yamin4mohsin@gmail.com