Fundraising on Twitch with Mister Rogers

This donation component was used for a fundraising campaign run during the Mister Rogers' Neighborhood marathon in May. Twitch's amazing community came together to raise over $42k during the multi-day marathon.

The toughest part was getting the hundreds of donations sent to the appropriate local stations. PBS doesn't have a single hub to receive money—all donations had to go directly to a specific station.

"When donating, viewers had the option to be matched automatically via location or choose their station from a drop-down menu. It's something new: an international funding campaign with local beneficiaries..." — Vice https://goo.gl/sUKPBN

For design process geeks:
• I designed the overall user flow, application flow, and donation bar using Sketch. Lots of iteration before we landed here.
• The component is built in our Ember framework. Not quite as difficult as I expected.
• This motion graphic using After Effects... because why not?