Canadian Pure
An e-commerce website for a natural health product brand, with product discovery and detailed shopping pages.
View the screens- Project scope
- E-commerce UI · Product pages · Website development
- Project contact
- Tung Chan
- Design files
- View in Figma
About the project
Canadian Pure pairs a Canadian landscape-led brand story with a supplement catalogue. We designed the homepage, product discovery, detailed product pages and shopping controls, and developed the website front-end.
- Design
- Website structure, brand-led layouts, product discovery, product details and purchase controls.
- Front-end
- Front-end development for the e-commerce website.
The brand website
Product discovery and editorial sections built around landscape photography, packaging and a consistent red-and-blue palette.
A closer look at the product page
From the image gallery and purchase controls to information groups, specifications and related products.
Homepage and product detail
The homepage introduces the brand and product range. The product page brings imagery, purchase controls, ingredient information and related products into one shopping journey.








