Création d'un site e-commerce de l'Art Distillé
Anciennement Cognac Godard, La Galerie de l'Alambic de Fouras avait besoin d'un nouveau site e-commerce proposant à la vente ses liqueurs, cognacs, pineaux des charentes et ses verres soufflées. Le site internet présente également l'activité de distillerie et propose une visite guidée virtuelle. La Galerie de l'Alambic à Fouras vous accueille pour découvrir les produits au travers de dégustations gratuites, des visites gratuites sans rendez-vous et découvrir les équipements authentiques d'antan.
Les besoins du client
La Galerie de l'Alambic, distillerie artisanale à Fouras, souhaitait refondre entièrement son identité digitale sous le nom Art Distillé. L'objectif était de créer un site e-commerce moderne et premium pour vendre ses produits (cognacs, liqueurs, pineaux, verres soufflés), valoriser l'artisanat local et promouvoir les visites de la distillerie.
Présentation de construction du projet
Conception
À partir d'une charte graphique existante aux tons dorés et naturels, j'ai conçu un site e-commerce premium sur WordPress avec WooCommerce. Le design s'inspire de l'univers premium des spiritueux pour offrir une expérience luxueuse et immersive. J'ai été force de proposition en suggérant des fonctionnalités avancées comme un mega-menu avec photos, un menu sticky avec logo dynamique, des animations au scroll et un système de filtres de catégories personnalisé.
Déroulement
Analyse du besoin & cadrage
- Analyse des objectifs du client et de sa cible (touristes, amateurs de spiritueux)
- Étude de la charte graphique existante (tons dorés, typographie élégante)
- Définition des fonctionnalités principales (boutique, visites, contact, filtres)
Conception UX/UI
- Création d'une maquette sur mesure inspirée des grandes maisons de spiritueux
- Réflexion sur l'expérience utilisateur (navigation, hiérarchie des contenus)
- Adaptation de la charte graphique au web (responsive design)
Développement WordPress & WooCommerce
- Installation et configuration du thème Blocksy avec thème enfant personnalisé
- Développement d'un mega-menu avec photos de catégories au hover
- Menu sticky avec apparition dynamique du logo au scroll
- Système de filtres YITH AJAX personnalisé avec vignettes illustrées
- Boutique WooCommerce avec sidebar Meilleures ventes luxueuse
- Animations au scroll sur les produits (zoom, overlay doré)
- Page produit optimisée avec galerie et variantes
Personnalisations avancées CSS & JS
- CSS sur mesure pour un rendu premium (effets crayon, dégradés dorés)
- JavaScript vanilla pour les interactions dynamiques
- Mega-menu pleine largeur avec images et animations
- Responsive mobile optimisé (filtres en grille, navigation adaptée)
Fonctionnalités e-commerce
- Catalogue produits multi-catégories (cognacs, liqueurs, pineaux, verres soufflés)
- Système de filtres par catégorie en AJAX
- Popup promotionnel avec offres spéciales
- Intégration paiement WooCommerce
- Gestion des variantes produits
Optimisation SEO
- Structuration des balises HTML (H1, H2…)
- Optimisation des images et performances
- Fil d'Ariane structuré
- Métadonnées et Schema.org
Tests & mise en production
- Vérification responsive (mobile, tablette, desktop)
- Déploiement et configuration serveur
- Ajustements finaux et formation client
Maintenance & évolutions
- Corrections de bugs et mises à jour
- Ajout de fonctionnalités selon les besoins
- Suivi des performances et du référencement