Création d’un site de transition
À propos du projet
Afin de réaliser la transition du site actuel vers le nouveau site CHANEL, l’objectif est de créer un site de transition.
Ce site de transition est provisoire, pendant trois ans il prépare les utilisateurs et les filiales internationales de Chanel à s’habituer aux changements et à passer progressivement du site actuel au site final.
Enfin, Chanel bénéficie du site de transition pour effectuer des optimisations de design et améliorations de fonctionnalités sur la version actuelle.
Challenge
- Faire un véritable mix entre les deux versions: respecter la structure d’information du site final avec la même quantité d’information, cela implique une restructuration des informations du site actuel selon les guidelines du site final.
- Proposer une nouvelle structure de site qui soit complétement une nouvelle création mais qui doit respecter les guidelines et les attentes de la direction artistique
- Gestion d’un projet complexe qui doit être livré en peu de temps et qui implique la coordination avec plusieurs métiers et équipes avec pour chaque partie une charge de travail importante
Mon rôle
-
Recueil des besoins des chefs de projets
- Recherche et analyse de la cible
- Benchmark des concurrents et autres e-commerces
- Conception et prototypage d’interface utilisateur
- Application des spécifications graphiques lors de l’intégration de la page
- Tester les interfaces
Brifing
Créer une version de site de transition, capable de créer un design et une ergonomie “tremplin” qui habituent l’utilisateur au site final.
Faire vivre les deux sites au sein d’un même: ce site hybride a intégré et mixé avec harmonie les composants des 2 sites.
L’impact
Prendre en considération l’impacte global du site :
- Identifier toutes les pages et les composants impactés pour le changement
- Lister et définir les changements prévues pour les composant ( soit visuel ou de structure)
- Revoir l’accessibilité au niveau des composants (texte sur les images, taille du texte, couleurs, contrastes)
- Prendre en compte les contraintes pour chaque groupe des langues (typographie, hiérarchie des éléments et changement de structure, exemple : Langue Arabe)
Prise de risque : les utilisateurs
La différence entre une marque du Luxe et une marque de grande surface est la qualité du service donné aux consommateurs. Depuis le début du projet l’objectif principal de CHANEL a été de ne pas perturber ses clients avec des gros changements. Pour toujours être aligné à la direction artistique de la marque et ne pas perdre l’identité nous avons pris en compte :
- Les anciens utilisateurs qui connaissent déjà la marque et l’e-commerce depuis des années et qu’ils peuvent se sentir perturbés pour le changement de structure et habillage du site.
- Pour les fans de la marque qui ont un fort lien avec CHANEL, mais qui ne connaissent pas leur e-commerce.
- Pour les nouveaux clients, pour gagner leur confiance.
Liste de pages concernent
- Header
- Search
- MegaMenu
- Footer
- Home page 3 axes
- Page Produits
- Page de service en ligne Événement
- etc …
Design d’exploration
Ce projet s’est déroulé avec plusieurs équipes : Les Chefs de projet, l’équipe IT et la Direction Artistique.
UX – UI designer / to do list :
- Organiser des ateliers afin lister les objectifs de chaque changement et chaque partie du projet
- Faire un benchmark
- Revoir et retravailler l’ensemble du contenu. Redéfinir les parcours utilisateurs en tenant compte des contraintes techniques
- Définir le contenu avec les besoins remontés par l’équipe marketing et projet.
- Prototypage
- Conception de l’interface
- Présentation du concept et du design auprès de la Direction Artistique de CHANEL
- Test d’utilisateur
Header
Identifier les besoins et la structure et services proposés pour l’ancien site et les faire aligner visuellement avec les guide lines du nouveau site.
Footer
Regrouper et trier les informations et services proposés pour l’ancien site, proposer un nouveau design et aligner visuellement avec les guide lines du nouveau site.
Menu
- Créer une structure qui héberge toutes les informations et qui offre la possibilité à chaque marché de faire sa propre combinaison.
- Hiérarchiser le contenu en respectant les besoins des marges et de l’équipe marketing.
- Aligner visuellement le composant avec les guide lines du nouveau site.
- Plusieurs tests sur le bloc en tenant compte des contraintes techniques.
