![[Asset] Hotjar/heap/Contentsquare](http://images.ctfassets.net/gwbpo1m641r7/1ueoMEqNMJT9VRlSe3YiYb/c25abf4ed3f67bb861c60203465689fe/CSQ_-_CoBrand_-_Desktop_-_Light_Mode.png?w=3840&q=100&fit=fill&fm=avif)
historia cliente se publicó originalmente en Hotjar.com y refleja su experiencia con su oferta de productos. Tras integración de Hotjar con el grupo legal Contentsquare, historia ha migrado a este sitio [Contentsquare.com] como parte de nuestra contenido unificada.
HubSpot Academy es líder mundial en formación en inbound marketing y ventas. Desde 2012, HubSpot Academy se ha comprometido a transformar la forma en que las personas y las empresas crecen, ofreciendo formación online para la era digital: cursos, proyectos, certificaciones y formación en software.
Recientemente tuvimos el placer de conversar con Eric Peters, Senior Growth Marketer de HubSpot Academy . Hablamos sobre cómo HubSpot utiliza los comentarios de Hotjar de para comprender por qué los visitantes abandonan la página de registro del curso y cómo el equipo actúa en función de los comentarios para tomar decisiones basadas los usuarios y lograr rediseños de páginas exitosos.
En primer lugar, cuéntanos sobre la HubSpot Academy, cómo comenzó y a quién está dirigida.
Eric : La Academia ofrece educación en marketing entrante y ventas , con aproximadamente 10 000 personas inscribiéndose cada mes.
HubSpot empezó a ofrecer cursos en 2012-2013, inicialmente solo para nuestros clientes. Sabíamos que para que nuestros clientes tuvieran éxito, no solo se trataba de enseñarles a usar el software de HubSpot: trataba de enseñarles a ser excelentes profesionales del marketing
En aquel entonces, existía una gran brecha entre lo que los estudiantes aprendían en la universidad y lo que realmente necesitaban saber para desempeñar su trabajo; esto también aplicaba a los profesionales del marketing veteranos que llevaban años practicando el marketing tradicional y, de repente, necesitaban preocuparse por las conversiones en un sitio web. Cuando nos dimos cuenta de que la gente se colaba en el curso, fueran clientes o no, decidimos abrirlo a todo .
![[Asset] Customer story - Hubspot website](http://images.ctfassets.net/gwbpo1m641r7/23J0Zifc4VPYCz8VOJnqZ8/e4266d75e0db4a800d7f3b79c862c3f3/Hubspot-hotjar-1.png?w=3840&q=100&fit=fill&fm=avif)
¿Cómo es el recorrido del visitante de HubSpot Academy, desde su llegada hasta el registro?
En la Academia, utilizamos un proceso de registro dos pasos para nuestros cursos de certificación Al llegar, un visitante accede a una página de inicio cuyo objetivo es explicar rápidamente qué es el curso y el examen de certificación, a quién va dirigido y qué obtendrá con la certificación.
Eric : Cuando los visitantes hacen clic para registrarse en el curso, se les presenta un formulario de registro.
![[Asset] Customer story - Hubspot form](http://images.ctfassets.net/gwbpo1m641r7/5DQQ6Aa9zWPanytUIa6x0U/c92ac40a8128d494e1ed6b4c93825f61/Hubspot-Hotjar-2.png?w=3840&q=100&fit=fill&fm=avif)
Entiendo la ventaja de guardar un formulario de registro más largo para un segundo paso. ¿Cuál fue tu mayor desafío con este proceso de registro y por qué fue necesario cambiar las páginas?
A finales del año pasado, nuestras páginas de destino funcionaban bien. En general, observábamos una tasa de conversión de visitas a registros del 9 %, lo cual no estaba mal para una página de destino. Sin embargo, desde el último diseño de la página, se han producido algunos cambios importantes.
¿Qué había cambiado?
![[Asset] Customer story - Hubspot new page](http://images.ctfassets.net/gwbpo1m641r7/3IgPqrdOM0Xajr4fQObvE5/2b21f8082aea6b6b843878989d34e90f/Hubspot-Hotjar-3.png?w=3840&q=100&fit=fill&fm=avif)
La Academia había empezado a ofrecer cursos en un número creciente de idiomas nuevos, lo que atraía a nuevos tipos de visitantes con diferentes objetivos. Esto causaba mucho ruido: la página de inicio intentaba abarcar demasiados temas a la vez, y presentíamos que el mensaje se estaba volviendo demasiado complejo.
Además, desde el punto de vista del diseño, las páginas empezaban a verse anticuadas. La Academia ofrece educación de vanguardia y siempre actualizada a sus usuarios, y el diseño debía reflejarlo.
Necesitábamos centralizarlo en una plantilla de página moderna que también funcionara muy bien en términos de claridad .
¿Qué fue lo primero que hiciste?
Analicé a fondo el rendimiento de la página y el análisis de formularios, con la esperanza de encontrar patrones que me ayudaran con el rediseño. Uno de nuestros diseñadores de UX pensó que me estaba excediendo en detalles y me dio un consejo: "Intenta incluir una encuesta de intención de salida de Hotjar en esa página y preguntar a la gente: ¿Por qué estás a punto de abandonar esta página? .
¿Cómo respondiste al consejo?
Me pareció lógico, parecía muy sencillo. No había usado encuestas de Hotjar antes, pero pensé que valía la pena intentarlo. Rápidamente organicé una encuesta de Hotjar en el sitio esa misma mañana.
¿Qué tipo de respuestas obtuviste en la encuesta?
Me sorprendió descubrir que al final del primer día, ya estaba obteniendo algunas de las respuestas que . Y no eran las que esperaba:
Hola. Busco un curso gratuito de marketing digital.
“¿No sé cómo esto me ayudará con mi carrera?”
No puedo crear una cuenta. El formulario me pregunta constantemente el nombre de una empresa mientras busco empleo. Por favor, necesito ayuda.
La encuesta reveló fricciones en la página que nunca habríamos imaginado en las respuestas de la encuesta de Hotjar, comenzamos a solucionar los problemas más sencillos, simplemente actualizando el contenido de la página existente:
MOTIVO DE LA SALIDA | ASUNTO | ARREGLAR |
---|---|---|
"Estoy buscando un curso gratuito sobre marketing digital." | Piensa que el curso no cubre el marketing digital. | Define más claramente “Inbound Marketing”: explica que es una forma de marketing digital. |
"No sé cómo esto me ayudará con mi carrera". | No ve cómo la certificación les ayudará a avanzar en su carrera. | Añade un texto que promueva los beneficios. Hazlo directo e inmediatamente reconocible. |
"El formulario me sigue preguntando por el nombre de una empresa, pero soy una persona que busca empleo". | Considera que el curso no está destinado a quienes buscan empleo. | Mejorar la visibilidad de la sección "¿Quién debería certificarse?". Añadir la opción "Buscador de empleo" al formulario. |
Fue entonces cuando empezamos a ver un aumento en las tasas de conversión en la página.
![[Asset] Customer story - Hubspot Academy logo](http://images.ctfassets.net/gwbpo1m641r7/17c5w810P6SKcq47cc531l/f64fde847198ba5ce342370f53479648/png-clipart-hubspot-academy-logo-tech-companies.png?w=1920&q=100&fit=fill&fm=avif)
Los cambios realizados en la encuesta de Hotjar nos dieron la confianza suficiente para comenzar a diseñar la nueva plantilla de página, que luego probamos A/B para llegar a la versión final.
Me alegra oír eso. ¿Cuántas versiones se necesitaron para llegar al diseño que tienes hoy?
Se necesitaron dos versiones para lograr el diseño ganador. Con las respuestas de la encuesta in situ de Hotjar, observamos un aumento del % en las conversiones el nuevo diseño en inglés de la página de Certificación Inbound, que luego ampliamos a todos los demás idiomas.
![[Asset] Customer story - Hubspot](http://images.ctfassets.net/gwbpo1m641r7/5KX2kB7NWDEiaNXMk2oG2s/59a6a62eb4f71e26ca299c3a9382bcbf/Hubspot-Hotjar-6.jpeg?w=3840&q=100&fit=fill&fm=avif)
Son resultados muy sólidos. ¿Podrías hablarnos de algunos elementos clave de la página de inicio actual derivados de tus hallazgos?
Sin duda. Muchos encuestados no entendían que había un examen al final del curso para obtener la certificación. Para solucionar esto, dedicamos una sección del curso a definir las expectativas sobre los detalles de la certificación y nos aseguramos de mencionar el examen requerido.
![[Asset] Customer story - Hubspot free course](http://images.ctfassets.net/gwbpo1m641r7/5YGdAYNzV9rAVX9gORJeUi/7151ae0ab5a6430395700a6e4dda73ad/Hubspot-Hotjar-7.png?w=3840&q=100&fit=fill&fm=avif)
Otros encuestados no estaban seguros de cómo les beneficiaría la certificación, así que creamos una sección con beneficios de la . La hicimos clara y fácil de entender, y le dimos mucho espacio en la página.
![[Asset] Customer story - Hubspot beneftis](http://images.ctfassets.net/gwbpo1m641r7/4I0Ih20kJx16ocoVVxj6q8/47cc8c38c0b59ee5abca2809ee2ea8a9/Hubspot-Hotjar-8.png?w=3840&q=100&fit=fill&fm=avif)
Dado que muchas respuestas a la encuesta expresaron preocupación sobre si se permitiría a los usuarios realizar el curso, también añadimos una sección a la página ¿Quién debería certificarse? . Ahora, indicamos cosas como Buscando aprender marketing digital y Buscando ser encontrado en línea para mejorar la comunicación con los visitantes en diferentes etapas de conocimiento.
![[Asset] Customer story - Hubspot - Whats in the course](http://images.ctfassets.net/gwbpo1m641r7/2lZACkY1YwHcP7yPTofjts/ed199fc2bbe2f4a2af2afe9216fb08f4/Hotjar-hubspot-9-1.png?w=3840&q=100&fit=fill&fm=avif)
Basándote en tu experiencia, ¿tienes algún consejo para aquellas personas que estén interesadas en probar encuestas en el sitio para mejorar el rendimiento de una página de destino?
Una de las partes más difíciles de este proyecto para mi equipo fue eliminar nuestras opiniones del proceso de diseño. Puedes pensar que diseño es bastante ingenioso, pero cuando los datos te dicen lo contrario, tienes que escuchar.
Al rediseñar su sitio, evite las opiniones subjetivas. En su lugar, confíe en la información que recopile de sus visitantes para tomar decisiones.
Nick Cuál dirías que fue una ventaja adicional de usar Hotjar en este proceso? Usar Hotjar fue simplemente decidir en qué URL queríamos que apareciera la encuesta. Una hora después de que diseñador de : nos recomendara probarlo, la encuesta ya estaba activa y empezábamos a recibir respuestas. La velocidad fue increíble. Tenemos muchas reglas internas sobre quién puede modificar el código dónde; si hubiera sido una implementación de dos días donde hubiera tenido que pedirle a un desarrollador que lo hiciera, probablemente nunca habría sucedido.