Guide démo

Présentation du site démo MOBILESTORE

Ce site est une démonstration interactive complète pour valider design, parcours et contenus avant la mise en production.

Note importante : Les images sont temporaires et seront remplacées par les photos officielles de la boutique et des produits avant la mise en ligne finale.

✅ Ce qui est fonctionnel

  • Navigation complète sur toutes les pages
  • Catalogue avec filtres (marque, état, prix, disponibilité, recherche)
  • Fiches produit, galerie, sélection quantité
  • Panier persistant (localStorage) + drawer animé
  • Tunnel de commande démo avec retrait boutique ou livraison
  • Confirmation de commande avec numéro fictif
  • Formulaire de devis réparation
  • Formulaire de contact
  • Dashboard admin avec données mockées (commandes, réparations, stock)

🧪 Ce qui est mocké

  • Tous les produits, prix, stocks, commandes et avis (données statiques en code)
  • Le paiement (aucune passerelle réelle connectée)
  • L'envoi d'emails (boutons et toasts uniquement)
  • L'upload d'image dans le devis réparation
  • Les statistiques admin

🔌 À connecter pour la production

  • Lovable Cloud / Supabase pour la base de données produits, commandes, utilisateurs, réparations
  • Stripe pour le paiement réel (CB, Apple Pay, Google Pay)
  • Service email transactionnel (Resend ou autre) pour les confirmations
  • Authentification client (compte, suivi de commande) et admin sécurisé
  • Stockage des photos de panne (Supabase Storage)
  • Synchronisation stock temps réel et caisse en boutique
  • Avis vérifiés (intégration Google Reviews / Trustpilot)

🚀 Prochaines étapes

  • Valider design, contenu et catalogue avec le client
  • Activer Lovable Cloud et migrer les données mockées en base
  • Connecter Stripe et créer les produits Stripe
  • Configurer les emails transactionnels
  • Mettre en place authentification client et back-office sécurisé
  • Audit légal des CGV / mentions légales / RGPD
  • Mise en ligne sur le domaine définitif + SEO local Lyon 8