UI Design
Fiche produit e-commerce · Carrelage & décoration
Refonte de la fiche produit d'un revendeur de carrelage, nom masqué à la demande du client. Un gabarit pensé pour un catalogue technique : donner envie par l'image, tout en répondant aux questions de pose avant l'achat.
Le contexte
Un produit qu'on achète au mètre carré, pas à l'unité.
Acheter du carrelage engage : il faut connaître le format, la finition, la couleur de joint, et savoir ce que ça donnera une fois posé sur un mur entier. Le gabarit alterne donc deux registres : des blocs d'achat compacts en haut de page, puis de larges mises en situation pleine largeur qui laissent le motif se déployer à l'échelle réelle.
Bloc d'achat
Décider sans quitter le haut de page.
Prix au m² et au paquet, sélecteurs de dimension et de finition, calcul de quantité, commande d'échantillon : tout ce qui bloque une commande est regroupé au-dessus de la ligne de flottaison, à côté de la galerie produit.
Mise en situation
Montrer le motif à l'échelle d'une pièce.
Fiche technique
Le schéma de pose, au même niveau que la photo.
Trame, dimensions, matières, destination mur ou sol, finitions comparées : les informations que le poseur cherche sont traitées comme un vrai contenu de page, avec un schéma coté plutôt qu'un tableau brut.
Mobile
La même page, empilée en une colonne.
