Demo · Landing para infoproductores · Demo · 2026
Ejemplo de landing page para infoproductores: Sinapsis
Demo de landing de lanzamiento para un programa online de 8 semanas, con una escena 3D que reacciona al mouse y al scroll, programa por semanas, presentación de la mentora, testimonios, dos planes con pago único o en 3 cuotas, cuenta regresiva de preventa, garantía y un checkout de muestra. La marca Sinapsis es ficticia: sirve para que un infoproductor vea cómo quedaría su lanzamiento antes de encargarlo.
El desafío
Un curso o una mentoría se vende casi siempre desde un anuncio en Instagram o TikTok. La página tiene que cargar al instante en el celular, sostener la atención con una experiencia que se recuerde y llevar sin fricción al pago, con la información que el comprador necesita para decidir: qué aprende, quién enseña, cuánto cuesta y qué pasa si no le sirve.
Qué hicimos
- Escena 3D en tiempo real que cambia de forma y de color en cada sección.
- Programa semana por semana, con un entregable concreto en cada una.
- Precios con pago único o en 3 cuotas, cuenta regresiva y lugares disponibles.
- Garantía de 7 días y preguntas frecuentes antes del pago.
- Checkout de muestra que explica cómo se conecta el cobro, el acceso de alumnos y los mensajes automáticos.
- Barra fija con el botón de reserva en el celular.
Decisiones técnicas y por qué
WebGL propio en lugar de una librería 3D
La esfera es un shader escrito a mano, sin Three.js. Toda la página es un solo archivo HTML: no hay paquetes que descargar antes de ver el contenido, y la resolución de la escena baja sola si el celular no llega a mantener la fluidez.
El texto se lee aunque la escena no cargue
Títulos, precios y botones son HTML normal. Si el navegador no tiene WebGL, se muestra una esfera hecha con CSS; si la persona pidió reducir movimiento, todo queda quieto y legible.
Todo lleva al mismo botón
Cada sección termina en la reserva y el plan con mentoría está destacado. El checkout abre sobre la misma página, sin cambiar de pantalla.
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 WebGL
Preguntas frecuentes
¿Puedo tener una landing así para mi curso?
Sí. Adaptamos la estructura, los colores y la escena a tu marca, y conectamos el cobro real con Mercado Pago, Stripe o PayPal, el área de alumnos y los mensajes automáticos.
¿Una página con 3D no es lenta?
No en este caso: la escena es un único shader sin librerías y ajusta su resolución al equipo de cada visitante. El texto y los botones se ven antes de que la escena termine de cargar.
¿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