Refonte de emmie-sphere.fr – SEO, UX & Performance
Refonte d'un e-commerce basé sur WordPress et WooCommerce
Client
Emmie-Sphère
Stack
laravel • Blade • MySQL
Perf, DX, UX optimisées.
Galerie
Parcourir le projet en images
Fais défiler horizontalement puis clique pour agrandir.
Vue du projet 1
Image 1 / 6
Utilise les flèches du clavier pour naviguer.
Vue du projet 2
Image 2 / 6
Utilise les flèches du clavier pour naviguer.
Vue du projet 3
Image 3 / 6
Utilise les flèches du clavier pour naviguer.
Vue du projet 4
Image 4 / 6
Utilise les flèches du clavier pour naviguer.
Vue du projet 5
Image 5 / 6
Utilise les flèches du clavier pour naviguer.
Vue du projet 6
Image 6 / 6
Utilise les flèches du clavier pour naviguer.
Boutique de jouets et salon de thé — Montbard (21)
Conception et développement complet d'une plateforme e-commerce avec système de caisse (POS), intégrant de l'intelligence artificielle pour l'automatisation du contenu et du SEO.
Stack technique
Backend | Laravel 12 · PHP 8.2+ |
Frontend | Tailwind CSS v4 · Alpine.js · Vite |
Base de données | MySQL (production) · SQLite (dev) |
Paiements | Monetico (CM-CIC) · PayPal · Cartes cadeaux |
Livraison | Colissimo API · Mondial Relay v2 · Click & Collect |
IA | OpenAI API (GPT + Embeddings) |
Newsletter | Brevo API v3 |
Chiffres clés du projet
~122 000 | lignes de code (PHP + Blade) |
68 | modèles Eloquent |
91 | contrôleurs (47 admin, 11 POS) |
42 | services métier |
142 | migrations de base de données |
30 | commandes Artisan planifiées |
21 | classes d'emails transactionnels |
291 | templates Blade |
Fonctionnalités e-commerce
Catalogue produits — Gestion complète avec variations (taille, couleur), attributs dynamiques, galeries multi-images, personnalisation produit (gravure, texte)
Panier & Checkout — Panier session, codes promo (pourcentage, fixe, livraison offerte), cartes cadeaux multiples, choix du mode de livraison et paiement, récupération de paniers abandonnés avec relances automatiques
Commandes — Cycle de vie complet (pending → processing → completed → refunded), génération de factures PDF, suivi Colissimo avec sync 6x/jour, historique de statuts, export CSV
Paiements — Intégration Monetico avec signature MAC, PayPal Smart Buttons, paiement 100% carte cadeau (total à 0€), paiement fractionné (carte + carte cadeau)
Livraison — Génération d'étiquettes Colissimo et Mondial Relay, sélecteur de point relais, tarification au poids par paliers, franco de port avec barre de progression
Remboursements — Workflow complet de demande, approbation, remise en stock optionnelle, avoirs PDF
Système de caisse (POS)
11 contrôleurs dédiés — Interface tactile pour vente en boutique
Scan code-barres — Via scanner physique ou caméra mobile (barcode-detector)
Gestion de caisse — Ouverture/fermeture de session, dépôts/retraits, comptage, rapport journalier
Multi-paiement — Espèces + CB + carte cadeau sur une même transaction, calcul du rendu monnaie
Paniers en attente — Mise en pause et reprise de transactions
Intégration fidélité — Consultation et utilisation des points en caisse
Cartes cadeaux & Fidélité
Cartes cadeaux — Génération de codes uniques, thèmes visuels personnalisables, PDF téléchargeable, envoi par email, suivi du solde avec historique de transactions
Programme de fidélité — Cumul de points à l'achat, conversion automatique en carte cadeau, bonus anniversaire, passes Apple Wallet et Google Wallet
Listes de cadeaux — Création de registres partageables, suivi des achats par les proches
Contenu & Marketing
Blog — Système complet avec catégories, embedding de produits dans les articles (shortcodes), schema BlogPosting
Ateliers — Gestion des sessions, inscriptions en ligne, emails de confirmation et rappel, suivi des présences
Newsletter — Intégration Brevo, génération automatique du brouillon hebdomadaire par IA
Posts sociaux — Planification et publication automatique
Salon de thé — Présentation des formules, carte, allergènes, horaires
Location de jeux
Catalogue de jeux louables avec tarification par durée (jour, semaine, mois)
Gestion des copies physiques avec suivi d'état
Calendrier de disponibilité, intégration au checkout
Schema.org Product + AggregateOffer
Intelligence artificielle (OpenAI)
9 fonctionnalités automatisées par l'IA, exécutées en tâches planifiées ou via jobs asynchrones :
Génération de descriptions produits — Avec recherche web pour enrichir le contenu (API Responses + web_search)
Génération SEO — Meta title et meta description optimisés (structured output JSON)
Embeddings sémantiques — text-embedding-3-small (1536 dimensions) pour chaque produit, stockés en base
Recherche hybride — Recherche textuelle (LIKE par mots AND) complétée par recherche sémantique via cosine similarity
Extraction de mots-clés — Structured output JSON pour le maillage interne
Maillage interne automatique — Insertion de liens dans les descriptions produits, basé sur la similarité sémantique et les mots-clés extraits. Max 3 liens par description, uniquement dans les paragraphes
Landing pages sémantiques — Génération de pages catégorie × âge avec matching produits par embeddings
Univers thématiques — Collections de produits générées par IA avec cross-linking blog, marques, landing pages
Newsletter hebdomadaire — Brouillon généré automatiquement, soumis à validation admin
SEO technique
Sitemaps XML — 13 sous-sitemaps (produits paginés, catégories, marques, blog, locations, landing pages, ateliers, univers), cache 24h
Données structurées — 8+ types schema.org : Product (avec Offer, AggregateRating, Review, shippingDetails), Organization, LocalBusiness, WebSite (SearchAction), BreadcrumbList, BlogPosting, Brand, CollectionPage
Optimisation images — Conversion WebP automatique, variantes responsive (64px à 640px), images OG 1200×630, lazy loading, preloading LCP
Contrôle d'indexation — Noindex sur pagination page 2+, filtres multi-critères, pages compte. Canonical URLs sur toutes les pages
Redirections — Modèle UrlRedirect pour maintenir le jus SEO (301/302), suivi des 404
robots.txt — Blocage admin, POS, checkout, API, anciens paths WordPress
Back-office & Admin
Dashboard analytique — KPI avec tendances (CA, commandes, AOV, articles vendus), graphiques Chart.js interactifs, comparaison périodes, top produits et clients, export CSV
Gestion des stocks — Inventaire physique avec comptage et validation, sync WooCommerce, export comptable, alertes stock faible
CRM — Fiche client avec historique commandes, points fidélité, profils enfants, anniversaires
Modération — Avis clients (approbation/rejet/réponse admin), messages de contact (catégorisation, priorité, workflow), listes de cadeaux
File d'emails — Queue avec workflow d'approbation, prévisualisation HTML, planification, retry automatique
Comptabilité — Rapports mensuels de CA, analyse par canal (web, POS, location), suivi des remboursements
Sécurité — Authentification 2FA (Google Authenticator), audit trail, headers de sécurité (HSTS, CSP), CSRF, prévention injection SQL et XSS
Automatisation (14 tâches planifiées)
Fréquence | Tâche |
|---|---|
Chaque minute | Traitement de la file d'emails |
Toutes les 5 min | Récupération paniers abandonnés · Publication posts sociaux |
Toutes les heures | Nettoyage des promotions expirées |
6x/jour | Synchronisation tracking Colissimo |
Quotidien | Embeddings produits (03:00) · Matching landing pages (03:30) · Popularité produits (04:00) · Images responsive (05:00) · SEO auto (05:30) · Maillage interne (06:00) · Refresh stats avis (00:05) |
Hebdomadaire | Newsletter auto (lundi 00:20) |
Migration WordPress/WooCommerce
Commande Artisan dédiée pour l'import complet depuis WooCommerce :
Import des produits avec catégories hiérarchiques, images et galeries
Import des commandes pour les statistiques de vente
Déduplication par slug/SKU et WordPress ID
Rate limiting configurable pour éviter les blocages CAPTCHA
Connexion lecture seule à la base WooCommerce pour l'inventaire
Tests
14 fichiers de tests (Feature + Unit)
Couverture : panier, checkout, cartes cadeaux, boutique, SEO, pagination, sitemap
Factories pour les modèles principaux
Base SQLite dédiée pour les tests
Points forts techniques
Architecture service-oriented — 42 services métier découplés (StockService, OrderFinalizationService, EmbeddingService, etc.)
Observers & Events — Réactions automatiques aux changements (indexation Google, régénération maillage, stats avis)
Jobs asynchrones — 7 jobs queués pour les traitements lourds (IA, images, notifications)
Design neo-brutalist — DA cohérente avec Tailwind CSS v4 (thème custom mint/pink/yellow/dark, ombres décalées, bordures épaisses, coins arrondis)
Double canal — Boutique en ligne et POS partageant le même stock, les mêmes clients et le même programme de fidélité