UX/UI, Web & App Design · Supplements & wellness

Spartan Labs Performance CreaGreens Website

A desktop ecommerce website for Spartan Labs' Performance CreaGreens, the UK's first creatine and supergreens complex: a product-led storefront that connects fitness ambition with the ingredient, pricing and review detail people need before they buy.

Commissioned client work · Designed by Gul E Lala Khan for Spartan Labs, a UK sports nutrition brand in UK

See what UX/UI and web app design includesAll case studies
Spartan Labs storefront hero on a laptop in a gym setting, the Performance CreaGreens pouch beside a glass of green drinkProject overview slide: bringing performance and nutrition together, a desktop ecommerce experience for the Performance CreaGreens websiteStrength in green, energy in gold: the homepage printing out of a laptop, from hero to benefits grid to customer reviewsDesign outcome slide listing the storefront's deliverables, with a scoop of green powder pouring into a glassColor palette: forest green, soft white, white, soft gray, charcoal, a gold gradient and golden yellowGood design makes information useful, the project's closing principleProduct page and FAQ screens with the pouch and the mango flavour detailsThank you slide, let's discuss your project, with the storefront on a laptop

about this project

Spartan Labs' Performance CreaGreens combines creatine and supergreens in a single product. The website design brings that proposition into focus through a product-led experience that connects fitness aspirations with practical buying information. The page balances strong visual storytelling with structured content, giving visitors space to discover the product, explore its ingredients, compare purchasing options, and find answers before buying.

Strength in green, energy in gold. The visual system is connected to the product packaging: forest green, charcoal, soft white and soft gray carry the structure, and a gold gradient echoes the pouch's metallic finish. Barlow does the typographic work, balanced so users can scan the page, understand the offer clearly, and move confidently toward conversion actions.

The completed desktop design gives Performance CreaGreens a consistent visual presence and a structured shopping experience. Its key deliverables: a visual system connected to the product packaging, a prominent hero and clearly positioned shopping actions, an integrated product gallery and purchase selection area with one-off, monthly and quarterly options, modular ingredient and benefit content, dedicated review, brand information and FAQ sections, and a complete footer with support and signup touchpoints.

The outcome reflects the completed design. Conversion rates, engagement improvements, and other business results would require validation after implementation. This project demonstrates how a supplement storefront can balance expressive branding with practical decision support: each section contributes to a specific part of the shopping journey, helping the product story unfold in a clear and consistent way.