loader image

pH
WEBSITE

 

 

ROLE UX-GUI DESIGNER     CONTEXT CORPORATE SITE     DATE Jan 2017

INTRODUCTION

pH is a small cosmetics company that produces and sells hair straightening products, among others.

After having designed their main line of products, they asked me to build their website…

And the regular questions arose:

 

  • 1. What’s the purpose of the website?
    To make the products known globally.
  • 2. Who’s the website for?
    Distributors and sellers around the world.
  • 3. What will be the vibe of the website?
    Stylish and modern, yet elegant and exciting. Should be of simple back-end management. It must impress hair stylists, distributors and others in the business of hair cosmetics.
  • 4. What kind of content will be in the website?
    Amazing pictures of models interacting with the products, the various products and their descriptions, video-tutorials on how to use them, before & after section of pictures, testimonials, a contact form, and an About section.

THE PLATFORM

As I said already in one of my projects here, I always like my clients to feel independent and able to manage their own site and its content.

So I used WIX as the platform of pH’s website. Easy to build, easy to manage.

TYPOGRAPHY & COLORS

Font name:

Nimbus Sans

(Built in Wix platform)

 

The colors used on the website were based on the labels of the products, and also black, light gray and white for texts and backgrounds:

THE HOMPAGE

The HOMEPAGE contains a sexy slider showing hair models in interaction with pH products, a draggable gallery of all pH products, some facts about their benefits, some before & after pictures in a rotating carousel,
a couple of testimonials, and a contact form.

The footer contains shortcuts to useful links, and the company’s details, as well as the designer’s ones (yours truly).

THE INTERNAL PAGES

A brief look into them

See you on my next project…