The Beyond Group x Olipop – Swatch hover animation

This is a close look at the swatch hover animation we designed for the Olipop Product Detail Page. Our aim was to bring the soda pops to life through the shopping experience, making flavor exploration and selection easy, fast and fun.

Full animation is showcasing the design transformation from what was once a dropdown on the PDP to separate swatches, which boosted average flavors viewed per session and ultimately CVR by 25%!