Sélecteur de variantes drawer

Constat

Sur un site comme celui ci où l'on ne vend pas un problème/solution, c'est le visuel qui l'emporte.

Problématique

Malheureusement, de base, les sélecteurs de variantes sont au format liste déroulante ou boutons. Pour les variantes de taille par exemple, on arrive pas à se représenter la taille réelle sans avoir à cliquer dessus.

Solution

Let's go ! On a cherché un moyen d'avoir un système de variante plus visuel. Malheureusement, via des color swatches classiques on ne voyait pas assez le rendu visuel final.

Du coup, on a opté pour un drawer (Composant qui s'ouvre sur le côté), nous offrant plus de place pour visualiser les différentes variantes.

Rendu final :

Voir en live

Cet élément a été A/B testé !

Découvrir le cas d'étude