Spécifications Techniques
Migration Shopify & Système Diagnostic
Architecture technique détaillée pour la migration de JUSTE.PARIS vers Shopify Plus, incluant le développement sur mesure du moteur de diagnostic, la gestion des abonnements personnalisés et l'intégration logistique.
1Architecture Système
2Cœur de Métier : Personnalisation & Diagnostic
Système de Quiz Diagnostic
Interface Quiz développée en Liquid + JS (Theme-based). App Custom Headless pour le backend.
- Frontend : Templates Liquid Custom + Logique JS conditionnelle
- Backend : API Custom pour création de compte et sauvegarde Metafields
- Flux : Quiz → Formulaire Compte → API Custom → Shopify
Association Produit-Diagnostic
Liaison technique via Line Item Properties et logique de thème.
- Cart : Injection JS des Line Item Properties (ID Diagnostic)
- Display : Template Cart Custom pour afficher les détails du diagnostic
- Validation : Blocage d'ajout au panier sans diagnostic actif
Espace Mon Compte (Modern)
Utilisation des nouveaux comptes clients (Modern Accounts) avec UI Extensions.
- Historique : Customer Account UI Extension pour afficher les diagnostics
- Édition : Extension UI connectée à l'API Custom
- Re-commande : Logique JS pour recharger un diagnostic dans le panier
Abonnements (Native Shopify)
Utilisation de l'app native Shopify Subscriptions.
- Base : App native (gratuite) pour la gestion récurrente
- Custom : Page thème pour modifier le diagnostic entre renouvellements
- Sync : API Custom pour mettre à jour les contrats d'abonnement
3Répartition des Fonctionnalités
Natif Shopify
Inclus dans Shopify Plus
- • Codes Promo & Remises
- • Paiements (Shopify Payments)
- • Relance Paniers Abandonnés
- • Multi-langue (Markets)
- • B2B Functionality
- • Checkout Extensibility (Base)
- • Sliding Cart (Theme)
- • Gestion Clients & Commandes
Applications Tierces
Installation & Configuration
- • Klaviyo (Email/SMS & Promos)
- • Judge.me / Yotpo (Avis)
- • Rebuy (Cross-sell & Upsell)
- • Storyly (Stories Integration)
- • Social Login (Oauth)
- • Shopify Subscriptions (Native App)
- • Shopify Flow (Automation)
Développement Sur Mesure
Code Custom & API
- • Diagnostic Quiz System (Liquid/JS + Headless)
- • Product-Diagnostic Association (Cart Logic)
- • Modern Accounts UI Extensions (History/Edit)
- • Passwordless Login (Multipass Integration)
- • Module Expédition (Web App React)
- • Intégration ERP Odoo (Middleware)
- • Migration Historique (Scripts Data)
- • Cart Threshold Rules (Functions)
4Opérations & Logistique
Module d'Expédition Custom
Application web dédiée pour l'équipe logistique, indépendante du back-office Shopify.
- Scan de numéro de commande
- Affichage de la "Pick List" personnalisée
- Génération d'étiquette Colissimo via API
- Mise à jour du statut "Fulfilled" dans Shopify et dans Odoo
Export Quotidien Automatisé
Flux de données pour la production et l'analyse.
- Déclencheur : Shopify Flow (Schedule)
- Formatage : Webhook vers endpoint custom
- Données : Inclusion des détails de diagnostic par ligne
5Stratégie de Migration
Données Clients & Commandes
Migration standard via API et imports CSV.
- Clients : Import natif Shopify
- Commandes : Import avec préservation de l'historique
- Mapping des champs existants vers Metafields
Historique Diagnostic
Migration complexe nécessitant des scripts sur mesure.
- Extraction de la structure de données actuelle
- Transformation vers le nouveau modèle de Metafields
- Réassociation avec les comptes clients migrés
Résumé de l'Effort Technique
Estimation globale : 450-500 heures de développement pour une implémentation complète et robuste.
Nos Références & Cas Pratiques
Migrations & Refontes
Maison Sève
Chocolaterie-pâtisserie artisanale lyonnaise (Bean-to-bar)
Challenges
- Perte de CA et dépendance technique (Prestashop)
- Complexité logistique (Livraison locale vs nationale)
Jars Céramistes
Céramiques artisanales drômoises depuis 1857
Challenges
- Plateforme rigide et non-modifiable sans dev
- Refonte graphique à petit budget sans audit
- Connexion ERP complexe & Site non mobile-friendly
Accompagnement & CRO
Unbottled
3 ans de partenariat continu (Design & Dev)
Réalisations Clés
- Custom Mix & Match (+7% AOV)
- Design & Développement de marque sur mesure
- Nouvelle release chaque semaine
Hello Nancy
Marque majeure (50M€/an) - Programme d'optimisation
Résultats (3 mois)
- 8 tests A/B conduits (dont 5 échecs instructifs)
- Optimisations Menu, PDP, Landing Pages
- Complexité technique (Headless Webflow + Shopify)