Toutes les études de cas

Étude de cas, e-commerce

Canopée

Le configurateur d'une pépinière fictive : on choisit la plante, sa taille, son pot et la lumière de sa pièce, et elle pousse sous nos yeux.

Cadre
Projet concept, pépinière fictive
Mon rôle
Design et développement
Format
Configurateur e-commerce
Année
2026
Ouvrir le projet

Le contexte

Canopée est une pépinière urbaine imaginaire à Montreuil, qui livre des plantes d'intérieur déjà rempotées. Sa page de vente devait aider à choisir une plante adaptée à sa pièce.

Le problème

Acheter une plante en ligne, c'est deviner : sa taille réelle, son allure dans un pot, et surtout si elle supportera la lumière de la pièce. Une photo ne répond à aucune de ces questions.

Ce que j'ai fait

  1. J'ai découpé l'achat en 5 étapes : la plante (5 espèces), la taille (de 40 à 150 cm), le pot (3 formes, 6 couleurs), la lumière et les options. Le prix se met à jour à chaque choix.

  2. Chaque plante est dessinée en SVG par le code, à partir d'une graine aléatoire fixe : la même composition donne toujours le même dessin, et la plante repousse à chaque changement.

  3. Un curseur règle la lumière de la pièce : la plante se penche vers la fenêtre, et un message indique si l'espèce choisie s'y plaira.

HTMLCSSJavaScriptSVG

Le résultat

5Étapes pour composer sa plante
360Combinaisons de plante, taille, pot et couleur
29 KoPoids de la page, sans les polices

Un projet similaire ?
Parlons-en.

Vous aimeriez un projet dans cet esprit ? Décrivez-le-moi en quelques lignes : je réponds sous 24 heures avec mes questions et une première estimation.