Hopstack
Hopstack est une plateforme SaaS de gestion d'entrepôt pour rationaliser et digitaliser vos opérations d'entrepôt.
Hopstack aide les entreprises à prendre le contrôle de leurs entrepôts, éliminer les goulots d'étranglement et améliorer l'efficacité de l'exécution des commandes, sans augmenter les coûts. Avec une précision des commandes inégalée de 99,8 %, ils ont expédié plus de 6 millions de commandes à ce jour.
Financement seed
Augmentation du trafic organique
Score d'autorité de domaine. Rang augmenté de 327,4K
LE DÉFI
Lorsque Hopstack a contacté Webyansh, ils avaient un point de douleur clair. Leur bibliothèque de ressources détaillée leur générait un excellent trafic organique, mais ils ne parvenaient pas à convertir les visiteurs en raison d'un design obsolète datant de 5 ans et d'une expérience utilisateur extrêmement frustrante.
Parmi les défis rencontrés :
- Temps de chargement lents et code lourd entraînant un taux de rebond élevé ; mauvais Core Web Vitals.
- Contenu non structuré ; balisage sémantique manquant provoquant une portée limitée des mots-clés ; faible autorité thématique.
- Aucun processus scalable pour le blog ou les ressources, ce qui a conduit à un trafic organique stagnant ; peu de points d'entrée.
- Erreurs techniques (liens brisés, balises meta manquantes) entraînant un gaspillage du budget de crawl ; volatilité des classements.
Notre objectif était donc d'améliorer l'expérience utilisateur on-site avec :
- Un design moderne et minimal, sans animations ni effets lourds
- Un développement Webflow propre pour une vitesse de chargement et des performances améliorées
- Une refonte SEO technique complète
- Des Core Web Vitals améliorés : CLS < 0,3, LCP < 2,5 s, FID < 100 ms
Cependant, nous devions en même temps garantir que les classements SEO ne régressent pas, ce qui impliquait un transfert fluide de tous les éléments CMS et ressources.
L'équipe Hopstack nous a confié ce travail délicat grâce à notre expérience préalable dans le secteur logistique et B2B SaaS, reflétée fidèlement dans notre étude de cas Shopbox.
LA SOLUTION
Hopstack nous a fourni un guide de marque détaillé et nous avons intégré les directives — palette de couleurs, typographie — au sein du nouveau design.
Notre priorité principale était d'optimiser les performances du site en maintenant un design minimal et en évitant les animations ou interactions lourdes.
Nous sommes également allés au-delà du CMS natif de Webflow en ajoutant des options de filtrage avancées avec du code personnalisé.
Voici un bref aperçu de la transformation réalisée pour Hopstack dans chaque dimension :
- Design dépassé car le site avait été construit il y a plus de 5 ans. Aucune réflexion n'avait été menée pour mettre visuellement en avant l'offre centrale 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. Affectant également les performances du site.
- Structure CMS ultra-propre et facile à utiliser, enrichie par du 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.
LES PETITS DÉTAILS, UN GRAND IMPACT
Après avoir étudié en détail le business de Hopstack, nous avons eu la certitude qu'il nous fallait une représentation visuelle spéciale mettant en lumière les deux dimensions de l'activité :
- Leur lien avec l'entreposage physique
- Le logiciel comme produit principal
Nous avons donc plongé en profondeur dans l'interface du logiciel et l'avons étudiée de fond en comble avec l'aide de l'équipe Hopstack, pour créer des snippets personnalisés avec des représentations abstraites des éléments UI.
Nous les avons ensuite combinés avec des images d'entrepôts physiques et de processus associés.
Cette combinaison nous a procuré deux avantages :
- Chaque visiteur pouvait immédiatement comprendre l'offre centrale de Hopstack, pouvant rapidement associer le logiciel à l'entreposage et à la logistique.
- Les concurrents ne pouvaient pas voir les fonctionnalités centrales du logiciel, car nous n'utilisions que des concepts abstraits de l'UI plutôt que des captures d'écran réelles.
Grâce à ces éléments de design si bien pensés, nous avons pu créer un design minimal et moderne qui non seulement communiquait le cœur de métier aux visiteurs, mais qui a également forgé une identité unique pour Hopstack, inégalée dans l'industrie à ce jour.
UNE REFONTE CMS COMPLÈTE
La bibliothèque de ressources Hopstack était littéralement immense.
Voici la liste des catégories de ressources :
- 130 Articles de blog
- Guides
- 1 Rapport
- 10 E-books
- 129 Glossaires
- 20 Newsletters
- 6 Études de cas
- 260 Répertoires 3PL
- Répertoires de fulfilment
Nous devions non seulement migrer l'intégralité de ces éléments en douceur vers le nouveau site, mais aussi améliorer la structuration déficiente pour 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
- Nettoyage de tous les champs de l'ancien CMS
- Recréation de nouveaux champs CMS
- Import de toutes les données
- Redéfinition de toutes les catégories et filtres
- Redéfinition du CMS et construction de la section ressources
Avec ce nouveau CMS robuste, le site Hopstack est hautement scalable et prêt à évoluer avec les besoins métier en évolution.
Nous priorisons des expériences utilisateur fluides sur tous les appareils en implémentant des principes de design responsive. En veillant à ce que le site s'adapte de manière fluide à différentes tailles et orientations d'écran — mobiles, tablettes et desktops — nous garantissons accessibilité et utilisabilité pour tous les utilisateurs.
MÉTRIQUES SEO CLÉS
Croissance du Trafic Organique
- Visites : Augmentées à 23,2 K/mois (▲ 31 % MoM)
- Trafic de recherche organique : 19,7 K/mois (+ 8,5 % par rapport au mois précédent)
- Visiteurs uniques : 11,3 K
Mots-Clés et Classements
- Total des mots-clés classés : Passé de ~0 à 11,9 K
- Mots-clés organiques dans le Top 3 : 630 (Inde), 5,3 K (États-Unis)
- Mix d'intention des mots-clés :
- 71,3 % Informationnels (générant 4,1 K visites)
- 20,1 % Commerciaux ; 3,3 % Transactionnels
Améliorations d'Engagement
- Pages / Visite : 2,66 (▲ 104 %)
- Durée moyenne de 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)
- Répartition du trafic (par pays) : Inde 26 %, États-Unis 25 %, France 6 %
POSITIONNEMENT CONCURRENTIEL
Notre travail a propulsé Hopstack en position dominante face à ses pairs en :
- Capturant plus de 4,3 K mots-clés là où les concurrents en moyennent 2 à 3 K
- Exploitant les rich features SERP (featured snippets, knowledge panels) sur des requêtes à forte valeur
- Sécurisant l'autorité sur les piliers "Key Topics" (ex. : "shipping companies that ship", "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 d'exceptionnel.
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.