TipTap
GOOGLE UX DESIGN CERTIFICATION
App Concept: A mobile way to tip.
​
Skills Demonstrated: UX/UI Design, Motion Graphics, Branding, Prototyping
​
​
​
x
_edited_edited.jpg)
Project Scope: UX Design Thinking; Progressive enhancement design. Building a scaled mobile app with an accompanying web experience.
​
TIMEFRAME
​
2 Months
​
TEAM
​
Solo Design Project
​
​
MY ROLE ​
​
UX/UI Designer, Interaction & Visual Designer
​
Facilitated Entire UX Design Process: Research, User Flows & Stories, Affinity Mapping, Ideation, Wireframes, User Testing, Prototyping, UI & Visuals, Motion Design
​
PROJECT TYPE
​
Google x Coursera
UX Certificate Project
​
TOOLS
​
Figma, Illustrator​, 3D Prototyping, Coursera
Overview
​
From ideation to functioning prototype, I designed this app to innovate the old ways of tipping people and transform it into a modern, 'on-the-go' digital experience.
​
Give a Tip! View the Prototypes
How I Bettered the Experience with Key Insights
Proximity Requirement:
"How close do I have to be?"
Initial Design before User Insights
​
A user could click on a "TipTaper" no matter how far away they were on the map.
​
​
​
Design Improvement
​
To establish better security measures, a user must be within a .5 mile proximity of a "TipTaper" in order to view and tip them.
A/B Testing
A/B Testing
Profiles:
Get to know a user better!
Design before User Insights
​
The only thing a viewer would see was
the selected TipTaper's avatar.
​
​
Design Improvement
​
Now, a viewer can better 'get to know' a TipTaper by scrolling through a carousel of uploadable video and imagery— with integrations of TikTok and social profiles.
Outcomes & Learnings
I designed this socially driven user experience from lo to hi-fi, utilizing the UX approaches of design thinking to transform and modernize outdated cash-tipping processes by incorporating technologies like digital wallets and mobile payment experiences.​
The final course of my Google UX Design x Coursera certificate program, I spearheaded the design process from beginning to end: empathizing with users, defining their pain points, coming up with ideas for design solutions, creating wireframes and prototypes, and testing designs to get feedback.
By the end of this course, I had completed hands-on activities simulating real-world UX design scenarios, equipping me with the knowledge and skills for entry-level jobs as a UX designer.
Finally, this project allowed me to leverage my creative problem-solving skills and showcase my eye for captivating UI whilst exploring motion design integrated into technology, thus challenging me to push my abilities further as a designer.