Propi
Cashless tips with real transparency
QRtips started with a simple idea. A guest scans a code, tips in a few taps, and everyone can see where the money goes. The real challenge was trust. We shaped the guest flow so it feels effortless, and we gave managers tools that feel fair and easy to audit. No mysteries, no guessing.
This project stems from a thesis research on the use of gamification as a playful methodology to enhance the digital reading experience within the manga reader niche. The objective was to design a gamified manga reading app that fosters social interaction, increases reading motivation, and promotes community building.
Role
UX/UI Design, Product Strategy, Design System, Prototyping
Duration
Ongoing (MVP released in 2025)
Tools
Figma, Notion, Illustrator
Problem Statement
Cash tips were slow and messy. Staff did not know when they would get paid. Managers lived inside spreadsheets and still had doubts about splits. The gap was not only features. It was confidence.
Problem Statement
Cash tips were slow and messy. Staff did not know when they would get paid. Managers lived inside spreadsheets and still had doubts about splits. The gap was not only features. It was confidence.
Project Goals
Explain identity and authentication in plain language. Lead with outcomes, then show how it works. Give developers, product leads, and legal teams a clear path without repeating content. Build a system that stretches from landing pages to docs.
Project Goals
Explain identity and authentication in plain language. Lead with outcomes, then show how it works. Give developers, product leads, and legal teams a clear path without repeating content. Build a system that stretches from landing pages to docs.
Research
Research
I mapped the buyer journey with sales and support. I read the pages that lost people and the emails that saved deals. I benchmarked developer marketing sites that balance clarity with depth and collected patterns that reduce bounce on technical content.
I mapped the buyer journey with sales and support. I read the pages that lost people and the emails that saved deals. I benchmarked developer marketing sites that balance clarity with depth and collected patterns that reduce bounce on technical content.
Users and Profiles
Users and Profiles
We focused on two key personas:
The manager – in charge of setting up the system, inviting team members, and distributing tips at the end of each shift.
The collaborator – who simply wants to see their earnings and make sure nothing gets lost in the process.
The experience was designed to reflect their mental models: managers need control, collaborators need confidence.Developers want straight talk and examples. Product leads want value and proof. Legal and compliance want signals that show risk is handled. Everyone wants to understand fast.
We focused on two key personas:
The manager – in charge of setting up the system, inviting team members, and distributing tips at the end of each shift.
The collaborator – who simply wants to see their earnings and make sure nothing gets lost in the process.
The experience was designed to reflect their mental models: managers need control, collaborators need confidence.Developers want straight talk and examples. Product leads want value and proof. Legal and compliance want signals that show risk is handled. Everyone wants to understand fast.
Ideation and Wireframes
Ideation and Wireframes
Wireframing explored multiple use cases:
A collaborator scanning their own QR to check status
A manager seeing real-time tip distribution by shift
Batch invitations to onboard teams fast
Cross-role access logic and permission design
I drafted a structure that starts with outcomes, follows with how it works, and ends with proof. I wired alternate paths for each buyer without duplicating content. I wrote short module notes so the team can extend the site with the same logic later.
Wireframing explored multiple use cases:
A collaborator scanning their own QR to check status
A manager seeing real-time tip distribution by shift
Batch invitations to onboard teams fast
Cross-role access logic and permission design
I drafted a structure that starts with outcomes, follows with how it works, and ends with proof. I wired alternate paths for each buyer without duplicating content. I wrote short module notes so the team can extend the site with the same logic later.
UX/UI Design
UX/UI Design
The visual design leaned into clarity, rhythm, and structure.
Clean UI with strong typographic hierarchy for quick scanning
Clear labels and states (“Pending”, “Distributed”)
Soft brand identity that felt trustworthy but not corporate
Modular design system that can scale across new roles and industries
The visuals align with security, speed, and compliance without feeling cold. Diagrams explain flows at a glance. Components support hero sections, product details, proof blocks, and documentation so the system holds together as the site grows.
The visual design leaned into clarity, rhythm, and structure.
Clean UI with strong typographic hierarchy for quick scanning
Clear labels and states (“Pending”, “Distributed”)
Soft brand identity that felt trustworthy but not corporate
Modular design system that can scale across new roles and industries
The visuals align with security, speed, and compliance without feeling cold. Diagrams explain flows at a glance. Components support hero sections, product details, proof blocks, and documentation so the system holds together as the site grows.
Results & Final reflections
Results & Final reflections
QRtips was born as a niche solution, but quickly proved relevant across industries—from restaurants to hotels, salons, events and more. It transformed a disorganized backend process into a smooth, structured experience. The biggest takeaway? Designing for fairness is just as much about interface clarity as it is about business logic. Simplicity builds trust. And trust is currency in the service world.
High intent visitors spent 18% more time on key pages. Demo requests rose 26%. Bounces on technical pages dropped 21%. The word sales kept hearing was clarity. When the story is clean, trust follows.
QRtips was born as a niche solution, but quickly proved relevant across industries—from restaurants to hotels, salons, events and more. It transformed a disorganized backend process into a smooth, structured experience. The biggest takeaway? Designing for fairness is just as much about interface clarity as it is about business logic. Simplicity builds trust. And trust is currency in the service world.
High intent visitors spent 18% more time on key pages. Demo requests rose 26%. Bounces on technical pages dropped 21%. The word sales kept hearing was clarity. When the story is clean, trust follows.