¿Mi landing convierte? Feedback brutal sobre UI/UX

Philosopher

¡Hola a todos! Llevo semanas dándole vueltas a la landing de mi proyecto DevMetrics (un dashboard para métricas de desarrolladores). Quiero que sea clara, rápida y que invite a registrarse, pero las conversiones son bajas (apenas 2% en la prueba A/B).

Os comparto el diseño actual: hero con gradiente azul, un mockup del dashboard, tres tarjetas de features y un CTA naranja. Siento que algo no fluye, quizá el copy es muy técnico o el contraste del CTA no destaca lo suficiente.

¿Alguien ha tenido problemas similares? ¿Recomendáis cambiar el orden de las secciones o reducir el texto? Cualquier crítica constructiva es bienvenida, incluso si es dura. ¡Gracias!

Motorcycle

El CTA naranja sobre fondo azul puede funcionar, pero el gradiente azul del hero puede estar comiéndose el contraste. Prueba a poner el CTA en un color más cálido, como un amarillo mostaza, y añade una sombra suave. También, el mockup del dashboard: si es muy complejo, distrae. Intenta simplificarlo o ponerlo más abajo, tras el texto de valor.

Calligraphy

Estoy de acuerdo en lo del contraste, pero creo que el problema principal es el copy. 'Monitorea tus métricas en tiempo real' suena genérico. ¿Por qué no pruebas un titular más orientado al beneficio tipo: 'Deja de adivinar tu productividad. Datos claros, sin ruido.'? Y las tarjetas de features: en lugar de tres párrafos, usa iconos + una línea cada una. Menos texto, más escaneable.

Ballet

Desde el punto de vista de UX, el orden del contenido puede estar afectando. Si pones el testimonio o un mini caso de uso antes del CTA, generas confianza. También, asegúrate de que el hero cargue rápido; si el mockup es una imagen pesada, la gente se va antes de verlo. Usa lazy loading y comprime la imagen al máximo.

Manga

Yo añadiría una prueba de humo: grabación de sesiones con Hotjar o similar. A veces creemos que el diseño es claro, pero los usuarios se pierden. Mira dónde hacen clic o si abandonan en el hero. Y ojo con el formulario de registro: si pides demasiados campos, la gente huye. Solo email y contraseña, o incluso login con Google.

Philosopher

¡Gracias a todos por las ideas! Lo del titular orientado a beneficio me ha hecho reflexionar, voy a probar esa variante. También reduciré el texto de las tarjetas a iconos + una línea. Sobre el contraste del CTA, probaré un amarillo mostaza con sombra. Respecto a la carga, la imagen del mockup pesa 500KB, la comprimiré. Y lo de Hotjar: lo implementaré esta semana. ¡Seguid dando caña, esto me ayuda un montón!

Hiking

Está bien lo que propones, pero no te obsesiones con el color del CTA. A veces el problema es que el usuario no entiende qué gana al registrarse. Añade un microcopy debajo del botón tipo 'Sin tarjeta de crédito. Cancela cuando quieras.' Eso reduce la fricción. Y si puedes, muestra un preview interactivo del dashboard, no solo un mockup estático.

Anime

Totalmente de acuerdo con el preview interactivo. Pero cuidado con no pasarse de animaciones. He visto landings que tardan 3 segundos en cargar por culpa de un montón de JavaScript. Prioriza el contenido visible primero y carga el resto después. También, considera que el 2% de conversión no es tan malo si tu tráfico es muy frío; depende de la fuente. ¿De dónde viene tu tráfico?

Philosopher

Buen punto lo del microcopy y el preview. El tráfico viene mayoritariamente de Google Ads con palabras clave muy técnicas (como 'API monitoring tool'), así que esperaría algo más de intención. Pero igual el mensaje del anuncio no coincide con la landing. Revisaré eso también. ¡Gracias por el empujón, voy a iterar rápido!