Cheers!
Main Role
Interaction Designer
Duration
10 Weeks
Project Type
College Case Study
Spring 2024
Project Overview
Cheers is a payment terminal and app clip ecosystem that reinvents America’s tipping experience by allowing users to tip on their time and their terms.
We implement empathetic interactions that foster transparency, autonomy, and privacy for young adults who frequent fast-casual cafes
My Role
I primarily lead the translation of findings into tangible solutions. I was responsible for layouts, design cues, and final visuals.
As UI and Visual Design Lead, my key contributions included transforming research insights into user-friendly designs, structuring screens, and crafting the final look.
Research Plan
"How we built a data-driven product
Main Insight from research
People empathize with food service employees’ salary struggles... but the current tipping system is rubbing them the wrong way.
Concept Remodel
Insights from the survey, interviews, and workshop led us to reframe our initial predictions and concept, and allowed us to narrow down our overall proposal.
Target Audience
Young Adults
with Anxiety
Niche
Independently Own Cafes
Persona
"Using insights from our primary research, we developed detailed persona and empathy map that represent our target audience
Journey Map
From entering the shop to leaving allowed us to identify key touchpoints and pain points were in the tipping and transactional interactions.
How Might We…
Redesign the tipping experience at cafes to make customers feel comfortable, motivated, and confident during their tipping experience?
Concept Proposal
A payment terminal, app clip and app ecosystem that reinvents America’s tipping experience by allowing users to tip on their time and their terms.
Final Deliverables
We created a:
Card Terminal
+
Phone App
+
App Clip
Moodboarding
We developed two main moodboards: one focusing on the interface design and another for the physical terminal device
UI and Screen Layout Moodboarding
Terminal Physical Design Moodboarding
Visual Style
Primary Typography
Secondary Typography
Brand Colors
#F8F7F6
#333333
#EE4715
Flows and Wireframes
We acted out and recreated various user scenarios to explore all possible flows before finalizing them. These flows were then turned into low-fidelity prototypes for the first round of testing.
Recommended Tip
15%
$2.47
Total
$18.95
Confirm
%
$
We suggest you tip
Since you rated
Recommended Tip
15%
$2.47
Total
$18.95
Confirm
%
$
We suggest you tip
Since you rated
Order Total
$16.48
TAP OR INSERT
TO PAY
How was your experience?
Tip Now
Tip Later
Tip Cash
Your server is:
Anna
Order
Tip
Total
Your Order
Foxy Loxy Cafe
April 14, 2024
9:48 AM
Our staff thanks you for your tip!
$16.48
$2.47
$18.95
TAP OR INSERT
TO PAY
Tap Your Phone
9:41
Open
Tip Your Server
Open to show love to FOXY’s fantastic staff
Powered by
Cheers!
App Store
9:41
Monday, April 14
Total
$16.48
Your Order
Foxy Loxy Cafe
April 14, 2024
9:48 AM
Ready to Tip?
Step 1
You would be thanking:
Chefs
Personal
Server
and
9:41
9:41
Step 2
How was your experience?
9:41
Step 3
%
$
Recommended Tip
15%
$2.47
Total
$18.95
Confirm
9:41
Step 3
Order
Tip
Total
Your Order
Foxy Loxy Cafe
April 14, 2024
9:48 AM
Our staff thanks you for your tip!
$16.48
$2.47
$18.95
Foxy Loxy Cafe
Ready to Tip
$200
Morning Taylor
Your current balance is
Origin Coffee Bar
Tipped on 4/7/24
Henny Penny
Tipped on 4/2/24
9:41
Terminal Visualization
Simultaneously, we explored various shapes for the terminal design. After settling for a final concept, we prepared it for CAD modeling and subsequent testing.
Analog Sketch Ideation Compilation
Iterations after Testing
We took into account the key insights from all three rounds, refining our interfaces into their final design
Display of all Deliverables
Final Screens
App Clip Screens
Terminal Screens
App Specific Screens (Customer)
App Specific Screens (Cafe Staff)
Integrated Features
That will improve usability and address users main concerns and pains while tipping
Privacy
Users can tip later to avoid pressure and experience the full service, while those who tip immediately enjoy privacy from the cashier and others in line due to the terminal design.
Quick Interaction
Initially, there were concerns about tipping becoming inconvenient through this product, however with Cheers, it takes just three clicks in average. Users typically finish tipping in 40 seconds using our terminal and app.
Context
Tipping feels transactional. Cheers makes it more personal with doodle icons, handwritten thank-you notes, skeuomorphism, and hand imagery.
Transparency
Before paying, users see who gets the tip. This transparency builds a link between the customer and service provider, encouraging higher tips by showing who benefits.
Humanizing
Tipping now-a-days feels transactional. . Cheers makes it more personal with doodle icons, handwritten interactive elements, skeuomorphism, and hand imagery.
Confidence
Users can tip later to avoid pressure and experience the full service, while those who tip immediately enjoy privacy from the cashier and others in line due to the terminal design.
Kind Writting
Our writing aims to create a pressure-free environment by replacing "tip" with "thank" and including "No Problem" to ensure users don't feel bad for not tipping.
Process Book
To learn more about technical details and how the project came to be, take a look at the process book!
Take a Look
Take a Look
andreadasilva@gmail.com
+1 515 410 6311
Intagram