EL PROYECTO EN 5 MINUTOS
EL PROYECTO
EN 5 MINUTOS
Streaming
De 0 a Conversión Automática
Este proyecto ha sido el reto más desafiante que asumí por cuenta propia. Junto a un equipo de dos programadores full-stack, nos propusimos construir desde cero toda la infraestructura digital para una nueva empresa de streaming. No queríamos hacer solo una web y una app bonita, el objetivo era montar una máquina de conversión predecible, automatizada y rentable que abarcara desde el primer clic en el anuncio hasta la gestión interna del cliente.
ROL
Lead UX/UI, Growth & Automation
EQUIPO
1 UX/UI
+ 2 Full-Stack
DURACIÓN
6 Meses
PRESUPUESTO
80.000 €
MERCADO
EE.UU.
(Público Hispano)
Contexto • Cómo funciona el ecosistema completo
Para que entiendas la magnitud del proyecto, te cuento cómo pensamos la estrategia desde cero. La idea era crear un embudo de ventas automatizado y libre de fricciones. El proceso comenzaba con anuncios de alto impacto en Meta Ads dirigidos a tráfico frío para capturar la atención de quienes aún no nos conocían y redirigirlos a una web de alta conversión. Una vez allí, presentábamos nuestra Gran Oferta utilizando un copy persuasivo y gatillos mentales, como la escasez y la prueba social, para elevar el deseo de compra al máximo. El truco final era que, en lugar de un formulario tradicional, los redirigíamos directamente a un WhatsApp automatizado donde un sistema de IA tomaba el control absoluto: gestionaba una prueba gratuita de 24 horas, guiaba al usuario, cerraba la venta de forma autónoma y sincronizaba toda la información con nuestro sistema interno.
El Journey Completo (En Resumen)
Atracción (Ads)
Impactamos a tráfico frío con anuncios en Meta Ads diseñados para captar la atención inmediata y generar curiosidad.
Aterrizaje (Web)
El usuario llega a una landing page persuasiva. Aquí el único objetivo es elevar el deseo mediante la oferta irresistible y enviarlo a iniciar su prueba gratuita en WhatsApp.
Venta WhatsApp
Un flujo automatizado con IA atiende al usuario. Le entrega la prueba gratuita, responde dudas y, finalmente, le envía el link de pago (Stripe) para cerrar la venta sin intervención humana.
CRM y Andrómeda
Una vez que el usuario paga, su cuenta se activa automáticamente. Su perfil pasa a nuestro CRM, y todos los eventos de conversión se envían de vuelta a Meta para nutrir de datos a Andrómeda.
Research y Estrategia
Antes de empezar a diseñar la primera pantalla, nos sentamos a estructurar exactamente la oferta que íbamos a vender y a quién. Estudiamos a fondo el mercado utilizando herramientas como Typeform para encuestas, junto con AdSpy y Similarweb para analizar el tráfico de DAZN, ESPN+, Sky Sports entre otros. Queríamos descubrir qué ángulos de venta estaban funcionando mejor en tiempo real. Combinamos esa data dura con la psicología de ventas que explicaré más adelante para asegurarnos de que el producto se vendiera (casi) solo. Nos apalancamos en lo que ya funcionaba, sin reinventar la rueda, pero enfocándonos en un nicho de público mucho más específico para poder sacar una porción muy rentable de ese mercado gigantesco.
1. Creamos el Avatar (User Persona)
Definimos nuestro mercado centrándonos exclusivamente en el público hispano residente en Estados Unidos. Apuntamos a hombres de 24 a 65 años con un perfil muy claro, fanáticos empedernidos de los deportes. Gracias a encuestas en Typeform y análisis de búsquedas en Google, descubrimos el gran dolor de estos fanáticos deportivos: querían ver las ligas de EE. UU. (NBA, NFL, UFC) y también los torneos de sus países de origen. Esto los obligaba a pagar múltiples suscripciones carísimas y eventos PPV. Elegimos este nicho porque su nivel de frustración era altísimo y estaban listos para comprar una solución unificada.
2. Creamos la Oferta (Propuesta)
Utilizamos los frameworks de Alex Hormozi para diseñar una oferta cuyo valor percibido superara de forma aplastante al precio. Fuimos directo al dolor del usuario con una promesa simple: todo el deporte en un solo lugar (ligas de EE. UU. y de sus países), eliminando la necesidad de pagar múltiples suscripciones. Para destruir cualquier fricción de entrada, blindamos la oferta con cero contratos, soporte 24/7 y una prueba gratuita de 24 horas. Como dice Hormozi, creamos una oferta tan buena que la gente se sintiera literalmente tonta al rechazarla.
Definimos el Sistema de Diseño (UI)
Ya teníamos definido el mercado, el user persona y nuestra propuesta de valor con una gran oferta estilo Hormozi. Era hora de definir la capa visual que acompañaría de la A a la Z a todo el producto (como la web, el CRM, la app, hasta el branding y los anuncios). El objetivo era transmitir confianza instantánea y reducir la carga cognitiva, logrando una interfaz que respirara el dinamismo, la energía y la rapidez propia del mundo deportivo, apoyada en la solidez absoluta de una plataforma premium.
Dark Theme
Optamos por un diseño oscuro por defecto. Esto no solo reduce la fatiga visual, sino que le da un aspecto muy premium, alineado con la estética de las grandes plataformas de streaming deportivo.
Tipografía Funcional
Seleccionamos la fuente Manrope para todo el ecosistema. Su excepcional legibilidad en pantallas de cualquier tamaño (mobile y desktop) y su aspecto moderno y neutral permiten una lectura sin distracciones.
Acentos Estratégicos
Usamos un rojo vibrante corporativo exclusivamente para guiar el ojo hacia los CTAs principales, inyectando esa sensación de acción y un sentido de urgencia visual que funciona muy bien para la conversión.
Arquitectura modular
Basamos toda la interfaz en un sistema de tarjetas (Cards) con bordes suaves. Esto nos permitió organizar la información en bloques visuales muy fáciles de digerir para los usuarios, facilitando la exploración sin abrumar y garantizando una navegación sin fricciones, especialmente desde el móvil.
Color
Tipografía
Diseñamos la Web bajo la estructura AIDA
Con el sistema de diseño listo, pasamos a la fase de diseñar la web. Esta parte era crucial, ya que no funcionaría como un simple sitio web informativo, sino como una máquina estructurada milimétricamente para generar clientes. Para lograrlo, utilizamos la estructura AIDA (Atención, Interés, Deseo, Acción) fusionada con los principios de copywriting de Eugene M. Schwartz para estructurar los textos persuasivos de la web. Además, esparcimos los gatillos mentales de Robert Cialdini (Autoridad, Prueba Social, Urgencia y Escasez) de manera estratégica en todo el embudo, para empujar al usuario directo hacia la prueba en WhatsApp. A continuación voy a mostrar algunas secciones de la web para que se entienda que no es solo una web informativa.
ATENCIÓN
El titular es la parte más importante de una web. Si no logramos capturar la atención del usuario en los primeros 5 segundos, el resto de la estrategia se derrumba. Por eso, hemos diseñado un titular con un nivel 3 de sofisticación de mercado donde tocamos el dolor del usuario (pagar una fortuna cada mes), le entregamos el beneficio que realmente anhela (acceso al deporte de USA y LATAM) y le presentamos el mecanismo único que lo hace posible (la solución en un solo paquete).
El titular es la parte más importante de una web. Si no logramos capturar la atención del usuario en los primeros 5 segundos, el resto de la estrategia se derrumba. Por eso, hemos diseñado un titular con un nivel 3 de sofisticación de mercado donde tocamos el dolor del usuario (pagar una fortuna cada mes), le entregamos el beneficio que realmente anhela (acceso al deporte de USA y LATAM) y le presentamos el mecanismo único que lo hace posible (la solución en un solo paquete).
ATENCIÓN
INTERÉS
Para generar interés y elevar el deseo de los usuarios en la parte media de la web colocamos un carrusel interactivo con todos los deportes y ligas que incluye la plataforma con imágenes diseñadas para causar un alto impacto visual. Con esto logramos conectar directamente con el deseo de nuestro avatar y le demostramos visualmente lo que está a punto de adquirir.
Para generar interés y elevar el deseo de los usuarios en la parte media de la web colocamos un carrusel interactivo con todos los deportes y ligas que incluye la plataforma con imágenes diseñadas para causar un alto impacto visual. Con esto logramos conectar directamente con el deseo de nuestro avatar y le demostramos visualmente lo que está a punto de adquirir.
INTERÉS
DESEO
Presentamos la oferta aplicando los principios de persuasión de Robert Cialdini.
Escasez: Dejamos muy claro que la promoción es por tiempo limitado
Contraste Percepción: Mostramos un precio referencial alto tachado justo al lado del precio real para lograr que el valor final se perciba drásticamente más bajo mediante la comparación visual.
La combinación de estos dos principios genera un fuerte FOMO en el usuario y lo empuja a tomar acción inmediata para evitar perder una oportunidad que se percibe como irresistible.
Presentamos la oferta aplicando los principios de persuasión de Robert Cialdini.
Escasez: Dejamos muy claro que la promoción es por tiempo limitado
Contraste Percepción: Mostramos un precio referencial alto tachado justo al lado del precio real para lograr que el valor final se perciba drásticamente más bajo mediante la comparación visual
La combinación de estos dos principios genera un fuerte FOMO en el usuario y lo empuja a tomar acción inmediata para evitar perder una oportunidad que se percibe como irresistible.
DESEO
ACCIÓN
Nuevamente aplicamos otro de los principios de Robert Cialdini la prueba social. En esta fase los usuarios que aún tienen dudas solo necesitan un pequeño empujón final para dar el paso definitivo.
Al mostrar testimonios de clientes reales que ya disfrutan de la plataforma activamos un atajo mental muy poderoso. El cerebro humano asume que si un grupo grande de personas valida un producto de forma positiva lo más probable es que sea una opción segura.
Nuevamente aplicamos otro de los principios de Robert Cialdini la prueba social. En esta fase los usuarios que aún tienen dudas solo necesitan un pequeño empujón final para dar el paso definitivo.
Al mostrar testimonios de clientes reales que ya disfrutan de la plataforma activamos un atajo mental muy poderoso. El cerebro humano asume que si un grupo grande de personas valida un producto de forma positiva lo más probable es que sea una opción segura.
ACCIÓN
WhatsApp Automático. El cerrador de ventas
Una vez que la web cumplía su propósito de persuadir al lead y enviarlo a WhatsApp, el reto siguiente era entregar la prueba gratuita y cerrar la venta. Para ello, diseñamos un agente con Inteligencia Artificial (orquestado por Typebot) encargado de gestionar todo este proceso de forma 100% automática con cero intervención humana que permitía una escalabilidad infinita.
¿Por qué elegimos este funnel de ventas?
Conocíamos a nuestro User persona:
El público hispano vive en WhatsApp. Para una marca nueva sin autoridad, captar su contacto directo era oro puro, mucho más efectivo para fidelizar que un formulario web frío.
La jugada maestra de Retargeting:
Gracias a las políticas de Meta, si el usuario es el que te escribe, tienes luz verde para hacer retargeting directo. Si no compraban tras la prueba, los impactábamos con seguimientos y ofertas a coste cero, sin gastar un centavo más en pauta publicitaria.
Paso a paso del embudo:
El Trigger Inicial: En los botones de la web configuramos un mensaje predefinido (Quiero hacer la prueba gratuita de 24 horas). Esto empuja al usuario a dar el primer paso, disparando instantáneamente la automatización con IA.
Onboarding Automático: El bot le pide su correo electrónico y, a cambio, le entrega sus credenciales (usuario y contraseña válidos por 24 horas), junto con los enlaces directos para descargar la app en las distintas plataformas.
Cierre de Ventas con IA: Pasado el tiempo de prueba, la Inteligencia Artificial entra en acción para cerrar la venta, presentándole al usuario nuestra oferta irresistible y el enlace de pago
Recuperación de Ventas: A los usuarios que no compran de inmediato, se les aplica un retargeting gratuito por el mismo canal, enviándoles una oferta de recuperación para rescatar la suscripción.
Sincronización con el CRM: Todos los datos obtenidos (correos, pruebas realizadas, ventas cerradas) se guardan automáticamente en nuestro CRM a medida para mantener el control operativo.
Feedback al Algoritmo: Configuramos todos estos pasos para enviar eventos directamente a Facebook Ads mediante la API de conversión, permitiendo optimizar las campañas de ventas en tiempo real con datos de altísima calidad.
Captura de la automatización (Typebot/whatsapp)
CRM a Medida. El centro de mando
Con las ventas y los trials entrando en automático, necesitábamos un cerebro operativo para controlar todo el ecosistema. Diseñamos un CRM a medida para escalar el negocio, que básicamente hacía que todas las herramientas se entendieran entre sí.
Activación al instante
Conectamos el CRM directamente con el panel del proveedor de los canales. Así, en cuanto Stripe nos avisaba de un pago exitoso, el sistema le lanzaba una señal al panel para liberar la cuenta del usuario automáticamente.
Dashboard
Creamos un dashboard central donde podíamos ver, en tiempo real: cuánto dinero entraba al día, cuántas pruebas gratuitas había activas y qué tan bien estaba convirtiendo nuestro embudo.
Sincronización de Datos
El sistema cruzaba automáticamente los pagos de Stripe con los contactos de WhatsApp. Así sabíamos con nombre y apellido quién ya era cliente y a quién debíamos enviarle un mensajito de seguimiento para cerrar la venta.
Control Operativo
Teníamos visibilidad total de los bots y de cada movimiento del sistema. Esto nos aseguraba que la conexión entre los pagos, el CRM y el panel del proveedor funcionara las 24 horas del día.
Foco en la Retención
Diseñamos una interfaz pensada para que el equipo pudiera resolver cualquier duda en segundos. Queríamos que el usuario sintiera que el soporte era tan rápido, porque un cliente bien atendido es un cliente que se queda.
Canal de Adquisición con Meta Ads
Una de las exigencias de negocio era obtener flujo de caja de manera rápida, por eso elegimos el canal de adquisición con publicidad pagada en Meta Ads. Para ello, asumimos también la creación integral de la campaña publicitaria, enfocada 100% en tráfico frío. Nos basamos en los niveles de consciencia de Eugene Schwartz para diseñar los anuncios en formato de imagen y vídeo, utilizando fórmulas probadas de copywriting como PAS (Problema, Agitación, Solución) y AIDA (Atención, Interés, Deseo, Acción) para la estructura de los textos. Esto nos permitió conectar con los puntos de dolor de nuestra audiencia y llevarlos directo a nuestro embudo de ventas.
Conclusión
El mayor éxito de este proyecto radica en haber trascendido el diseño tradicional. No nos limitamos a entregar pantallas bonitas, sino que orquestamos el motor de un negocio digital de principio a fin. Logramos sincronizar diseño, psicología, código y automatización en un ecosistema que funciona. Entregar toda esta infraestructura operativa desde cero en tan solo 6 meses, superando con creces las expectativas iniciales, es la prueba de lo que puede lograr un perfil con visión estratégica. Al conectar la captación en Meta Ads, la persuasión web, la automatización en WhatsApp y la gestión interna del CRM, logramos lanzar al mercado un embudo 100% validado que generó rentabilidad y flujo de caja desde el primer día. Este caso demuestra que el diseño UX/UI, cuando se alinea con los objetivos de negocio, deja de ser un gasto estético para convertirse en un activo rentable de una compañía.
