Website, Conversion Architecture[Launched]

De una web a un sistema de conversión medible

De una web a un sistema de conversión medible preview

Arquitectura del sistema //

Next.jsTypeScriptGoogle AnalyticsGoogle Tag ManagerMicrosoft ClarityConsent ModePayments API

1. Resumen del proyecto

El proyecto comenzó como una web sencilla para captar audiencia desde la publicidad, pero rápidamente se convirtió en la entrada de todo el embudo: primer contacto, registro, comunicación por mensajería, reserva, pago y seguimiento debían funcionar como un solo sistema

Mi trabajo cubrió el rediseño y la reconstrucción del frontend, la arquitectura UX, el enfoque mobile-first, las integraciones de formularios y pagos, la analítica basada en consentimiento, el modelo de eventos y un dashboard interno para controlar el rendimiento publicitario y comercial

2. El reto

•La página anterior no ofrecía un recorrido corto y evidente desde el anuncio hasta el registro y el pago
•Los datos de comportamiento, formularios, eventos y ventas estaban repartidos entre varios servicios
•El recorrido móvil era crítico porque la mayor parte del tráfico procedía de fuentes publicitarias móviles
•Sin un modelo unificado de eventos era difícil saber qué pantallas y CTA producían resultados reales

3. Solución y ejecución

Rediseño y recorrido de conversión

La web fue rediseñada y reconstruida por completo como un producto mobile-first con un recorrido definido desde la primera pantalla hasta la acción objetivo. Contenido, pruebas de valor, formularios y CTA quedaron organizados alrededor de un mismo escenario

Ejemplo anonimizado de la página rediseñada de registro

Capa de analítica

Conecté el tráfico publicitario, la web, los registros, los formularios, las reservas, los pagos y la comunicación posterior. Los eventos respetan el consentimiento del usuario y las acciones clave quedaron reducidas a señales claras

Visibilidad operativa

El dashboard unificó gasto, leads, reservas, pagos, ingresos, CPL, CAC y ROAS en una sola vista operativa. El equipo podía seguir el recorrido completo desde la captación hasta el resultado comercial

Dashboard anonimizado de analítica y comportamiento

4. Resultados verificados

Del 1 de julio al 16 de octubre, la analítica registró 250 sesiones y 202 usuarios únicos. El promedio fue de 1,60 páginas por sesión, 45,54% de profundidad de scroll y 26 segundos de tiempo activo

En el escenario principal se registraron 202 sesiones, 169 usuarios nuevos y 83 eventos de order success, además de 81 registros, 79 formularios enviados y 63 clics salientes

El heatmap móvil registró 113 clics en el CTA principal, convirtiendo la decisión de la primera pantalla en una parte medible del embudo

Heatmap móvil anonimizado del CTA principal

5. Resultado técnico

El sistema obtuvo un frontend controlado, flujos coherentes de reserva y pago, tracking basado en consentimiento y una capa analítica que conecta el comportamiento con los leads y las ventas. La página principal alcanzó 83/100, con LCP de 2 segundos y CLS 0

No fue solo un rediseño web. Convertí el tráfico publicitario y los puntos de contacto dispersos en un sistema de conversión medible que muestra qué funciona, dónde decide el usuario y cómo ese recorrido llega a una venta

¿Tienes un problema parecido que ya toca resolver?

Los sistemas fiables no salen de hablar bonito. Veamos cómo la ingeniería quirúrgica puede devolver ritmo a tu producto