1. Resumen del proyecto
El producto educativo captaba la mayor parte de su audiencia mediante publicidad móvil, pero la antigua landing estaba sobrecargada de contenido, imágenes, CTA repetidos y wrappers técnicos. Debía vender formación, pero no guiaba al usuario de forma clara desde la primera pantalla hasta la solicitud o el pago
El objetivo no era solo rediseñar la página, sino reconstruir el recorrido de conversión: explicar mejor la oferta, eliminar fricción, ordenar la reserva y el pago y medir cada paso importante
Mi trabajo cubrió la auditoría UX, la arquitectura del embudo, un nuevo sitio mobile-first, las integraciones, la analítica basada en consentimiento y un dashboard interno de resultados
2. Punto de partida
•La antigua página tenía más de 80 imágenes y unos 606 KB de HTML antes de cargar recursos externos
•El LCP móvil rondaba los 9,2 segundos y el performance score era 66/100
•El scroll depth medio era solo del 15,9%, por lo que la mayoría no llegaba a las secciones inferiores
•Casi la mitad de los toques móviles caía en imágenes y wrappers en lugar de un CTA claramente visible
•Publicidad, web, Telegram, reservas, pagos y analítica no formaban una cadena transparente
3. Objetivos
•Crear un embudo mobile-first más corto y con una propuesta de valor clara
•Colocar el CTA principal en el primer bloque y añadir un CTA final
•Llevar al usuario desde la landing hasta la reserva, la elección de formato y el pago sin rodeos
•Hacer comprensibles las opciones de autoestudio, tutoría y mentoría
•Medir CTA, solicitudes, reservas, pagos e ingresos
•Activar analítica y marketing solo después del consentimiento correspondiente
4. Solución
Auditoría UX y nueva estructura
•Se auditaron la página anterior, los mapas de calor, el scroll depth, las grabaciones y el rendimiento
•La landing infinita se convirtió en una ruta breve: hero → explicación → prueba de valor → audiencia → CTA final
•Se eliminaron repeticiones, temporizadores excesivos y ruido decorativo
•El sitio se reconstruyó en Next.js como producto mobile-first controlado
Embudo de formación y pago
•Se creó una página de reserva que explica claramente qué se reserva y cómo se descuenta del programa
•Se añadió una comparación clara de tres formatos de formación
•El checkout se separó del contenido de marketing para que el pago fuera tranquilo y predecible
•Se añadió un flujo de éxito con los siguientes pasos después del pago
Analítica y control de conversión
•Se añadieron eventos separados para el CTA principal y el CTA final
•GA4, GTM, Meta Pixel y Clarity funcionan mediante lógica basada en consentimiento
•Se añadió una cola de eventos del servidor y deduplicación mediante event_id
•Se creó un dashboard interno con gasto, clics, leads, reservas, pagos, ingresos, CPL, CAC y ROAS
•Se publicó una versión de GTM con consent guard y etiqueta Lead
5. Resultado
•La página sobrecargada de Weblium se sustituyó por un producto mobile-first controlado y con un embudo claro
•El camino desde la publicidad hasta el CTA, la reserva, el checkout y la página de éxito quedó ordenado y medible
•El equipo obtuvo un único lugar para controlar el coste de adquisición, los leads y el paso hacia el pago
•Se creó una base fiable para optimizar la conversión con eventos reales y no con suposiciones
6. Resultado técnico
No fue solo un rediseño de landing. Se reconstruyó el punto de contacto entre publicidad, producto educativo y ventas. El nuevo sitio eliminó fricción para el usuario y el dashboard hizo visible el resultado comercial en un solo sistema
