Le projet
Site vitrine simple et efficace pour E=MCVAPE, vapeshop au Centre Commercial Babylone. L’objectif : présenter les produits, indiquer les horaires et faciliter le contact.
Sections incluses
Hero
- Nom du shop avec formule mathématique E=MCVAPE
- Tagline : “Votre vapeshop au Pré-Saint-Gervais”
- Deux CTA : découvrir les produits + nous contacter
- Badges : Ouvert 6j/7, 10h-20h, Centre Commercial Babylone
- Numéro de téléphone visible : 01.41.69.81.29
Produits
4 catégories de produits avec descriptions :
- E-Cigarettes: pods, box mods, e-cigarettes jetables
- E-Liquides: large choix de saveurs et taux de nicotine, marques premium
- Accessoires: résistances, batteries, chargeurs
- Conseils: équipe experte pour guider le choix du matériel
Horaires & Localisation
- Horaires : Lun-Sam 10h-20h, Dim fermé
- Adresse : Centre Commercial Babylone, 5 Avenue Faidherbe, 93310 Le Pré-Saint-Gervais
- Lien vers Google Maps
- Numéro de téléphone cliquable
- Formulaire complet (nom, email, téléphone, message)
- Numéro de téléphone visible
- Message d’accueil : “Une question ? Un conseil ? Notre équipe est là pour vous aider”
- Logo E=MCVAPE
- Tagline
- Mention légale : “Interdit aux mineurs. La vente de produits du vapotage est interdite aux mineurs.”
Design & UX
Identité visuelle
- Design simple et professionnel
- Palette sobre (blanc/gris)
- Typographie lisible
- Logo intégré
Mise en page
- Sections bien délimitées
- Grille 2x2 pour les produits
- Formulaire simple et rapide
- Mentions légales bien visibles
- Numéro de téléphone en permanence visible
- Formulaire accessible
- Adresse et horaires clairs
- Lien Google Maps
Tech Stack
- Framework: Astro 5 (static site)
- Styling: Tailwind CSS v4 avec thème personnalisé
- Components: DaisyUI pour les composants UI
- Type Safety: TypeScript strict mode
- Form: Formulaire de contact
- Maps: Intégration Google Maps
Intégrations
Google Maps
Lien direct vers l’adresse sur Google Maps pour faciliter l’accès au vapeshop.
Mention obligatoire sur l’interdiction de vente aux mineurs bien visible dans le footer.
Défis résolus
Simplicité
Site minimaliste qui va à l’essentiel : produits, horaires, contact. Pas de distractions.
Mention légale bien visible pour la conformité réglementaire (interdiction aux mineurs).
Accessibilité
Adresse, horaires, téléphone bien visibles pour les clients qui veulent se rendre en magasin ou appeler.
Ce qui distingue ce projet
- Formule E=MCVAPE accrocheuse et mémorable
- 4 catégories de produits clairement identifiées
- Mention obligatoire interdiction mineurs bien visible
- Focus sur l’accès en magasin (horaires, adresse, maps)
- Design simple et efficace
- Numéro de téléphone en permanence visible
- Site court et rapide à consulter