Étude de cas produit · Magasins de commerce électronique
MAISON VELLE
- SvelteKit
- TypeScript
- Tailwind CSS
- GSAP
- Embla Carousel
- Lenis
- Shopify Storefront API
- Sanity CMS
- Algolia
- Cloudinary
- Vercel
Description
Une expérience de mode asymétrique qui combine un index de campagne saisonnière avec des informations au niveau du vêtement, donnant un poids éditorial égal à l'imagerie, à la fabrication, à la taille, à la provenance, à la livraison et à la conversion en client privé.
Détails du projet
Maison Velle est composée comme un dossier de défilé plutôt que comme une grille de commerce électronique conventionnelle. L'index d'ouverture établit la saison, le numéro de look, le contexte de production et le rythme de la collection avant de révéler les photographies de la campagne et les pièces individuelles. L'Arc Coat, le Halo Bag, le Line Cuff et le Fold Trouser utilisent chacun des images dédiées ainsi que la composition des matériaux, l'origine, les conseils en matière de taille, l'entretien, le prix et les conditions de livraison. Un carrousel contrôlé prend en charge l'exploration des looks sans transformer la page en diaporama automatisé, tandis que les notes d'atelier et la liste privée créent des chemins de conversion plus silencieux. Les dispositions asymétriques du bureau se transforment en une séquence mobile délibérée, préservant les proportions de l’image et le contraste typographique. Les commandes du carrousel du clavier, la mise au point visible, les mouvements restreints et le texte alternatif significatif maintiennent la direction de la mode utilisable et expressive.
Galerie d’interfaces
Écrans du projet