top of page

Scaling a High-Impact Design System Across Two Major Nutrition Brands

Brand Strategy & Site Replatforming

This project involved two separate initiatives: strategically redesigning the MET-Rx website and efficiently applying the resulting design framework to a Pure Protein reskin. For MET-Rx, the redesign shifted the brand narrative away from a "Tough Mudder" focus toward a clear emphasis on product benefits and athlete endorsement, requiring a complete overhaul of the site's wireframe and information hierarchy. I then utilized this new, high-performance wireframe to complete a rapid reskin for Pure Protein. To differentiate the experience and align with their brand strategy, I customized the reskin by introducing bold, flavor-focused burst photography and adjusting the navigation layout to emphasize key product lines. This approach proved the flexibility of the core design system and delivered two distinct, modern e-commerce experiences with maximum strategic impact and efficiency.

Role

Lead Designer

Duration

8 Months

Contribution

UX, Visual Design, Director

Platform

Desktop, Tablet, Mobile

MET-RX banner with athlete running, products, and Learn More button.
Leonard Fournette sitting in a gym looking at the camera, with weights behind him.
Brand Shift, a new site focused on products, built around the athletes
Website design showing articles, the online store, and contact details.
Website layout design with black and red color scheme, UI examples, content templates.
Pure Protein website with lemon protein bars, 20G protein, 2G sugar, 190 calories.
Three website design layouts displayed with sticky notes with information on them.
Brand Shift showing Pure Protein website with text and various lifestyle images.
Multiple website examples showing different product pages and article content.
Product shoot setup with lemons, food items, and computer screen display.
Behind the Scenes rotating around a photo set of lemon on metal strings
bottom of page