top of page

UI Design & Brand Direction for Ecommerce Experience

​Improved visual consistency, product presentation, and overall user experience.

Drove visual direction and end-to-end UI execution for the Pure Protein website, unifying brand identity, photography, and interface design into a cohesive, modern ecommerce experience.

Role & Focus Areas:

  • UI Design (Figma & Photoshop)

  • Brand execution across web

  • Art direction for product photography

  • Visual consistency across pages

Goal

Create a more cohesive and modern brand experience across the website while improving product presentation and visual consistency.

Visual & Brand Direction

Directed product photography and visual styling to create a more cohesive and modern brand presence across the ecommerce experience, focusing on the products' great taste.

Pure Protein cartons floating with chocolate pieces

Behind the Scenes

Homepage Heroes

Before

Two Pure Protein Paks pouches, vanilla and chocolate, floating
After
Pure Protein Paks: 20g protein, 0g sugar, 110 calories
Before
Three Pure Protein chocolate drink cartons floating
After
pure protein rich chocolate rtd drinks floating with wires
Before
Pure Protein lemon bar and box surrounded by lemons and peels
After
Pure Protein lemon bars: 20g protein, 2g sugar, 190 calories
Website Transformation
Before
Pure Protein website homepage
After New Direction
Pure Protein website homepage
Final Site
Pure Protein website with protein bars, powders, and lifestyle images
Pure Protein product page with bars, snacks, and shakes
Pure Protein website screenshot showing various products
Pure Protein products page with bars, drinks, and powders.
Pure Protein webpage displaying 'Healthy Lifestyle' banner
Pure Protein product detail page screenshot
Pure Protein Chocolate Peanut Butter Shake product page
Webpage with smiling woman
Takeaway

Led visual direction and translated brand into a cohesive UI system, creating a more consistent and modern ecommerce experience.

bottom of page