Project:
Sarah Skin Cares
Role:
Website Redesign, UI Design
Duration:
March - April 2002

Project Overview

The Product:

Sarah Skin cares is a skin care product company that has a set vegan friendly products. The animal cruelty free products is not only good for the environment but helps achieve a healthier skin naturally.

The website is about bringing the products closer to users and helping them maximize their buys and time while pushing the company’s support of no animal cruelty.

 

 

The Problem:

It was however discovered that the present website is not speaking for the brand as it should and as it’s not having the desired effect on visiting users.

Users are unable to easily find needed information and finds completing the process of buying challenging. Also, moving from point A to B is a bit confusing.

Thus, there is a need give the existing website a facelift to address the pain points of users which include clear navigation and clear presentation of important information. The redesign aims to portray the luxuriousness of Sarah Skin cares product addressing user pain points.

Kick-off

Getting started I asked myself initial questions. Since there was already an existing website a goal-directed approach was taken. Questions such as who are the present users, what is desired feel and what do our primary user need, what are the presenting challenges affecting the existing website. What is most important to the business for growth.

Goals

  •  Create a luxurious interface with minimalistic UI design
  • Construct a clear Architecture information path
  • Design a seamless purchasing process
  • Design an intuitive interface that is familiar to old and new users

An Overview of the Existing Website

Home Page
Cart Screen
Check Out Screen
Previous slide
Next slide

Challenges with this

  • No clear Information hierarchy
  • The home page lacks defined focus
  • Confusing cart/check out process
  • Distracting login page – too much information
  • Too much information on a page making difficult to find needed information
  • The sections on the pages are not clearly arranged

Redesigning

Following the defined goals of the company surrounding what the brand portrays and the need for the feel of luxury and lushness. And, working with already outlined framework, sketches and samples, I came up with the color, typography, icons and buttons.

Corrections

Initials designs were created and sent out for corrections and iteration. Feedbacks was given  concerning the desired feel of the design. Therefore the colors and the page layout  were iterated upon. After this, the product was sent out for further iterations and these led to the final designs.

Initial design

The Hero of the initial design I came up with.

Color Guide

Final Designs

Previous slide
Next slide