We created a slick modern website for skincare gurus, Nip+Fab

WHAT WE DID

User Experience Design
Our UX team explored what users needed from the site - what were their main drivers and goals? How could we remove any pain points to better enhance their experience? We created a Lightning User Profile, essentially a quick way to explore a user’s needs, goals and motivations, as well as pain points. This was then distilled into a persona where we defined the type of Nip+Fab user as closely as possible.

Content is key, once we had defined the user and their needs our UX team could plan the content that the user needed. This takes the form of information architecture, or a site map, and then for each page a content plan to decide what content hierarchy is needed.

User Interface Design
Each page template was then designed based on the wireframes created and the content required. The designs need to align to the brand whilst offering the user a clear and easy to understand interface to use.

Creating a design system

In order to have consistency in the development process it was important to create a robust and flexible library of UI (user interface) patterns. Something that can be used as a guide for future pages of the site. When new design is needed it can then be added to the existing library.

We created rules for button use, colours, headings and showed how these elements combine to form a site-wide and coherent experience for the user.

Being an e-Commerce site it was important to map out the entire user journey and design the flow through this purchase process, as well as create the right interface for that journey. Consistency of design was a key part of this.

the result

The finished design is simple in layout to aid the user journey, but with enough visual touches to give an essence of the Nip+Fab brand. It was important though that we did not overshadow the shopping process with overly complex layouts. The site structure and hierarchy was completely re-designed with more sections being added for users to learn about their products they are buying alongside the traditional e-Commerce experience. What we ended up with was a slick, minimal site which considered the user at every step.