import "@projects/sunology/configurateur";

Le configurateur au coeur de la personnalisation

Année2023
DomaineProduct Design, Conversion
Sunology Configurator

Contexte

[ E-Commerce / UX / Product ]

Contrairement à un produit classique, une station solaire Sunology n'est pas un simple article qu'on ajoute au panier. C'est un système modulaire composé d'un panneau, d'un support, d'un lestage, d'extensions et d'options (compteur intelligent, câbles spécifiques).

Le fonctionnement natif de Shopify décomposait ces éléments en lignes distinctes dans le panier. Résultat : une expérience d'achat confuse où le client ne savait plus quelle rallonge correspondait à quel panneau, rendant la modification de commande laborieuse et augmentant l'abandon de panier.

Rôle

J'ai piloté la conception d'un configurateur sur-mesure pour remplacer le parcours d'achat standard. L'objectif était de masquer la complexité technique derrière une interface fluide et rassurante, guidant l'utilisateur pas à pas.

Ma mission incluait la recherche UX, la conception des logiques de groupement (bundle logic) et la direction artistique de l'interface, afin que chaque client ait le sentiment de "construire" sa propre station énergétique plutôt que d'empiler des pièces détachées.

L'Expérience d'Achat Modulaire

Cart V2

La V2 : L'Expérimentation sur le Panier Moyen

Avec la V2 du panier, nous avions fait un choix fort : accélérer l'augmentation du panier moyen (AOV) en mettant massivement en évidence le sélecteur de quantité, au détriment de la mise en valeur du produit lui-même.

Il s'agissait également de corriger un problème UX majeur : de nombreux clients passaient à côté de l'information de volume dans le panier et nous constations une augmentation des appels au support client pour modifier la commande après coup.

Cette itération a permis de gagner en compréhension immédiate sur le volume ajouté. Cependant, par la suite sur les V3 et V4, nous sommes revenus à un sélecteur de quantité plus standardisé. Nos KPIs ont finalement démontré que sur-mettre en avant ce sélecteur spécifiquement pour l'item phare n'augmentait pas drastiquement l'AOV, la friction se trouvant ailleurs.

Le Builder : Construire sa station

Pour simplifier la compréhension de l'offre, nous avons introduit un configurateur sous forme de modale interactive. Plutôt qu'une longue page produit classique, l'utilisateur est invité à paramétrer son équipement via une interface épurée, étape par étape.

Le configurateur gère nativement les incompatibilités. Si l'utilisateur choisit d'étendre sa station, l'interface lui propose automatiquement les câbles d'interconnexion adéquats et ajuste le compteur intelligent en conséquence. Cette approche prévient les erreurs de commande qui engendraient historiquement de la frustration et une surcharge du SAV.

Visuellement, l'interface met l'accent sur la réassurance : résumé des économies projetées, mise en avant claire des options incluses, et architecture de l'information structurée pour ne jamais saturer la charge cognitive de l'acheteur.

Configurator Modal
Smart Cart Mobile

Le tiroir de panier intelligent regroupant les accessoires par station mère.

Le Panier Intelligent (Grouping)

La refonte du tiroir panier (Slide Cart) a été l'un des plus gros défis techniques et d'expérience utilisateur. Il fallait transformer l'affichage linéaire de Shopify en une structure hiérarchique : une ligne principale représentant la "Station", avec ses accessoires imbriqués en dessous.

Cette logique de grouping permet au client de modifier la quantité d'une station complète en un seul clic, ajustant mathématiquement tous les sous-composants associés. Cela donne un sentiment de contrôle absolu.

De plus, le panier est devenu un puissant outil d'upsell. Si un client ajoute un panneau sans fixation spécifique ou sans compteur, le panier identifie le "trou" dans la configuration et suggère intelligemment l'accessoire manquant en "1-click add", propulsant le panier moyen (AOV) à la hausse.

La génération V4 : Un écosystème multi-produits

Bien que propulsée lors du lancement de notre produit phare (le PLAY2), la V4 du configurateur a été pensée pour être universelle. L'interface s'adapte dynamiquement et permet désormais de personnaliser toutes les stations de l'écosystème Sunology (PLAY, PLAY Max, CITY). L'expérience s'est voulue encore plus immersive et premium, arborant un design plus aéré et des rendus 3D de haute qualité.

Le récapitulatif de commande (Checkout process) a été entièrement repensé pour offrir une transparence chirurgicale. Les options de couleurs, les choix de connectivité et les abonnements logiciels sont clairement dissociés du matériel brut. De plus, nous avons opéré un changement majeur : le retour à un style "Light" (V4), abandonnant le style "Dark" (V3). Ce retour aux sources, dans la lignée de la V2, était une évidence : Sunology vend de la lumière, l'interface se devait de le refléter. Les données ont par ailleurs confirmé cette intuition, démontrant qu'un configurateur sur fond blanc convertissait mieux tout en offrant un gain de clarté absolu.

Cette version V4 illustre parfaitement la philosophie du design itératif chez Sunology : écouter les retours utilisateurs de la V3 pour épurer l'interface, réduire la friction cognitive à son strict minimum, et accompagner la montée en gamme technologique de la marque.

Cart Steps