Boîte de magasin

Lorsque Shopbox a contacté Webyansh, l'entreprise était confrontée à plusieurs problèmes de développement qui l'empêchaient de proposer une expérience client mémorable. Leur site Web existant reposait sur une technologie obsolète, ce qui rendait difficile et chronophage pour leur équipe interne la mise à jour du contenu ou l'ajout de nouvelles fonctionnalités.

L'une des fonctionnalités les plus importantes manquantes était le calculateur des frais d'expédition et le suivi des expéditions. Ces informations étaient essentielles pour permettre à leurs clients d'estimer les frais d'expédition et les délais de livraison directement sur le site Web.

De plus, malgré la préparation d'un nouveau design par un autre designer, le développeur qu'ils ont initialement engagé n'a pas été en mesure de créer une réplique parfaite au pixel près de ce design. De plus, le design ne tenait compte que de la version de bureau, laissant le site Web sans version adaptée aux mobiles.

Pour relever ces défis, notre objectif était de :
Garantissez une réplique parfaite au pixel près du design existant
Développez un calculateur de coûts et un suivi des expéditions transparents
Mettre en œuvre un design entièrement réactif pour les utilisateurs de bureau et mobiles

Shopbox nous a confié cette tâche délicate en raison de notre expérience éprouvée dans la fourniture de solutions de développement Web de haute qualité.

Shopbox souhaitait offrir une transparence totale sur la tarification de ses services. Par conséquent, un calculateur de fret maritime et aérien était au cœur de leurs plans de refonte.

Ils nous ont fourni des données sur les catégories d'articles sous forme de feuille de calcul ainsi que des formules de calcul spécifiques.

Voici les meilleures fonctionnalités de la calculatrice :-

• Intégration à un CMS: Nous avons importé les données des catégories d'articles de la feuille de calcul de Shopbox dans leur CMS. Cette configuration permet à l'équipe de Shopbox de mettre à jour les données à tout moment.

• Conversion et calcul automatiques : Pour améliorer la facilité d'utilisation, nous avons mis en place une conversion automatique entre les kilogrammes (kg) et les livres (livres) en fonction des entrées de l'utilisateur. Cette fonctionnalité simplifie le processus pour les clients, en leur permettant de saisir les données de poids dans leurs unités préférées sans conversion manuelle.
• Conception d'interface utilisateur statique à l'aide de Webflow : Pour l'interface utilisateur, nous avons opté pour une conception statique utilisant Webflow. Cette décision a non seulement rationalisé le développement, mais a également garanti une interface claire et intuitive pour les utilisateurs interagissant avec la calculatrice.

Voici le flux de travail principal de la calculatrice :-

1. Sélection de l'article : Le processus commence lorsque les clients sélectionnent un article dans une liste fournie dans le CMS, qui est ensuite remplie dans un menu déroulant.
2. Détails de saisie : Les clients saisissent le coût de l'article en dollars américains et son poids en livres ou en kg. 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 : Sur la base de l'article sélectionné et des informations saisies, nous effectuons une série de calculs pour divers frais, notamment les droits de douane, les frais de transport, la surcharge carburant, les frais de manutention, les assurances et les droits de douane. Ceux-ci sont calculés à l'aide de formules précises fournies par ShopBox.
4. Affichage des résultats : Les valeurs calculées sont ensuite affichées dynamiquement dans l'interface utilisateur, les valeurs $US et $EC étant affichées clairement. Un bouton « Effacer » est également fourni pour réinitialiser tous les champs.

Nous avons utilisé la manipulation du DOM JavaScript pour donner vie à cette fonctionnalité. En associant un écouteur d'événements « clic » au bouton « Calculer », nous nous assurons que les calculs sont effectués avec précision et que les résultats sont mis à jour en temps réel sur l'interface utilisateur.

Grâce à cette toute nouvelle fonction de calcul, Shopbox a pu proposer des prix transparents à ses clients et ajouter une étoile supplémentaire à leur expérience utilisateur.

Un système de suivi des envois fiable était l'une des principales exigences de Shopbox lorsqu'ils nous ont contactés. Cependant, ils ne savaient pas comment capturer et afficher efficacement les données de suivi. Comme cette fonctionnalité était importante pour améliorer l'expérience utilisateur, nous avons relevé le défi et avons trouvé une solution.

Intégration des API

1. État actuel du colis (avec date et heure)
2. Emplacement précédent
3. Transporteur utilisé (comme Bluedart)
4. Délais d'expédition et de livraison
   ‍

Conception de l'interface utilisateur

À l'aide de Webflow, nous avons créé une barre de progression conviviale qui représente visuellement le parcours de l'expédition. Cette fonctionnalité permet aux clients de suivre facilement l'état de leur colis en un coup d'œil.

Pour ceux qui souhaitent plus de détails, nous avons inclus une option permettant d'afficher l'historique de suivi complet. Un simple clic les redirige vers packagetrackr.com, avec le numéro de suivi déjà renseigné, ce qui rend le processus fluide et pratique.

Flux de travail principal
données ted contenant l'état du package et les informations associées. Les données récupérées sont ensuite analysées et mises à jour dynamiquement dans l'interface utilisateur à l'aide de la méthode QuerySelector pour garantir 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 également à améliorer de manière significative son expérience utilisateur.

‍

Flux de travail principal

Pour créer ces fonctionnalités, nous avons utilisé la méthode fetch en JavaScript pour les appels d'API à « kd100 ». Cette méthode permet de récupérer efficacement le format JSON

Migration des flux Web et référencement technique

• Migration vers l'hébergement performant de Webflow → Chargements de pages 40 % plus rapides (LCP <2,5 s)
• Mise en œuvre d'une conception axée sur le mobile et optimisation des Core Web Vitals
  ‍

Autorité et visibilité du domaine

• Score d'autorité est passé à 9 (à partir de ~1)
• Classement du domaine SEMrush amélioré de ~3,2 millions à ~1,8 million

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

• « boîte à magasins » — Position 1 (210 vol/mois) — 39 % de l'ensemble du trafic organique
• « boîte à magasins » — Position 2 (480 vol/mois) — 47 % de l'ensemble du trafic organique
• « calculateur de droits de douane Sainte-Lucie » — Position 3 (30 vols/mois)
  ‍

Part géographique et part 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 par rapport à la concurrence: 39 % du trafic total de la catégorie

Profil de backlink

• Plus de 2 600 nombre total de backlinks (provenant de 92 domaines)
• Follow contre Nofollow: 2 600 Suivre | 27 Non suivre