ShopBox

Lorsque ShopBox a contacté Webyansh, l'entreprise faisait face à plusieurs problèmes de développement qui l'empêchaient d'offrir une expérience client mémorable. Leur site existant reposait sur une pile technique dépassée, rendant les mises à jour de contenu et l'ajout de nouvelles fonctionnalités difficiles et chronophages pour leur équipe interne.

L'une des fonctionnalités manquantes les plus importantes était un calculateur de frais d'expédition et un système de suivi de colis. Ces outils étaient essentiels pour permettre aux clients d'estimer les coûts de livraison et les délais directement depuis le site.

De plus, malgré un nouveau design déjà réalisé par un autre designer, le développeur initialement engagé n'était pas parvenu à en livrer une réplique pixel perfect. Le design ne prenait en compte que la version desktop, laissant le site sans version adaptée aux mobiles.

Pour relever ces défis, notre objectif était de :

⬥ Garantir une réplique pixel perfect du design existant

⬥ Développer un calculateur de coûts et un système de suivi de colis fluides

⬥ Mettre en place un design entièrement responsive pour desktop et mobile

ShopBox nous a confié cette mission délicate grâce à notre expérience éprouvée dans la livraison de solutions de développement web de haute qualité.

ShopBox souhaitait offrir une transparence totale sur la tarification de ses services. Un calculateur de fret maritime et aérien était donc au cœur de leur projet de refonte.

L'entreprise nous a fourni les données par catégorie d'articles sous forme de tableur, accompagnées de formules de calcul spécifiques.

Les meilleures fonctionnalités du calculateur :

• Intégration CMS : les données par catégorie d'articles issues du tableur de ShopBox ont été importées dans leur CMS, permettant à leur équipe de mettre à jour les données à tout moment.
• Conversion et calcul automatiques : pour améliorer l'ergonomie, nous avons mis en place une conversion automatique entre kilogrammes (kg) et livres (lbs) selon la saisie de l'utilisateur, évitant toute conversion manuelle.
• Design d'interface statique sous Webflow : pour l'interface, nous avons opté pour un design statique sous Webflow, simplifiant le développement tout en garantissant une interface propre et intuitive.

Le fonctionnement backend du calculateur :

1. Sélection de l'article : le client sélectionne un article dans une liste issue du CMS, présentée dans un menu déroulant.
2. Saisie des détails : le client saisit le coût de l'article en $US et son poids en livres ou kilogrammes. Si le poids est saisi dans une unité, la valeur correspondante dans l'autre unité est automatiquement calculée et affichée.
3. Calcul des coûts : selon l'article sélectionné et les détails saisis, une série de calculs est réalisée pour les différentes charges — droits de douane, tarif de fret, surcharge carburant, frais de manutention, assurance et taxes — en appliquant les formules précises fournies par ShopBox.
4. Affichage des résultats : les valeurs calculées s'affichent dynamiquement dans l'interface, en $US et en $EC. Un bouton "Effacer" permet de réinitialiser tous les champs.

Nous avons utilisé la manipulation du DOM en JavaScript pour donner vie à cette fonctionnalité. En attachant un écouteur d'événement "clic" au bouton "Calculer", nous garantissons des calculs précis et une mise à jour des résultats en temps réel dans l'interface.

Grâce à ce nouveau calculateur, ShopBox a pu proposer une tarification transparente à ses clients et ajouter une corde de plus à son expérience utilisateur.

Un système de suivi de colis fiable faisait partie des exigences clés de ShopBox lors de notre premier contact. L'entreprise ne savait cependant pas comment récupérer et afficher efficacement les données de suivi. Cette fonctionnalité étant essentielle pour l'expérience utilisateur, nous avons relevé le défi et proposé une solution.

Intégration API

1. Statut actuel du colis (avec date et heure)
2. Localisation précédente
3. Transporteur utilisé (comme Bluedart)
4. Délais d'expédition et de livraison

Conception de l'interface utilisateur Grâce à Webflow, nous avons conçu une barre de progression intuitive représentant visuellement le parcours du colis. Cette fonctionnalité permet aux clients de suivre facilement le statut de leur colis d'un simple coup d'œil.

Pour ceux qui souhaitent plus de détails, nous avons ajouté une option pour consulter l'historique complet du suivi. Un simple clic redirige vers packagetrackr.com, avec le numéro de suivi déjà renseigné, rendant le processus fluide et pratique.

Fonctionnement backend Pour développer ces fonctionnalités, nous avons utilisé la méthode fetch en JavaScript pour les appels API vers "kd100". Cette méthode récupère efficacement les données au format JSON contenant le statut du colis et les informations associées. Les données récupérées sont ensuite analysées et mises à jour dynamiquement dans l'interface via la méthode querySelector, garantissant précision et réactivité.

En développant ce système de suivi fluide, nous avons aidé ShopBox non seulement à répondre à ses exigences, mais aussi à améliorer significativement son expérience utilisateur.

‍

Migration Webflow et SEO technique

• Migration vers l'hébergement performant de Webflow → 40% de chargement de page plus rapide (LCP < 2,5s)
• Mise en place d'un design mobile-first et optimisation des Core Web Vitals

Autorité de domaine et visibilité

• Score d'autorité passé à 9 (contre ~1 auparavant)
• Classement de domaine Semrush amélioré, passant d'environ 3,2M à environ 1,8M

Principaux mots-clés (marché américain) :

• "shop box" — Position 1 (210 recherches/mois) — 39% du trafic organique total
• "shopbox" — Position 2 (480 recherches/mois) — 47% du trafic organique total
• "customs duty calculator st lucia" — Position 3 (30 recherches/mois)

Répartition géographique et parts de marché

• Part de trafic (États-Unis) : 34% (134 visites/mois)
• Danemark : 20% (78 visites/mois)
• Inde : 16% (65 visites/mois)
• Part de marché mondiale face à la concurrence : 39% du trafic total de la catégorie

Profil de backlinks

• 2 600+ backlinks au total (provenant de 92 domaines)
• Follow vs. Nofollow : 2 600 Follow | 27 Nofollow

‍