Préparer une présence multi-devices
Des enjeux internationaux
Le site existant devait être rationalisé pour gérer les enjeux de responsive avec plusieurs langages, différentes monnaies et des contraintes légales spécifiques à chaque pays.
![Refonte responsive des pages web de Moet & Chandon](https://www.welcomemax.com/hubfs/WelcomeMax_May2021/Image/Screens.png)
OPTIMISER LE SYSTÈME DE NAVIGATION
Spécificités marché, nouveaux contenus, un espace privé à designer pour une présence multi-device sans couture.
![Site_map 1](https://www.welcomemax.com/hubfs/Site_map%201.png)
Nouveau header
NOUVELLES SECTIONS
Optimiser la navigation sur une sélection de marchés.
NOUVELLE UI
Redesigner les éléments structurants pour cinq pays.
![Photo représentant la structure UI design du site](https://www.welcomemax.com/hubfs/WelcomeMax_May2021/Image/Eclate-structure-UI-design.png)
INITIER UNE PRÉSENCE MOBILE AVEC UNE PAGE HUB
Gérer les besoins spécifiques au mobile et afficher les news de la marque.
![Photo représentant la page mobile de la marque Photo représentant la page mobile de la marque](https://www.welcomemax.com/hs-fs/hubfs/WelcomeMax_May2021/Image/Mobile_hub-768x1309.png?width=601&height=1024&name=Mobile_hub-768x1309.png)
RATIONALISER LES GUIDELINES DE DESIGN
Définir des règles pour rationaliser le design des écrans,
afin de préparer le multiscreen et de déployer le hub sur de nouveaux marchés.
![moet 1 1 moet 1 1](https://www.welcomemax.com/hubfs/moet%201%201.png)
![3a 1 3a 1](https://www.welcomemax.com/hubfs/3a%201.png)
![3b 1 3b 1](https://www.welcomemax.com/hubfs/3b%201.png)
![UI-guidelines-cover-210x300 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)
Une navigation et une charte graphique rationalisées qui initient
un design système responsive pour plusieurs marchés