MH Portfolio Education Kiosk

client

Moët Hennessy

ROLE

Interaction Design
Visual Design
Clickable prototype

DURATION

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.

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.

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)

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.

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

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 ➝