Display cover : Natural Chemist Screen
Display cover : Natural Chemist Screen

Natural Chemist

2018

6 Months

Website

Natural Chemist is an Australian owned integrated pharmacy. The company sells its products online and offline, and provide on-site and on-call consultation.

Deliverable

  • High-Fidelity Prototype

  • Implementation

Team

  • Project Manager

  • Developer

  • Product Designer

Objectives

The aim of this project is to redesign the user interface of the Natural Chemist’s website to fit their new brand identity.

  1. Research

I used desktop research to understand the company’s background and competitors. I used competitor analysis to understand the general idea of online retail in the pharmacy industry, and the strength and weakness of their website.

  1. Ideation and Wireframe

My ideation process started with a mood board. Mood board helped me to understand the looks and feel that the company wanted. I gathered images, colors, and UI designs to help generate ideas for the pages. For the low fidelity prototype, I used a pen and paper to sketch. After I was satisfied with it, I moved to Adobe XD.  One of the challenges was to design landing pages for different purposes while maintaining consistent looks within the overall pages. 

GIF file, display different layout
  1. Test

While I was designing the interface, I continuously compared and matched it with the overall website style to create consistency.  I also worked alongside the developer. This helped me understand the potential and limitations of my design, and how to improve it. 

GIF display screen