Westcoast Natural Web Redesign

Westcoast Natural web redesign home page Westcoast Natural web redesign home page Westcoast Natural web redesign shop page Westcoast Natural web redesign product page Westcoast Natural web redesign about page

Click here to view desktop InVision Prototype and mobile prototype.

Overview

This project is for one of client Westcoast Natural when I worked as the designer in Cucumber Marketing. I worked along with our team, and I am mainly charged at the design part include wireframe and mockup design. The goal of this project is to redesign their current website while providing an e-commerce platform for them to sell their product online.

Content strategy and SEO

So after our project director got the project brief done with the client. We will start work on content strategy and SEO. In this stage, we will figure about the sitemap and content and SEO for each page. I helped the team to work on what kinds of information we want to put on each page and what the goal for each page.

Wireframe

After the content strategy is done, I will work on the wireframe. I went through couple interruptions. The goal here is to use the real content and provide as much detail as possible. Usually, our clients want that so that they won’t be surprised by any changes down the road.

WN-Wireframe-v1

WN-Wireframe-v2

WN-Wireframe-v3

 

Design

From the wireframe, I design two versions of the homepage. So the client can pick the style they like, and create inner pages based on that.

The client provided some feedback on the designs and based on that feedback, I designed the final version and prototype.

Click here to view desktop InVision Prototype and mobile prototype.