Nerium UI/UX

Overview

Aquent/Vitamin T placed me with Responsive Path who had me work on UI/UX design for their client Nerium. I designed 50 responsive wireframes and 80 responsive visual prototypes in an agile team environment for Nerium’s international, e-commerce, and multi-level marketing website.

Process

We used an agile method. TFS was used to track the project and we had daily remote meetings. The team was spread out across the country. Nerium provided us with creative briefs, personas, sitemaps, and flowcharts. We used Axure to create wireframes. The wireframes were sent to Ogilvy for visual design. We used Photoshop and Axure to re-create the visual designs and turn them into prototypes. Each page consisted of a view for desktop, tablet, and mobile.

Deliverables

International, E-Commerce, and Multi-Level Marketing Website (Agile Team Environment, 50 Responsive Wireframes, 80 Responsive Visual Prototypes, Persona, Sitemap, & Flowchart Involvement)

Prototype Highlights

Partner Site (Desktop) | Video Directions
Interactive Style Guide (All Views)
Enrollment Home Page (Responsive)
Marketing Home Page (Responsive)
Product Details Page (Desktop)
FAQ Page (Tablet)

Contents

1. Compilation of Team Project

2. User Flow for Marketing Resource Center

3. Responsive Wireframes

1. Compilation of Team Project

2. User Flow for Marketing Resource Center

Marketing Resource Center client brief provided

Marketing Resource Center client whiteboard session provided

Marketing Resource Center old screen provided

Marketing Resource Center Category page layout and content for desktop

Annotations:

1. Checking this box selects all of the first languages for each country. Unchecking it unchecks all of the languages. If only one language is selected, this box will be checked. If no boxes are selected this box will be unchecked.

2. Default country and language are first displayed based on choices made in header and footer.

3. Default country is displayed first.

4. Languages are listed in order of prominence within the country.

5. Countries listed in alphabetical order after default country.

6. When the file is not available for the default country, the first country it is available for in alphabetical order will be listed.

7. The countries most prominent language will be displayed.