HTML5 / CSS3 / PHP / JS animations
Ricola + Pentatonix: Natural Voices Sweepstakes
A sweepstakes campaign pairing Ricola with Pentatonix to celebrate natural voices and drive brand engagement through interactive experiences.
The Campaign
Ricola teamed up with Pentatonix, the a cappella group known for their natural voices, for a sweepstakes campaign that was all about celebrating what makes voices special. The concept was a perfect brand fit: Ricola keeps your voice healthy, Pentatonix shows what a great voice can do.
The Experience
I built an interactive microsite that invited users to enter the sweepstakes while exploring content about the partnership. The design leaned into rich photography and smooth JS-driven animations that gave the whole experience a premium, music-industry feel.
The best brand partnerships feel obvious in hindsight, like they were always meant to be together.
Visual Storytelling
Every section of the site was designed to flow like a narrative, from the hero moment introducing the partnership, through the sweepstakes entry, to the product spotlight. Custom animations tied it all together.
The Stack
- Custom HTML5 and CSS3 with hand-crafted animations and transitions
- PHP backend handling sweepstakes entries, validation, and winner selection
- JavaScript animations creating scroll-driven visual moments throughout
- Responsive design ensuring the experience felt great on every device
The Results
The campaign successfully drove sweepstakes entries while reinforcing Ricola's brand positioning around natural wellness. The Pentatonix partnership gave the campaign cultural relevance and shareability that a standalone promotion couldn't match.