Demo · Landing para infoproductores · Demo · 2026
Ejemplo de landing page para infoproductores: Forja
Demo de landing de lanzamiento para un programa de entrenamiento online de 12 semanas: hero con video de entrenamientos reales que cambia de escena (fuerza, cardio, soga, cuerdas y kettlebell), el método en 8 fases, clases en video, presentación de la coach, testimonios con resultados, dos planes con pago único o en 3 cuotas, garantía, cuenta regresiva de preventa y un checkout de muestra. La marca Forja es ficticia: sirve para que un coach, un gimnasio o cualquier infoproductor vea cómo quedaría su lanzamiento antes de encargarlo.
El desafío
Un programa online se vende casi siempre desde un anuncio en Instagram o TikTok. La página tiene que cargar al instante en el celular, mostrar en los primeros segundos de qué se trata y llevar sin fricción al pago, con lo que el comprador necesita para decidir: qué va a hacer cada semana, quién lo acompaña, cuánto cuesta y qué pasa si no le sirve.
Qué hicimos
- Hero con video de entrenamiento real y el nombre de cada ejercicio sincronizado con la imagen.
- Un solo botón principal en cada sección y barra fija de reserva en el celular.
- Método en 8 fases, cada una con foto, objetivo y resultado.
- Clases en video con duración y módulo, y un reproductor de muestra.
- Testimonios que muestran el resultado primero.
- Precios con pago único o en 3 cuotas, garantía de 14 días y cuenta regresiva de preventa.
- Checkout de muestra que explica cómo se conecta el cobro, el acceso de alumnos y los mensajes automáticos.
Decisiones técnicas y por qué
Video liviano, foto primero
El hero muestra primero una foto fija y después carga un video de 12 segundos que pesa alrededor de 1 MB, con una versión vertical más liviana para celular. Con ahorro de datos o conexión lenta se queda la foto, y el video se pausa cuando sale de pantalla.
Una idea por sección
Un color de acento, una tipografía para títulos y un botón principal por bloque. Sacamos todo lo que competía con el mensaje para que el ojo vaya directo al título y a la reserva.
Accesible y sin librerías
HTML, CSS y JavaScript nativo. El video tiene botón para pausarlo, y si la persona pidió reducir movimiento la página queda quieta y se lee igual.
Verificado en el sitio publicado
Revisión del sitio en producción del 7 de octubre de 2026.
- Cómo se entrega el contenido
- HTML estático con video
Preguntas frecuentes
¿Puedo tener una landing así para mi programa o curso?
Sí. Adaptamos la estructura, los colores, las fotos y los videos a tu marca, y conectamos el cobro real con Mercado Pago, Stripe o PayPal, tus clases, el área de alumnos y los mensajes automáticos.
¿Un video en el inicio no hace lenta la página?
No si se hace bien: primero se muestra una foto, el video es corto y está comprimido, y en conexiones lentas no se descarga. Las clases solo cargan su video cuando alguien las reproduce.
¿Tenés un proyecto parecido?
Contanos qué necesitás en una llamada de 20 minutos. Te decimos cómo lo resolveríamos, cuánto tarda y cuánto cuesta, sin compromiso.
Otros proyectos de empresas, industria y servicios
Jujuy MultiServicios
Sitio corporativo para una empresa de ingeniería y seguridad contra incendios que opera en Jujuy y el NOA. Presenta auditoría, ingeniería, montaje, mantenimiento NFPA y capacitación; organiza las soluciones por sector y recibe consultas por WhatsApp y formulario.
Ver el caso completo
M Logística y Distribución SRL
Sitio web corporativo para una empresa de Salta especializada en el transporte premium de litio, hidróxido y carbonato para exportación. Diseño profesional pensado para presentarse ante empresas mineras y exportadoras, con SEO.
Ver el caso completo
Remix Producciones
Plataforma oficial de una productora con más de 20 años de experiencia en Manizales y el Eje Cafetero. Presenta sus servicios de sonido profesional, pantallas LED y logística de espectáculos con un diseño inmersivo y SEO local.
Ver el caso completo