Want create site? Find Free WordPress Themes and plugins.

Moët Hennessy


Interaction Design
Visual Design
Clickable prototype


06/2016 (3 weeks)


M oët Hennessy (MH), No. 1 worldwide in Luxury Wine & Spirits, owns about twenty brands such as Moët & Chandon, Dom Pérignon, and Hennessy, etc. To better pass the brand heritage & knowledge to its employees all over the world, MH needs a simple and understandable learning resources management tool to organize and generate them. In this case, MH would like to rebuild a new online multi-language platform for internal brand trainers to choose and generate PPTs and videos as course resources fast and easily.

User Stories

There are two types of users involved in this platform: 1. trainers (front office); 2. brand managers (back office).

  • For trainer users, they want to choose resources easily they need  (PPTs and videos), organize them in order that they prefer and finally merge all of them into one single PTT file and download it smoothly from this platform.
  • For brand manager users, they want to upload, classify and edit course contents accurately on the platform.

The Goals

Based on platform features decided on the user stories and the project required document (PRD), we defined several goals as follows:

  • Multi-languages
  • User guide
  • Lubricate the managing process (like doing online shopping cart)
  • Managing documents is only for the desktop version, but users could check them on the multi-devices (mobile and tablet)
  • Ergonomic and intuitive design
  • Content management system (CMS, back office)

Agile Workflow

Interaction Design

I first made the flowchart and then the wireframes to communicate the flow of the platform. We ran four iterations from the requirement to prototype with all the stakeholders involved (business people, PM, tech people, and clients) to reach the agreement on the key features.

Visual Design

To maintain consistency, the general visual design used MH’s color code and stayed in “Luxury & Minimal” look and feel.

The Outcome

A digital clickable prototype was made to communicate the platform interactions with clients and developers during the iteration process.

Try out the clickable prototype made with Axure ➝

Thanks for reading! :]

Did you find apk for android? You can find new Free Android Games and apps.