yogahive- web design - screens-mockup

An e-commerce web design case study: YogaHive.ca

The Yoga Hive website uses WordPress as a CMS and uses the WooCommerce plugin to create a full, online shop. The site also features an online community of members and contributors. It is fully responsive and user-friendly on mobile phones and tablets.

Yoga Hive website before re-design. yogahive-after-web design
yogahive-phone - web design case study

The Design Process

This was a redesign for an existing eCommerce site with a large number of products. The site had become difficult to maintain on its current CMS so we moved the site over to WordPress with a WooCommerce store so that it would be easy to manage going forward. It was also time to freshen up the look and build on the community.

Before jumping into design, we reviewed the goals of the site to create a solid content strategy. We then created wireframes based on these goals and after some refinements finalized two design choices.

Home page design for Yoga Hive.

With our chosen design in hand (a fun, vibrant, colourful one) we set off to code our custom WordPress theme and ecommerce store.

More than a shop

The Yoga Hive website features an online community of members and contributors, providing access to members-only content, discounts and more.

Easy to maintain

The combination of the WordPress CMS and WooCommerce makes this site easy to maintain. Products are easy to manage and orders quick to fulfill.

Responsive website design on tablet.