Hopstack
Hopstack est une plateforme SaaS de gestion d'entrepôt visant à rationaliser et à numériser les opérations de votre entrepôt.
Hopstack aide les entreprises à prendre en charge leurs entrepôts, à éliminer les goulots d'étranglement et à améliorer l'efficacité de l'exécution des commandes, le tout sans augmenter les coûts.
Avec une précision de commande inégalée de 99,8 %, ils ont expédié plus de 6 millions de commandes à ce jour.
Financement d'amorçage
Augmentation du trafic organique
Score d'autorité de domaine. Rang augmenté de 327,4K
Défi
Lorsque Hopstack a contacté Webyansh, ils avaient clairement un problème. Leur bibliothèque détaillée de ressources leur apportait un trafic organique important, mais ils n'ont pas réussi à convertir les visiteurs en raison d'un design obsolète vieux de 5 ans et d'une expérience utilisateur extrêmement frustrante.
Certains des défis rencontrés étaient les suivants :
Temps de chargement des pages lents et code volumineux qui a causé taux de rebond élevé; par Core Web Vitals.
Contenu non structuré; balisage sémantique manquant ce qui a entraîné une portée limitée des mots clés ; une faible autorité thématique
Aucun processus évolutif pour le blog ou les ressources ce qui a conduit à trafic organique stagnant; peu de points d'entrée
Erreurs techniques (liens cassés, balises méta manquantes), ce qui a entraîné un gaspillage du budget d'exploration ; volatilité du classement
Notre objectif était donc d'améliorer l'expérience utilisateur sur site avec-
Un design moderne et minimaliste, sans animations ni effets sophistiqués
Développement de Clean Webflow pour vitesse de chargement plus rapide et performance
Refonte technique du référencement
Core Web Vitals améliorés : CLS < 0,3, LCP < 2,5 s, FID < 100 ms
Cependant, dans le même temps, nous avons dû nous assurer que Le classement SEO n'a pas baissé, ce qui a permis un transfert fluide de tous les éléments ou ressources de la CMS.
L'équipe Hopstack nous a confié cette tâche délicate en raison de notre expérience antérieure dans le domaine de la logistique et du SaaS B2B, illustrée avec précision dans notre étude de cas de développement de Shopbox.
Solution
Hopstack nous a fourni un guide de marque détaillé et nous avons intégré les directives telles que la palette de couleurs et la typographie dans le nouveau design.
Notre objectif principal était de prioriser les performances du site en conservant design minimal et en évitant les animations ou les interactions lourdes.
Nous avons également pris une longueur d'avance sur le CMS Webflow natif en y ajoutant quelques filtrage avancé options avec code personnalisé.
Voici un bref aperçu de la transformation que nous avons réalisée pour Hopstack dans chaque aspect :
Design daté car le site Web a été créé il y a plus de 5 ans.- Aucune attention n'a été accordée à la mise en valeur visuelle de l'offre principale de Hopstack.
Un design minimaliste et moderne, à la pointe de l'industrie. - Des extraits d'interface utilisateur spéciaux combinés à des images de l'entrepôt pour mettre en valeur l'offre de base et l'expérience des outils
Vitesse de chargement et expérience utilisateur médiocres en raison d'une structuration et d'un CMS défectueux.
Développement propre et CMS Webflow natif amélioré avec un code personnalisé pour une rapidité fulgurante et une expérience utilisateur exceptionnelle.
Architecture médiocre et design suffocant.- Des blocs et des sections mal nommés sur le backend qui ont créé de la confusion.
Architecture simple, effets minimaux et design spacieux pour maintenir l'engagement des utilisateurs.- Dénomination logique des blocs alimentés par le système « Finsweet Client-First System »
Structure CMS désordonnée - confuse et compliquée à gérer. Cela affecte également les performances du site Web.
Structure CMS super propre et facile à utiliser améliorée avec un code personnalisé pour un filtrage avancé et des performances supérieures.
Excellent classement SEO mais aucune conversion de trafic en raison d'une mauvaise expérience utilisateur.
Une expérience utilisateur entièrement remaniée et optimisée pour les conversions sans compromettre le classement SEO.
Petits détails, impact énorme
Après avoir étudié en détail les activités de Hopstack, nous étions sûrs d'avoir besoin d'une représentation visuelle spéciale mettant en valeur les deux aspects de l'entreprise :
1. Leur relation avec l'entreposage physique
2. Le logiciel comme produit principal
Nous avons donc approfondi l'interface utilisateur du logiciel et l'avons étudiée de fond en comble avec l'aide de l'équipe Hopstack pour créer des extraits personnalisés avec des représentations abstraites des éléments de l'interface utilisateur.
Nous les avons ensuite combinées avec des images d'entrepôts physiques et de processus connexes.
Cette combinaison nous a donné deux avantages :
1. Chaque visiteur a pu immédiatement comprendre l'offre de base de Hopstack, car il a pu rapidement associer le logiciel à l'entreposage et à la logistique.
2. Les concurrents n'ont pas pu examiner les fonctionnalités de base du logiciel car nous n'avons utilisé que des concepts abstraits de l'interface utilisateur plutôt que de véritables captures d'écran.
Grâce à des éléments de design aussi bien pensés, nous avons pu créer un design minimaliste et moderne qui non seulement a communiqué le cœur de métier aux visiteurs, mais a également conféré à Hopstack une identité unique, inégalée dans l'industrie à ce jour.
Une refonte complète du CMS
La bibliothèque de ressources Hopstack était littéralement énorme.
Voici une liste des catégories de ressources :
Plus de 130 blogues
Guides
1 Rapport
10 livres électroniques
129 Glossaires
20 bulletins
6 études de cas
260 annuaires 3PL
Répertoires de distribution
Nous avons donc dû non seulement migrer tous ces éléments en douceur vers le nouveau site Web, mais également améliorer la mauvaise structuration afin de rendre le système de gestion de contenu plus convivial.
Voici comment nous avons recréé l'intégralité du CMS pour Hopstack-
Export de toutes les données de l'ancien CMS
Tous les champs de l'ancien CMS ont été nettoyés
Nouveaux champs CMS recréés
Toutes les données ont été importées
Redéfinition de toutes les catégories et de tous les filtres
Redéfinition du CMS et création de la section des ressources
Grâce au nouveau CMS robuste, le site Web de Hopstack est hautement évolutif et prêt à évoluer en fonction de l'évolution des besoins commerciaux.
Nous donnons la priorité à des expériences utilisateur fluides sur tous les appareils en mettant en œuvre des principes de conception adaptatifs. En veillant à ce que le site Web s'adapte de manière fluide aux différentes tailles et orientations d'écran, y compris les appareils mobiles, les tablettes et les ordinateurs de bureau, nous garantissons l'accessibilité et la facilité d'utilisation pour tous les utilisateurs.
Indicateurs clés du référencement
Croissance organique du trafic
- Visites: augmenté à 23,2 K/mois (▲ 31 % MoM)
- Trafic de recherche organique: 19,7 K/mois (+ 8,5 % par rapport au mois précédent)
- Des visiteurs uniques: 11,3 KILOMÈTRES
Mots clés et classements
- Mots-clés de classement total: est passé de ~0 à 11,9 KILOMÈTRES
- Les mots clés organiques dans le top 3: 630 (Inde), 5,3 KM (NOUS)
- Mélange d'intentions de mots clés:
- 71,3 % Informations (4,1 000 visites au volant)
- 20,1 % commercial ; 3,3 % transactionnel
Améliorations en matière
- Pages/Visite: 2,66 (▲ 104 %)
- Moyenne. Durée de la visite: 08:31 (▲ 97 %)
- Taux de rebond: 63,5 % (▼ 27 %)
Autorité et backlinks
- Score d'autorité de domaine: 37
- Domaines référents: 845 (3,4 K backlinks)
- Partage du trafic (par pays) : Inde 26 %, États-Unis 25 %, France 6 %
Positionnement concurrentiel
Notre travail a permis à Hopstack de se hisser en position de leader par rapport à ses pairs en :
- Capture plus de 4,3 000 mots clés où les concurrents ont une moyenne de 2 à 3 K
- Tirer parti fonctionnalités SERP riches (extraits de contenu, panneaux de connaissances) sur les requêtes de grande valeur
- Sécurisation de l'autorité du pilier « Sujets clés » (par exemple, « compagnies maritimes qui expédient », « 3PL »)
« J'ai eu le plaisir de travailler avec Divyansh sur le projet de refonte de notre site Web chez Hopstack, et je peux affirmer avec certitude qu'il est exceptionnel dans ce qu'il fait. Sa conception du design est de premier ordre, ce qui nous permet de créer un site Web propre, moderne et hautement fonctionnel. «
Étude de cas suivante
Solutions Auréon
Créons ensemble quelque chose à partir de ce monde.
Vous avez un projet en tête ? Contactez-nous pour des solutions de conception et de développement spécialisées. Discutons de la manière dont nous pouvons vous aider à développer votre activité.
Bonjour, je suis Divyansh - Fondatrice de Webyansh. Planifiez un appel avec moi pour discuter en détail de votre projet et de la manière dont nous pouvons aider votre entreprise. Vous pouvez également demande de devis personnalisé gratuit si l'étendue des travaux est claire.