Concept Project · Démo
FIRN
Boutique e-commerce outdoor concept : le storytelling produit des grands équipementiers, sur une structure Shopify.
01 / Le brief
Une marque premium d'équipement outdoor (glacières haute performance, cuisine de camp, gestion du froid et du chaud, cuisson en plein air) a besoin d'une boutique en ligne à la hauteur de ses produits. La référence assumée : les grands équipementiers, où chaque page produit raconte une histoire au lieu d'empiler des vignettes.
Le périmètre : navigation par catégories, grille produits, fiches avec caractéristiques techniques complètes, panier, checkout. Et une contrainte claire : le site doit donner l'impression qu'un produit à 300 € les vaut, sans une seule photo de studio.
02 / L'approche
Un vrai storefront, pas une landing page
Navigation par catégories, grille produits, fiche produit avec tableaux de specs et storytelling au scroll, panier persistant, checkout simulé, avec une mention démo explicite à chaque étape sensible.
Zéro faux avis
Pas de clients, donc pas d'avis. Plutôt que d'inventer des étoiles, les fiches produit convainquent avec la hiérarchie typographique, les specs et le détail produit. L'honnêteté comme parti pris de design.
Une structure calquée sur Shopify
Collections, variantes, données produit structurées : le catalogue est organisé comme le serait une vraie boutique Shopify, pour que la démo reste transposable telle quelle.
Performance d'abord
Direction artistique portée par la typographie, animations limitées à transform et opacity, budget performance tenu sur mobile milieu de gamme.
03 / Ce que ça démontre
- L'architecture complète d'un e-commerce : catégories, collections, fiches produit, panier, checkout.
- La logique d'un tunnel d'achat (états du panier, persistance, passage en caisse), celle qu'il faut maîtriser pour configurer une vraie boutique.
- Des données produit structurées : specs, variantes, tableaux techniques.
- Du storytelling produit qui vend un positionnement premium sans photos de studio ni faux avis.
- De la retenue sous budget performance : le site reste rapide, même animé.
C'est le versant front-end du service que je vends réellement : la configuration et la gestion de boutiques Shopify. FIRN montre que je comprends autant la structure d'un catalogue que la surface qui le vend.
04 / Stack
- Next.js
- React
- TypeScript
- Tailwind CSS
- GSAP