Kaydu

Kaydu

Kaydu

Kaydu

Oportunidad a resolver

Dentro de los canales estratégicos de adquisición de clientes de Kaydu, la página informativa kaydu.io juega un papel crucial. Su objetivo principal es convertir a los visitantes en clientes potenciales, y eventualmente en clientes reales, a través de acciones clave como completar formularios y hacer clic en llamadas a la acción (CTA), particularmente en el "agendar una demo".

Entregables

Diseño UI

Diseño UX

Desarrollo web

Equipo

Roberto Patrón - UX/UI Designer / Web developer

Karla López - Graphic Designer

Oslimar García - Content Strategies

Herramientas

Figma

Figjam

Webflow

No items found.

Desafío

La oportunidad identificada es mejorar y optimizar la tasa de conversiones de los formularios y CTA relevantes de la página. Al focalizarnos en el "agendar una demo", estamos concentrando nuestros esfuerzos en el paso crítico del embudo de ventas, donde convertir a un usuario de cliente potencial a cliente es fundamental.

Inteligencia Artificial para la Evaluación de Usabilidad del Sitio

Recientemente, las herramientas de inteligencia artificial han cobrado una relevancia significativa en aplicaciones y flujos de trabajo, generando beneficios considerables en el ámbito del UX.

Asimismo, las limitaciones de tiempo y presupuesto para llevar a cabo una evaluación presencial moderada nos condujeron a considerar esta opción, buscando obtener información específica que facilite la toma de decisiones de diseño respaldadas por datos.

Inteligencia Artificial para la Evaluación de Usabilidad del Sitio

En consecuencia, mediante el uso de esta tecnología, se llevó a cabo una prueba de eye-tracking en la página principal para simular la posible interacción que tendría un usuario con el sitio.

A continuación, se presentan los resultados de este análisis correspondientes a la versión de escritorio:

Mediante el uso de la herramienta de IA, se han derivado las siguientes conclusiones

Con respecto al puntaje obtenido en Attention Insight, que mide la claridad con la que se presenta la información a los usuarios, concluimos lo siguiente:

62%

Fue el puntaje obtenido promedio entre la versión web y la versión móvil. Este puntaje se clasifica  como "claridad óptima" en la escala utilizada, aunque se encuentra en el extremo inferior de ese rango, que abarca del 60 al 95%.

Cabe destacar que la atención de los usuarios se concentra principalmente en los botones de la llamada a la acción (CTA) "agenda tu demo".

Optimización de CRO

Se ha elaborado un plan para llevar a cabo experimentos de conversión mediante pruebas A/B. En la creación de este plan, se consideraron diversas variables para asegurar la precisión de las mediciones. Para lograr esto, se asignó un periodo específico y se determinó el número de sesiones necesario para verificar, con certeza estadística, que la variable implementada generará un impacto positivo.

Es relevante señalar que estas pruebas experimentales no incluyen una fase de handoff, ya que seré el responsable directo de realizar los cambios en el desarrollo.

Este es el resumen de el plan de optimización para la sección de las tablas de precios:

A continuación, se presenta detalladamente la documentación de la experimentación de las variables, incluyendo las tablas de precios:

Plan de optimización de CRO

La implementación de las variables en las tablas de precios aún se encuentra en espera, a la espera de comenzar la medición del impacto generado en las métricas principales que se deben medir. Estas métricas incluyen el aumento en la tasa de conversiones, que es la métrica principal, y el aumento del tráfico web, que se considera una métrica secundaria.

Análisis Heurístico

Realizamos un análisis heurístico de la página, para encontrar posibles optimizaciones de ella, y que posteriormente pudiéramos encargarnos de implementar las mejoras en el desarrollo.

Aquí se muestra a manera de resumen, parte del análisis heúristico realizado:

Aquí podrás encontrar a profundidad el análisis heurístico realizado:

Análisis heurístico

Cambios Aplicados a la Página Web para Mejorar la Tasa de Conversiones

Tras analizar los resultados del análisis heurístico, identificamos oportunidades para aumentar la tasa de conversiones de los formularios mediante ajustes alineados con las mejores prácticas de usabilidad. A continuación, detallamos los cambios implementados en los formularios de la página web:

5 Mejoras

Descripción de los Campos:

Se añadió un label descriptivo a cada campo del formulario para mejorar la comprensión del usuario.

Placeholders Ejemplificadores:

Se utilizaron placeholders que ejemplifican el tipo de contenido que se espera en cada campo, proporcionando orientación visual al usuario.

Atributo "Autocomplete":

Se incorporó el atributo "autocomplete" en los elementos de input para agilizar el llenado del formulario y mejorar la experiencia del usuario.

Atributo "Required":

Se marcó como "required" algunos campos de input para garantizar que no se reciban datos fundamentales incompletos en los formularios.

Optimización del Ancho Mínimo:

Se realizaron ajustes en el ancho mínimo de los elementos de input para asegurar que los placeholders se visualicen completamente, mejorando la legibilidad.

Antes y después de el proceso de optimización de formularios

Incremento en la Tasa de Conversión de los Formularios

Para evaluar los efectos de las modificaciones implementadas en los formularios, se empleó la herramienta de Hotjar para realizar pruebas de usabilidad remotas no moderadas. Se tomó como periodo de muestra del 20 de agosto al 20 de septiembre. Según los resultados obtenidos, se observó una mejora significativa en la tasa de conversión del formulario, respaldada por dos métricas clave:

9.76%

Incremento en la Tasa de Conversión de los Formularios:

100%

Cada respuesta obtenida del formulario incluía la información esencial necesaria para aprovechar el contacto, sugiriendo que los ajustes realizados facilitaron la obtención de datos relevantes.

Incremento en la Tasa de Conversión de los Formularios

Estos resultados respaldan la efectividad de las mejoras implementadas, indicando una optimización exitosa en la usabilidad de los formularios y un aumento correspondiente en la eficacia de la conversión.

Conclusiones/aprendizajes

La página de kaydu.io ha experimentado mejoras sustanciales que han contribuido al aumento significativo de las conversiones en el sitio web, especialmente a través de los formularios. Además, con la implementación del plan de experimentación diseñado, se espera que se reproduzcan resultados positivos en las conversiones relacionadas con el llamado a la acción (CTA) "Agenda tu demo" dentro del componente de las tablas de precios.

Desde un punto de vista personal, este proyecto representó una oportunidad invaluable para llevar a cabo un proceso sistemático y con mayor certeza estadística, especialmente en la aplicación del método de pruebas A/B. Esta experiencia ha demostrado la efectividad de dicho método como una herramienta que facilita la mejora continua de los procesos digitales en beneficio de los usuarios.

03

Money Center

2023
Product Design
Ver más
Ver más
Ver más
Ver más

Crear una solución digital que sirva para la organización de las finanzas personales y objetivos financieros.

Diseño UI
Diseño UX
01

Zona Running

2020
Web design
Ver más
Ver más
Ver más
Ver más

Crear una solución digital que democratice el acceso al bienestar físico y mental.

Diseño UX
Diseño UI
Desarrollo web