Fiche Descriptive Complète : Template « Boutiques.html »
🔷 INFORMATIONS GÉNÉRALES
Champ Détail
Nom du template Boutiques.html
Version 1.0.0
Date de création 16/03/2026
Auteur / Designer Refoia Jeremy Tech
Type de page Landing Page E-commerce / Mode Luxe
Objectif principal Présentation d’une collection capsule (Sportswear Premium) et capture d’emails (Newsletter).
🎯 DESCRIPTION FONCTIONNELLE
📌 Que fait ce template ?
Ce template est une vitrine digitale minimaliste et luxueuse pour la marque Gucci. Il met en avant une collection « Sportswear Premium » à travers une esthétique épurée.
Il comprend :
Une navigation minimaliste centrée.
Une section Hero immersive avec une image plein écran.
Une galerie de produits (Grille) avec effets de survol.
Un pied de page incluant une inscription à la newsletter et des liens de service.
📌 Public cible (Persona)
👤 Clients Luxe : Recherchent une expérience visuelle haut de gamme et rapide.
👤 Fans de Streetwear Chic : Intéressés par les pièces techniques et iconiques (GG, Sneakers).
👤 Utilisateurs Mobiles : Naviguent sur smartphone pour découvrir les dernières tendances.
⚙️ SPÉCIFICATIONS TECHNIQUES
🌐 Environnement & Compatibilité
Standard HTML : HTML5 sémantique.
Framework CSS : Tailwind CSS (via CDN).
Typographie : Google Fonts (Playfair Display pour le luxe, Montserrat pour la lisibilité).
Responsive : ✅ Oui (Grille 1 col sur mobile, 3 cols sur desktop).
📦 Dépendances / Assets
HTML
📥 ENTRÉES — CONTENU DYNAMIQUE
# Nom de la variable Type Obligatoire Description
1 hero_image str ✅ URL de l’image de campagne principale.
2 product_list array ✅ Liste des produits (Nom, Catégorie, Prix, Image).
3 collection_season str ❌ Libellé de la saison (ex: Printemps/Été 2026).
📤 INTERACTIONS & SORTIES
🖱️ Événements Utilisateur
Hover sur Produit : Effet de zoom fluide (group-hover:scale-105) sur les visuels produits.
Navigation Anchor : Scroll fluide vers la section #collection via le bouton CTA.
Hover Boutons : Inversion des couleurs (Noir/Blanc) pour un feedback visuel premium.
🧱 STRUCTURE DU FICHIER — DOM
Boutiques.html
