Tippy Money
Case study
Overview
Tippy Money started as a side project and quickly picked up momentum. The idea was simple: let people send money to others directly through social interactions, starting with Twitter as the beta platform. As usage grew, Tippy found traction beyond creators and indie hackers, eventually expanding into the gaming community through Discord before being acquired.
My contribution
Front-end development
User research
Product design
The team
1 x engineer
1 x product designer
The opportunity
Online support was becoming normal — from streaming platforms to creator tools like Patreon and Substack — but tipping still felt disconnected from where conversations were actually happening.
We saw an opportunity to make tipping native to social media: one account, multiple platforms, and a lightweight experience that felt as easy as sending a reply.
We started with indie hackers and creators building in public because we were part of that space ourselves. These were people already sharing work openly, supporting each other, and celebrating small wins online. That gave us immediate access to real users, quick feedback, and a community willing to test early ideas.
Through research and beta testing, one behaviour became clear: users wanted the tipping flow to be simple, fast and public.
The final experience allowed someone to reply to a tweet with a set amount or type a custom value. Tippy handled the rest. If the recipient already had an account, the money was sent. If they didn’t, Tippy replied to let them know money was waiting to be claimed.
The solution
We designed Tippy around the behaviour that already existed on social media: replying, shouting people out, and publicly supporting good work.
Rather than forcing users into a separate payment flow, we made the interaction feel native to Twitter. A supporter could mention Tippy in a reply, choose an amount, and send money without breaking the social moment.
For recipients, the experience had to feel clear and trustworthy. If money was waiting for them, Tippy needed to explain what had happened, why they were being contacted, and how they could claim it.
Behind that simple interaction, we designed the core product experience around three key areas:
A lightweight onboarding flow
A clear supporter dashboard
A creator-focused tip history
For creators, the most important thing was knowing who had supported them, how much they had received, and where the tip came from.
The tip history made this easy to scan, helping creators connect the payment back to the original social interaction.
Results & Reflection
With a multitude of users now tweeting and sending money, Tippy Money developed an organic growth. With curious users signing up to claim the cash sent by their peers and others wanting to share their generousity. Eventually we gained traction of the gaming community, an audience we didn't think of before, they shared their needs and opened up the next platform for Tippy: Discord.
Next case study
Let’s work together.
Got something in product or web design? Let's start the conversation.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M 27 0 L 5 0 C 2.239 0 0 2.239 0 5 L 0 27 C 0 29.761 2.239 32 5 32 L 27 32 C 29.761 32 32 29.761 32 27 L 32 5 C 32 2.239 29.761 0 27 0 Z" fill="rgb(40, 103, 178)" height="32px" id="hrO0YMoaZ" width="32px"/><path d="M 3.6 16 L 0.2 16 L 0.2 5.3 L 3.6 5.3 Z M 1.9 3.8 C 0.8 3.8 0 3 0 1.9 C 0 0.8 0.9 0 1.9 0 C 3 0 3.8 0.8 3.8 1.9 C 3.8 3 3 3.8 1.9 3.8 Z M 16 16 L 12.6 16 L 12.6 10.2 C 12.6 8.5 11.9 8 10.9 8 C 9.9 8 8.9 8.8 8.9 10.3 L 8.9 16 L 5.5 16 L 5.5 5.3 L 8.7 5.3 L 8.7 6.8 C 9 6.1 10.2 5 11.9 5 C 13.8 5 15.8 6.1 15.8 9.4 L 15.8 16 Z" fill="rgb(255, 255, 255)" height="16.000000190734863px" id="Ocq6OAmI9" transform="translate(8 8)" width="16px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M 27 0 L 5 0 C 2.239 0 0 2.239 0 5 L 0 27 C 0 29.761 2.239 32 5 32 L 27 32 C 29.761 32 32 29.761 32 27 L 32 5 C 32 2.239 29.761 0 27 0 Z" fill="rgb(234, 76, 137)" height="32px" id="TayvhfDp_" width="32px"/><path d="M 8 0 C 3.584 0 0 3.584 0 8 C 0 12.416 3.584 16 8 16 C 12.4 16 16 12.416 16 8 C 16 3.584 12.4 0 8 0 Z M 13.28 3.68 C 14.24 4.848 14.8 6.32 14.832 7.936 C 14.608 7.888 12.352 7.44 10.08 7.712 C 10.032 7.6 9.984 7.472 9.936 7.36 C 9.792 7.024 9.648 6.688 9.488 6.368 C 11.984 5.36 13.136 3.872 13.28 3.68 Z M 8 1.184 C 9.728 1.184 11.328 1.84 12.528 2.896 C 12.4 3.072 11.376 4.448 8.944 5.36 C 7.824 3.296 6.576 1.616 6.4 1.36 C 6.912 1.248 7.44 1.184 8 1.184 Z M 5.088 1.824 C 5.264 2.064 6.48 3.76 7.616 5.776 C 4.416 6.624 1.6 6.608 1.296 6.608 C 1.76 4.48 3.184 2.72 5.088 1.824 Z M 1.168 8.016 C 1.168 7.952 1.168 7.872 1.168 7.808 C 1.456 7.824 4.784 7.856 8.192 6.832 C 8.384 7.216 8.576 7.6 8.752 8 C 8.672 8.032 8.576 8.048 8.48 8.08 C 4.96 9.216 3.088 12.32 2.928 12.576 C 1.824 11.36 1.168 9.76 1.168 8.016 Z M 8 14.832 C 6.416 14.832 4.96 14.288 3.808 13.392 C 3.936 13.136 5.312 10.464 9.168 9.12 C 9.184 9.104 9.2 9.104 9.216 9.104 C 10.176 11.6 10.576 13.68 10.672 14.288 C 9.856 14.64 8.944 14.832 8 14.832 Z M 11.808 13.664 C 11.744 13.248 11.376 11.248 10.48 8.8 C 12.624 8.464 14.496 9.024 14.736 9.088 C 14.432 10.992 13.344 12.64 11.808 13.664 Z" fill="rgb(255, 255, 255)" height="16px" id="YbRaKpxIJ" transform="translate(8 8)" width="16px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M 32 5 C 32 2.239 29.761 0 27 0 L 5 0 C 2.239 0 0 2.239 0 5 L 0 27 C 0 29.761 2.239 32 5 32 L 27 32 C 29.761 32 32 29.761 32 27 Z" fill="rgb(0, 0, 0)" height="32px" id="JVzKgZkM5" width="32px"/><path d="M 0 2.667 C 0 1.194 1.194 0 2.667 0 C 4.139 0 5.333 1.194 5.333 2.667 C 5.333 4.139 4.139 5.333 2.667 5.333 C 1.194 5.333 0 4.139 0 2.667 Z" fill="rgb(26, 188, 254)" height="5.333399999999999px" id="ydcjNquk_" transform="translate(15.983 13.333)" width="5.333300000000001px"/><path d="M 0 2.667 C 0 1.194 1.194 0 2.667 0 L 5.333 0 L 5.333 2.667 C 5.333 4.139 4.139 5.333 2.667 5.333 C 1.194 5.333 0 4.139 0 2.667 Z" fill="rgb(10, 207, 131)" height="5.333300000000001px" id="NPUpvGMxn" transform="translate(10.65 18.667)" width="5.333399999999999px"/><path d="M 0 0 L 0 5.333 L 2.667 5.333 C 4.139 5.333 5.333 4.139 5.333 2.667 C 5.333 1.194 4.139 0 2.667 0 Z" fill="rgb(255, 114, 98)" height="5.3332999999999995px" id="jGljsiE4Z" transform="translate(15.983 8)" width="5.333300000000001px"/><path d="M 0 2.667 C 0 4.139 1.194 5.333 2.667 5.333 L 5.333 5.333 L 5.333 0 L 2.667 0 C 1.194 0 0 1.194 0 2.667 Z" fill="rgb(242, 78, 30)" height="5.3332999999999995px" id="JUFtWyYKp" transform="translate(10.65 8)" width="5.333399999999999px"/><path d="M 0 2.667 C 0 4.139 1.194 5.333 2.667 5.333 L 5.333 5.333 L 5.333 0 L 2.667 0 C 1.194 0 0 1.194 0 2.667 Z" fill="rgb(162, 89, 255)" height="5.333399999999999px" id="StHT4lRlg" transform="translate(10.65 13.333)" width="5.333399999999999px"/></svg>)
©
Selected works / Raz