Close

MH Education Kiosk: Empowering Brand Ambassadors

A B2B web application designed for Moët Hennessy — enabling brand ambassadors to browse, customize, and download training materials for luxury wine and champagne brands.

MH Education Kiosk Interface
Client
Moët Hennessy (via Agency)
Timeline
2016
Platform
Web Application
My role
Lead Designer (Interaction, Visual & Prototype)
Overview

The Challenge

Moët Hennessy, part of LVMH, needed an internal tool to help brand ambassadors access and customize training presentations. The existing workflow involved manually searching through scattered files and creating custom presentations from scratch.

The goal was to create a centralized platform where users could browse resources by category and brand, select multiple presentations, and merge them into a single downloadable file.

Process

Iterative Design Approach

I led the design through 4 iterative cycles, each involving requirements gathering, user flow design, visual design, and prototyping. Daily standups with stakeholders (business, PM, developers) ensured alignment throughout.

Design process: 4 iterations from requirements to final prototype
4-phase iterative design process with client approvals at each stage.
Design process wall with wireframes and iterations
Working wall tracking design progress and iterations.
User Flow

Core User Journey

The primary user flow allows brand ambassadors to:

  1. Select a category (Champagne, Still & Sparkling Wines)
  2. Choose a brand (Moët & Chandon, Veuve Clicquot, etc.)
  3. Add resources to their selection cart
  4. Organize and rename presentations
  5. Merge and download as a single file
User flow wireframe showing the 5-step process
Wireflow: From category selection to merged download.
Iterations

Design Evolution

Through user testing and stakeholder feedback, I explored 3 different approaches to organizing PPTs and videos. Each iteration refined the information architecture and interaction patterns.

3 design iterations showing different approaches
Design iterations: V1 to V3 with progressive refinements.
Design

Visual Design

The final UI follows Moët Hennessy's brand guidelines with a warm, elegant color palette that reflects the luxury positioning of their wine and champagne portfolio.

Final visual design screens
Final UI: Multi-language support, category browsing, brand selection, and download flow.
Demo

App Demo

Watch the interactive prototype demonstrating the complete user flow — from language selection through brand browsing to resource download.

Interactive prototype: Complete kiosk user flow demonstration.
Impact

Results

The MH Education Kiosk streamlined the training material workflow for brand ambassadors across multiple markets:

  • Centralized access to all training resources
  • Reduced preparation time through merge and download
  • Multi-language support for global teams
  • Consistent brand presentation across markets
← Back to selected work