Olipop Flavor Wheel

A visually engaging, informational interactive component that helps users discover their ideal Olipop soda flavor during a health and wellness presentation.

Project Overview

Figma and Content Creation

When my friend, who's pursuing a degree in nutrition, approached me with the idea of creating an informational yet fun, interactive component for a presentation, I was immediately sold. As someone who deeply values health and wellness with a personal goal of staying mindful about my own nutrition this project felt like a natural fit for me. They wanted a fun and engaging way to showcase gut-friendly tips and products, a more unique way to keep things refreshing and accessible for event attendees while the speaker would highlight not just what Olipop had to offer, but prebiotic and probiotic health overall.

Platforms

Figma

Deliverables

Smart animate carousel animation

Your Role

Designer
I handled the entire design process, from sketches to final execution, ensuring the final outcome aligned with the client’s vision of representing health in a fun way.

Results

The Olipop soda carousel was a hit at the event, drawing attention with its interactive and colorful design. 30 attendees were able to learn about gut health in an enjoyable way, associating it with the fun and flavor of Olipop sodas rather than a typical health seminar. This project successfully demonstrated how smart animation and thoughtful design can make wellness content more engaging and digestable (ha!).

View project

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

Design Process

I decided to create an interactive carousel featuring Olipop's popular soda flavors: Cherry Vanilla, Strawberry Vanilla, Peaches and Cream, and Cherry Cola. I created an interactive playful carousel where users could click on any of the four soda cans to reveal additional information about the flavor and its gut-friendly benefits. To add visual appeal and a cohesive theme, I designed the color scheme and typography to align with Olipop's brand aesthetic, using vibrant, flavor-inspired hues to make each soda flavor stand out. To ensure the prototype was visually accessible to all users, I intentionally reduced the saturation of background fruit imagery and softened the color palette. This allowed the text and interface elements to remain clear and easy to read, even over visually busy backgrounds. Since gut health can be a complex topic, I kept the information concise and easy on the eyes to keep from overwhelming users.

Sketches of what the animation could look like.
Top left- all the info that we felt was necessary to represent the drink. Top right- what we decided on! Represented everything very well. Bottom left- nice, but didn't end up with it in the end. Bottom right- circle felt like it was taking up a lot of the page, didn't care for the visual.

I wanted to explore different layouts, so I sketched a few ideas out. Top left was what the client needed in the presentation to be as informative as possible. We wanted to represent all the info that felt necessary to represent the drink, while not overwhelming viewers, so we decided on with a scrolling element to keep the fun, engaging element! I designed the color scheme and typography to align with Olipop’s brand aesthetic, using vibrant, flavor-inspired hues to make each soda flavor stand out in a casual way.

Takeaways and Next Steps

• Users prefer visual exploration over traditional dropdowns for decision-making.
• Color & motion enhance user engagement when used intentionally.
• Too much information at once overwhelms users, so progressive disclosure is key. I chose not to flood the slides with terminolgy the audience would be overwhelmed by and kept it light on the eyes while still sharing relevant content.

Next time, I’d explore gamification elements, like a flavor quiz for added personalization. Since Olipop has come out with so many flavors, users would find the interactive element of a quiz to find the flavor that is most like their personalities very useful to narrow down their choices.