Fanta Product Page Redesign
👋 Hey Dribbble community!
I’m excited to share the product page redesign for Fanta, famous beverage brand.
🛑 What’s wrong with the existing page?
The main goal of this page is to showcase all available flavors of Fanta, along with their nutritional values and packaging options.
However, I noticed several issues:
The page lacked color. Given the vibrant nature of the brand and the product itself, I felt it needed more color to create a playful and engaging experience.
Key nutritional information required an additional click to access, making it less intuitive for users.
Packaging options were displayed in plain text, which wasn’t the most user-friendly format.
Exploring all flavors required excessive scrolling, leading to a frustrating user experience.
✅ How I fixed these problems:
Expanded the color palette by adding relevant colors for each flavor, reinforcing Fanta’s vibrant brand identity.
Incorporated real fruit images for each flavor to help users visually connect with the product.
Made key nutritional information instantly visible using icons, ensuring users can quickly grasp essential details without additional clicks.
Replaced text-based packaging descriptions with graphical representations of available bottle and can sizes, making it much easier to understand at a glance.
Introduced an intuitive navigation system for browsing flavors, eliminating the need for excessive scrolling and improving overall usability.