---
title: MOËT & CHANDON - information architecture | Welcome Max | UX - CX Design
description: Auditing to design a new responsive information architecture for international issues.
---

![](https://www.welcomemax.com/hubfs/raw_assets/public/WelcomeMax_May2021/images/logo-welcome-max-symbole-seul-blanc.svg)

![Moet Chandon](https://www.welcomemax.com/hubfs/WelcomeMax_May2021/Image/MoetChandon_Logo_NB-300x156.png)

A new information architecture

# How to facilitate the responsive switchover?

Client : Moët & Chandon   –   Information architecture + UI guidelines

## Multi-devices ready?

## International issues

The existing website has to be rationalized to manage the responsive issues of languages, differences of currency, and specific regulatory constraints.

![Screens](https://www.welcomemax.com/hubfs/WelcomeMax_May2021/Image/Screens.png)

### OPTIMIZE NAVIGATION SYSTEM

The specificities of the markets, new contents, and a private area to design for a streamlined multiscreen presence.

![Site_map 1](https://www.welcomemax.com/hubfs/Site_map%201.png)

## New header

### NEW SECTIONS

Optimizing navigation for new contents on selected markets.

### NEW UI

Redesigning the header and footer in five languages.

![Eclate structure UI design](https://www.welcomemax.com/hubfs/WelcomeMax_May2021/Image/Eclate-structure-UI-design.png)

###### INITIATING A MOBILE PRESENCE WITH A HUB PAGE

Managing the mobile audience’s needs and displaying the brand news.

![Mobile hub](https://www.welcomemax.com/hs-fs/hubfs/WelcomeMax_May2021/Image/Mobile_hub-768x1309.png?width=601&height=1024&name=Mobile_hub-768x1309.png "Mobile hub")

###### RATIONALIZING DESIGN GUIDELINES

Defining rules to rationalize screen design, colors, iconography, and font size to reach multiscreen and spread out the hub on new markets.

![moet 1 1](https://www.welcomemax.com/hubfs/moet%201%201.png "moet 1 1")

![3a 1](https://www.welcomemax.com/hubfs/3a%201.png "3a 1")

![3b 1](https://www.welcomemax.com/hubfs/3b%201.png "3b 1")

![UI-guidelines-cover-210x300](https://www.welcomemax.com/hs-fs/hubfs/%E2%9C%94%EF%B8%8F%20PROJETS%20-%20Cas%20clients/MOET%20ET%20CHANDON/UI-guidelines-cover-210x300.png?width=210&height=300&name=UI-guidelines-cover-210x300.png "UI-guidelines-cover-210x300")

A streamlined navigation and graphic charter that initiates  
responsive system design for multiple markets

MORE MISSIONS

[![Daniel Jouvance](https://www.welcomemax.com/hubfs/WelcomeMax_May2021/Image/Daniel_Jouvance_Logo-1.png) ](https://www.welcomemax.com/en/work/audit-e-commerce-daniel-jouvance)

## [DANIEL JOUVANCE Audit of the e-commerce website and analysis of the shopping experience](https://www.welcomemax.com/en/work/audit-e-commerce-daniel-jouvance)

[![Casino](https://www.welcomemax.com/hubfs/WelcomeMax_May2021/Image/Casino_Logo.png) ](https://www.welcomemax.com/en/work/e-commerce)

## [CASINO Unifying three e-commerce websites to a single experience](https://www.welcomemax.com/en/work/e-commerce)

[![Bonobo](https://www.welcomemax.com/hubfs/WelcomeMax_May2021/Image/Bonobo_Logo-1.jpg) ](https://www.welcomemax.com/en/work/bonobo-guerilla-tests-ab-test)

## [BONOBO Get maturity in product sheet design before an A/B test](https://www.welcomemax.com/en/work/bonobo-guerilla-tests-ab-test)

- <https://twitter.com/intent/tweet?url=https://www.welcomemax.com/en/work/moet-and-chandon-information-architecture-ux&text=EN%20-%20Moet%20Et%20Chandon%20Architecture%20Information%20UX>
- <http://www.linkedin.com/shareArticle?mini=true&url=https://www.welcomemax.com/en/work/moet-and-chandon-information-architecture-ux>

 Share

 Share

- <http://www.linkedin.com/shareArticle?mini=true&url=https://www.welcomemax.com/en/work/moet-and-chandon-information-architecture-ux>
- <https://twitter.com/intent/tweet?url=https://www.welcomemax.com/en/work/moet-and-chandon-information-architecture-ux&text=EN%20-%20Moet%20Et%20Chandon%20Architecture%20Information%20UX>