India Mahdavi · 2024
Concevoir une expérience
entre galerie et boutique
Faire cohabiter la découverte de l’univers d’India Mahdavi et l’achat de ses créations, dans une expérience expressive et fluide.
- Conception UI
- Parcours e-commerce
- Recette UX/UI
Un univers à explorer,
des créations à acheter
Le site réunit les projets d’architecture, les collaborations et les collections d’India Mahdavi. La refonte devait valoriser des images fortes tout en rendant lisibles des contenus variés : projets, mobilier, petits objets et informations commerciales.
L’enjeu : relier découverte éditoriale et parcours d’achat, sans rupture dans l’expérience. La mission associait conception des interfaces, précision des interactions et accompagnement du développement jusqu’à la mise en production.
Faire de la découverte une expérience
Les interfaces ont été conçues comme des espaces à parcourir. La navigation horizontale des projets, les compositions généreuses et les animations prolongent la dimension immersive du travail d’India Mahdavi.
Côté boutique, la hiérarchie des informations, les filtres et les fiches produit structurent la découverte des collections. Les variantes de couleur et de dimensions restent accessibles au fil de la consultation.
Aider à se projeter dans le produit
Au-delà des informations de la fiche produit, certaines interactions donnent des repères plus concrets. La comparaison du Bishop avec des objets ou des animaux permet de mieux appréhender son échelle.
Cette approche ludique prolonge la personnalité de la marque tout en répondant à une question pratique de l’achat en ligne : quelle place prendra cet objet dans son environnement ?
Relier les étapes du parcours d’achat
Le travail sur le tunnel d’achat précise l’enchaînement des écrans et les différents cas d’usage : connexion, commande en tant qu’invité, création de compte, adresse et livraison.
La formalisation des parcours explicite les interactions entre ces étapes et les variantes à prendre en compte, notamment lorsque les adresses de livraison et de facturation diffèrent.
Préserver la cohérence sur chaque écran
Les composants et leurs différents états ont été structurés pour assurer la cohérence des interfaces et faciliter leur déclinaison. Les grilles, les règles typographiques et les templates cadrent l’adaptation aux différentes tailles d’écran.
Une attention particulière a été portée aux comportements, aux transitions et aux compositions sur mobile, de la recherche à la sélection d’un produit et à la gestion du compte.
Du détail à la mise en production
La recette UX/UI a accompagné le développement du site. Les écrans et les interactions ont été vérifiés et ajustés avec les développeurs pour préserver la précision des maquettes, la fluidité des parcours et la qualité visuelle de l’ensemble.
Ce suivi relie le travail de conception à l’expérience livrée : une galerie digitale et une boutique en ligne réunies dans un même univers.