Neal’s Yard Canada

I worked with Neal’s Yard Canada in the spring of 2017 to re-design and update their online store. Built in Shopify, their previous theme made it very difficult to feature specific campaigns and products without involving a developer, and wasn’t mobile friendly.

The first step was selecting a new theme that met many of their functionality needs, including the ability to easily filter products, showcase products and staff picks on the homepage, and create well-designed custom content pages. I created several mock-ups to illustrate a few different options for how the theme could be customized to comply with global Neal’s Yard branding standards while giving the Canadian site its own look and feel.

Once a design was selected, I used CSS and HTML to customize and edit the theme to create a beautiful and unique website. The final website is fully mobile responsive, features an easy-to-update homepage with many areas to feature campaigns and products, is easily searched and filtered, and uses a much shorter header to allow the content to really shine above the fold.

Full home page

Product Listing Page

Product Detail Page

Theme Mock-Up #1

Theme Mock-Up #2

Selected Theme Mock-Up