Avon Comigo

Information Architecture

Avon Cosmetics

January 15, 2017

Information Architecture, UX Strategy, Art Direction

New E-commerce and Services Platform for AVON Representatives

The Challenge

AVON Cosmetics Brazil has an E-commerce/services application that sells and provide services for their more the 1.5MM of sales representatives. Brazil is the most profitable market of AVON Cosmetics, and the application is the channel responsible for receiving 98% of the overall orders of the company.

Their previous application was launched 10 years ago and was obsolete, requiring a technology update as well as a new look and feel.

before

Strategy

We started the project by analyzing the requirements of the project with stakeholders and each department involved, to deeply understand all the objectives, requirements, and current KPIs.

As responsible for identifying and planning all the tasks related the UX and UI, together with my manager, we planned all the steps and prepared scope workshops for the external vendors that participated in the project.

Information Architecture & UX

After having the business insights, we started the user research through a focus group with five people from each of the six customers segments. They Participate in activities like free-scripted website navigation, card sorting, and interviews.
The data collected plus competitive and web analytics analysis originated on our use cases, user journey, briefings, and requirements.

Card Sorting

Sitemap

Content Inventory

Wireframe & Prototype

The result was more than 500 wireframes created and I was responsible for creating some o them using Axure.

Design System

One of my roles in the project was to define the web style guide, create and manage the assets. After the design exploration, I created the firsts interfaces that based the Avon Comigo design system. A visual framework composed of more than 600 elements, style and accessibility guide which empowers developers/designers across the project to develop efficiently and consistently.

Results

After launch, brand interaction across all social channels increased. The brand went from having a few hundreds of thousands of followers to over a million in just a few months.