Tip confetti animation

Web Dev

Adding delight for both customers and creators

What is it?

Put together in one workday as a hack-a-thon style collaborative effort between development and design. I worked 1-on-1 with one of the designers to iterate quickly through options and solutions. We worked through multiple iterations of how the confetti could look and behave, finding and referencing other examples we could find online and taking inspiration from those. We ended up landing on the confetti count growing as the tip amount increased and having all the buttons fire their confetti when the "Custom" option is selected. Working in a collaborative space, feedback from me and others outside the design team came together to reach the final product we were all proud of. We ended up with something that encourages and rewards tipping, helping the customer feel celebrated for supporting creators they love and helping creators through this encouraging and more fun tipping process.


Created Using