Lo que construyes dentro de la masterclass
Dúplex Bernabéu
Recorrido con scroll
Textos sincronizados
Estancia a estancia
Versión móvil
Web publicada
Sin programar
10 capítulos · de la idea a la web publicada
Cómo definir qué quieres crear, para quién y qué debe sentir quien la visite, antes de abrir ninguna herramienta. Las cinco frases que ordenan toda la web y por qué una web bonita no es lo mismo que una web que la gente recuerda y comparte.
Las herramientas exactas que vas a usar, para qué sirve cada una y cuánto cuestan, antes de usarlas. Cómo preparar tu ordenador en una tarde y trabajar con un asistente de IA que escribe y corrige el código contigo.
El método de cuatro partes (contexto, una sola pieza, comportamiento y criterio de terminado) para convertir una idea en indicaciones que la IA transforma en estructura, diseño y código útiles. No hay prompt mágico: hay un orden.
Levantar la estructura de la página con ayuda de la IA, pieza a pieza, e iterar sobre ella hasta que funcione. Una sección cada vez, nunca «hazme la web entera», y cómo pedir cambios sin romper lo que ya estaba bien.
Tipografía, composición, color e imágenes para que el resultado tenga una identidad propia y no parezca otra plantilla más. Cómo preparar las fotos o los renders de partida para que el recorrido se vea profesional.
Vídeo que avanza y retrocede con el scroll, desplazamiento suave, textos que aparecen en el momento justo y animaciones de entrada, exactamente como en la demo. La técnica que hace que una web se sienta cara.
Comprobar la web en distintas pantallas y navegadores, detectar los errores y corregirlos con ayuda de la IA, sin tener que entender cada línea de código. La lista de comprobación antes de enseñarla a nadie.
Aligerar vídeos e imágenes, servir una versión para el móvil que carga cada pieza cuando hace falta, también en Android, y publicar la web en internet con su propia dirección para enviarla por WhatsApp.
Cómo valorar y presentar este tipo de trabajo si quieres ofrecerlo a inmobiliarias, promotoras, anfitriones o a tus propios clientes, y cómo explicar su valor en una reunión. Sin promesas de ingresos: una habilidad que puedes aplicar.
El proyecto de la demo, entero, de la idea a la web publicada: cada decisión, cada instrucción a la IA, cada error y cada corrección, paso a paso y sin filtros, para que lo repitas con el tuyo.
Que venden obra nueva o pisos sobre plano y quieren que el comprador se enamore antes de visitar.
Fotógrafos, videógrafos y diseñadores que quieren ofrecer lo que su competencia no sabe hacer.
Tu casa, tu negocio o esa idea que llevas tiempo queriendo enseñar como la imaginas.
Que quieren sumar webs interactivas con IA a sus servicios y cobrar más por ellos.
«¿Qué IA usáis? ¿Claude y algo más?»
Capítulo 2 · las herramientas exactas y su coste
«¿Me pasas el prompt?»
Capítulo 3 · el método para dar instrucciones
«¿Cómo haces para que en el móvil no se vea mal?»
Capítulo 8 · rendimiento y versión móvil
«Es solo un vídeo con scroll»
Capítulo 6 · por eso se puede aprender
«¿Cómo ofrecer esas webs por inmueble?»
Capítulo 9 · cómo valorarlo y presentarlo
Arriba, capturas reales de la demo. Abajo, preguntas que nos habéis escrito y el capítulo que las responde.
No. La IA escribe el código; tú aprendes a darle buenas instrucciones, a entender lo suficiente de lo que hace para revisarlo y a corregir los errores con su ayuda.
No hay un prompt mágico. En el capítulo 2 tienes las herramientas exactas, para qué sirve cada una y cuánto cuestan, y en el 3 el método para darles instrucciones.
Sí, y precisamente por eso se puede aprender: una técnica sencilla bien ejecutada consigue un efecto que parece imposible. Verás cómo preparar el vídeo, conectarlo con el scroll y sincronizar textos y animaciones.
Sí. Hay un capítulo dedicado al rendimiento: versión ligera para el móvil, carga de cada pieza solo cuando hace falta y pruebas en distintas pantallas. La demo ya funciona así.
La masterclass es para que lo hagas tú, de principio a fin. Si prefieres que Collective lo haga para tu proyecto, es un servicio aparte: escríbenos a [email protected].
Recibes el acceso por email en cuanto se confirma el pago. Si todavía no has empezado a ver el contenido, puedes desistir en los 14 días siguientes escribiendo a [email protected]. Al ser contenido digital de acceso inmediato, el desistimiento se pierde una vez iniciado el acceso.