Context
I designed and developed Focus Factor’s Shopify Plus storefront. The work covered landing pages, product templates, and reusable theme sections across its supplements, energy drinks, and shots ranges.
Work
Design across product ranges
Developed distinct visual treatments for each range. The supplements pages use a blue palette and clinical content; the drinks and shots pages use bold typography, flavour colours, and lifestyle photography.
Product pages
Designed and built product pages combining large product imagery, ingredient breakdowns, benefits, and supporting research. Shared layouts accommodate different formulas and flavours, with content and imagery tailored to each product.
Custom Shopify sections
Built editable sections for product ranges, promotional content, retailer links, and ingredient information. Images, copy, and links can be updated through the Shopify theme editor.
Responsive development
Adapted layouts and interactions for desktop and mobile, including product navigation, flavour selection, ingredient panels, and image placement.
Tools
- Shopify Plus
- Liquid
- HTML
- CSS
- JavaScript
- Theme sections