Hopstack
Hopstack es una plataforma SaaS para la gestión de almacenes que permite agilizar y digitalizar tus operaciones de almacén.
Hopstack ayuda a las empresas a tomar el control de sus almacenes, eliminar cuellos de botella y mejorar la eficiencia del fulfillment, sin aumentar los costes. Con una precisión de pedidos sin rival del 99,8 %, han enviado más de 6 millones de pedidos hasta la fecha.
Semilla de financiación
Aumento del tráfico orgánico
Puntuación de autoridad de dominio. Se aumentó el rango en 327.4K
EL DESAFÍO
Cuando Hopstack contactó a Webyansh, tenían un punto de dolor claro. Su detallada biblioteca de recursos les generaba un excelente tráfico orgánico, pero no conseguían convertir a los visitantes debido a un diseño obsoleto de 5 años y una experiencia de usuario extremadamente frustrante.
Algunos de los desafíos encontrados fueron:
- Tiempos de carga lentos y código pesado que provocaban una alta tasa de rebote; malos Core Web Vitals.
- Contenido no estructurado; marcado semántico ausente que causaba un alcance limitado de palabras clave; débil autoridad temática.
- Sin proceso escalable para el blog o los recursos, lo que llevaba a un tráfico orgánico estancado; pocos puntos de entrada.
- Errores técnicos (enlaces rotos, metaetiquetas ausentes) que desperdiciaban el presupuesto de rastreo; volatilidad en los rankings.
Por lo tanto, nuestro objetivo era mejorar la experiencia de usuario on-site con:
- Un diseño moderno y minimalista, sin animaciones ni efectos aparatosos
- Desarrollo Webflow limpio para una mayor velocidad de carga y rendimiento
- Revisión completa del SEO técnico
- Core Web Vitals mejorados: CLS < 0,3, LCP < 2,5 s, FID < 100 ms
Sin embargo, al mismo tiempo teníamos que garantizar que los rankings SEO no cayeran, lo que implicaba una migración fluida de todos los elementos del CMS y los recursos.
El equipo de Hopstack nos confió este delicado trabajo gracias a nuestra experiencia previa en el sector logístico y B2B SaaS, reflejada fielmente en nuestro caso de estudio de Shopbox.
LA SOLUCIÓN
Hopstack nos proporcionó una guía de marca detallada e incorporamos las directrices paleta de colores, tipografía al nuevo diseño.
Nuestra prioridad principal era priorizar el rendimiento del sitio web manteniendo el diseño minimalista y alejándonos de animaciones o interacciones pesadas.
También fuimos un paso más allá del CMS nativo de Webflow añadiendo opciones de filtrado avanzadas con código personalizado.
Aquí hay un breve resumen de la transformación que logramos para Hopstack en cada aspecto:
Diseño anticuado, ya que el sitio web se creó hace más de 5 años.- No se pensó en resaltar visualmente la oferta principal de Hopstack.
Un diseño minimalista y moderno, líder en la industria. - Fragmentos de interfaz de usuario especiales combinados con imágenes de almacén para resaltar la oferta principal y la experiencia con las herramientas
- Velocidad de carga deficiente y mala experiencia de usuario debido a una estructuración incorrecta y problemas con el CMS.
Desarrollo limpio y CMS Webflow nativo mejorados con código personalizado para una velocidad increíble y una excelente experiencia de usuario.
Arquitectura deficiente y diseño sofocante. - Bloques y secciones con nombres horribles en el backend que generaban confusión.
Arquitectura simple, efectos mínimos y diseño espacioso para mantener a los usuarios enganchados.- Nomenclatura lógica de bloques impulsada por el sistema «Finsweet Client-First»
Estructura de CMS desordenada: confusa y complicada de manejar. Además, afecta al rendimiento del sitio web.
Estructura de CMS superlimpia y fácil de usar mejorada con código personalizado para un filtrado avanzado y un rendimiento superior.
Excelentes clasificaciones de SEO, pero sin conversión de tráfico debido a una mala experiencia de usuario.
Experiencia de usuario completamente renovada y optimizada para la conversión sin comprometer las clasificaciones de SEO.
PEQUEÑOS DETALLES, GRAN IMPACTO
Tras estudiar en detalle el negocio de Hopstack, tuvimos claro que necesitábamos una representación visual especial que pusiera de relieve ambos aspectos del negocio:
- Su relación con el almacenamiento físico
- El software como su producto principal
Así que nos sumergimos en profundidad en la interfaz del software y la estudiamos de cabo a rabo con ayuda del equipo de Hopstack para crear snippets personalizados con representaciones abstractas de los elementos de la UI.
Los combinamos con imágenes de almacenes físicos y procesos relacionados.
Esta combinación nos dio dos ventajas:
- Cada visitante podía entender inmediatamente la propuesta central de Hopstack ya que podía asociar rápidamente el software con el almacenamiento y la logística.
- Los competidores no podían ver las funcionalidades centrales del software ya que solo usábamos conceptos abstractos de la UI en lugar de capturas de pantalla reales.
Con elementos de diseño tan bien pensados, conseguimos crear un diseño minimal y moderno que no solo comunicaba el negocio central a los visitantes sino que también forjó una identidad única para Hopstack, sin igual en la industria hasta la fecha.
UNA RENOVACIÓN COMPLETA DEL CMS
La biblioteca de recursos de Hopstack era literalmente enorme.
Aquí está la lista de categorías de recursos:
- 130 Artículos de blog
- Guías
- 1 Informe
- 10 E-books
- 129 Glosarios
- 20 Newsletters
- 6 Casos de estudio
- 260 Directorios 3PL
- Directorios de fulfilment
Así que no solo teníamos que migrar todos estos elementos de forma fluida al nuevo sitio, sino también mejorar la estructuración deficiente para hacer el sistema de gestión de contenidos más amigable.
Así es como recreamos el CMS completo para Hopstack:
- Exportación de todos los datos del antiguo CMS
- Limpieza de todos los campos del antiguo CMS
- Recreación de nuevos campos del CMS
- Importación de todos los datos
- Redefinición de todas las categorías y filtros
- Redefinición del CMS y construcción de la sección de recursos
Con el nuevo CMS robusto, el sitio de Hopstack es altamente escalable y está preparado para evolucionar con las necesidades cambiantes del negocio.
Priorizamos experiencias de usuario fluidas en todos los dispositivos implementando principios de diseño responsive. Al garantizar que el sitio web se adapta de manera fluida a varios tamaños y orientaciones de pantalla incluyendo dispositivos móviles, tabletas y escritorios garantizamos accesibilidad y usabilidad para todos los usuarios.
MÉTRICAS SEO CLAVE
Crecimiento del Tráfico Orgánico
- Visitas: Aumentadas a 23,2 K/mes (▲ 31 % MoM)
- Tráfico de búsqueda orgánica: 19,7 K/mes (+ 8,5 % respecto al mes anterior)
- Visitantes únicos: 11,3 K
Palabras Clave y Rankings
- Total de palabras clave posicionadas: De ~0 a 11,9 K
- Palabras clave orgánicas en el Top 3: 630 (India), 5,3 K (EE. UU.)
- Mix de intención de palabras clave:
- 71,3 % Informacional (generando 4,1 K visitas)
- 20,1 % Comercial; 3,3 % Transaccional
Mejoras de Engagement
- Páginas / Visita: 2,66 (▲ 104 %)
- Duración media de visita: 08:31 (▲ 97 %)
- Tasa de rebote: 63,5 % (▼ 27 %)
Autoridad y Backlinks
- Puntuación de Domain Authority: 37
- Dominios de referencia: 845 (3,4 K backlinks)
- Distribución del tráfico (por país): India 26 %, EE. UU. 25 %, Francia 6 %
POSICIONAMIENTO COMPETITIVO
Nuestro trabajo catapultó a Hopstack a una posición líder frente a sus competidores al:
- Capturar más de 4,3 K palabras clave donde los competidores promedian 2 a 3 K
- Aprovechar las rich features de SERP (featured snippets, knowledge panels) en consultas de alto valor
- Asegurar la autoridad en los pilares "Key Topics" (p. ej., "shipping companies that ship", "3PL")
«Tuve el placer de trabajar con Divyansh en el proyecto de renovación de nuestro sitio web en Hopstack, y puedo decir con confianza que es excepcional en lo que hace. Su pensamiento de diseño es de primera categoría, lo que nos permite lograr un sitio web limpio, moderno y altamente funcional. »
Siguiente caso práctico
Soluciones Aureon
Creemos juntos algo extraordinario.
¿Tienes un proyecto en mente? Contáctanos para soluciones expertas de diseño y desarrollo. Hablemos de cómo podemos ayudar a hacer crecer tu negocio.
Hola, soy Divyansh - Fundador de Webyansh. Programa una llamada conmigo para hablar en detalle sobre su proyecto y cómo podemos ayudar a su empresa. También puedes solicite un presupuesto personalizado gratuito si el alcance del trabajo es claro.