Produit • En cours

Estimated Delivery Date

Application Shopify conçue pour afficher des dates de livraison estimées fiables, lisibles et réellement configurables par les marchands.

Rôle

Product design, développement full-stack, UX de configuration, logique de calcul.

Période

mars 2026

Stack

Shopify CLIReactTypeScriptPolarisApp Bridge
Voir les liens du projet →
Écran de configuration Shopify avec aperçu du widget, couleurs, icône, titre et options de mise en page.
4 paramètres métier
Le calcul combine jours ouvrés, heure limite, préparation et plage d’expédition.
Aperçu instantané
Le marchand visualise le widget pendant le réglage des couleurs, du titre, de l’icône et du mode compact.
2 surfaces Shopify
Une application embarquée pilote la configuration et une Theme App Extension affiche le résultat en boutique.

Synthèse

Les marchands Shopify utilisent souvent des messages de livraison trop génériques. L'enjeu était de proposer une information plus crédible, tout en gardant une configuration simple côté admin.

Livrables

  • Application Shopify embarquée

  • Widget storefront

  • Système de templates

  • Gestion des plans et options

Problème

Comment afficher une date de livraison suffisamment fiable pour rassurer le client, tout en tenant compte des jours ouvrés, des cut-offs, des délais de préparation et des variations d'expédition ?

Décisions

  1. Définition d'une logique de calcul capable de gérer les contraintes métier les plus fréquentes sans rendre l'outil incompréhensible.

  2. Conception d'une interface d'administration claire pour configurer les règles, les templates et les options d'affichage.

  3. Séparation de la logique de calcul, de la configuration marchande et du rendu Theme App Extension pour faire évoluer chaque partie sans couplage inutile.

Solution

Application embarquée dans Shopify Admin avec configuration des règles de livraison et personnalisation du widget.

Theme App Extension légère côté storefront pour afficher la date estimée sur les fiches produit.

Gestion de templates dynamiques, styles, mode compact et logique de plans Free / Pro.

Ressources

Stack technique

Shopify CLIReactTypeScriptPolarisApp Bridge