Flora ProActiv UX and UI Design

Modern Tech Stack

axure

Figma







Flora ProActiv is a plant-sterol spread brand. Visitors arrive either to understand cholesterol or to act on a number they already have.
They wanted those two jobs to stay distinct so more people could find the product and know what to do next.
Collaboration: Adam & Eve DDB
Objective
Split understand vs lower on the first screen.
Give test results their own path, not a widget under Products.
Approach
UX and UI design with a homepage fork: understand, read a result, or lower.
Information architecture for an article index for the science, and challenge and lifestyle routes for action.
Range and recipes as support, not as the front door.
Impact
First choice is understand vs lower, not which tub.
Test results have their own path.
Recipes and activity sit as other ways to lower.



