KYNStore
Une vitrine sur mesure pour la collection signature de KYN Studio. Typographie expressive, aperçus de vêtements et d’accessoires, trois thèmes visuels et visionneuse de veste fondée sur des images prolongent l’identité du studio dans une expérience merchandising. Le catalogue est actuellement en pré-lancement et l’achat est désactivé.
Explorer la vitrineSoftware, carefully worn.
Un projet interne de KYN Studio
La vitrine prolonge l’identité de KYN au-delà du logiciel, à travers une collection de vêtements, d’accessoires et d’objets du quotidien. Cette étude de cas porte sur l’interface de marque, l’architecture front-end et la présentation produit assistée par IA. Elle ne documente ni un stock fabriqué, ni une séance photo, ni un canal de vente opérationnel.
Ces éléments décrivent les fonctionnalités de l’interface et le périmètre du catalogue, pas des résultats de vente ou de conversion.
Une collection de studio doit ressembler au studio, pas à un modèle de boutique générique.
L’enjeu : donner au catalogue une identité KYN reconnaissable, assez expressive pour constituer une expérience de marque, assez structurée pour être parcourue facilement et transparente sur une collection qui n’est pas encore disponible à l’achat.
Rendre la collection tangible. Garder son statut explicite.
Un catalogue de marque, centré sur le produit.
Un grand logotype KYN ouvre sur les vêtements, les accessoires et un lookbook graphique. Les fiches produit associent visuels en situation, vues isolées, descriptions courtes et disponibilité explicite. La veste technique propose une visionneuse de huit angles, fondée sur des images, avec rotation et loupe. Les thèmes sombre, clair et rouge donnent trois ambiances à la même interface.
La vitrine et le système visuel
6 écrans
Dans les fiches produit
3 écrans
Sur petit écran
2 écrans
À propos des visuels produit
Le dépôt documente le traitement et la génération de visuels produit assistés par IA. La visionneuse de veste utilise huit images générées séparément ; les côtés et le dos sont inférés à partir d’une référence de face. Les captures de cette étude de cas montrent le véritable site, mais ses visuels produit ne prouvent ni une séance photo physique, ni un scan 3D, ni un vêtement fabriqué définitif.
Des pages statiques. Des composants interactifs ciblés.
Astro structure la vitrine et React gère les composants interactifs. Tailwind CSS et les variables de design définissent le système visuel ; GSAP accompagne les animations. Nanostores conserve le panier local dans le navigateur. Le catalogue repose sur du JSON local, sans intégration Shopify ou Stripe vérifiée. Les métadonnées du catalogue évitent de présenter les prix fictifs à zéro comme des offres achetables.
Stack
Stack