La forma más rápida de delatar una landing hecha con IA es que se note que la IA tomó todas las decisiones estéticas por vos. Mismo layout de siempre, misma iluminación artificial, mismo hero estático y mismo acabado sin intención. El resultado suele verse limpio, sí, pero también intercambiable.
El enfoque que me parece bastante más interesante va por otro lado: no usar la IA para vomitar una página entera, sino para generar un asset visual concreto que después vos controlás bien en frontend. En este caso, un vídeo de producto que empieza con el objeto desmontado, se ensambla en cámara y luego se convierte en el centro de una landing con scroll reveal. Ahí la IA deja de ser “el diseñador completo” y pasa a ser una pieza dentro de una dirección creativa más clara.
Eso es justo lo potente de este formato. En vez de pedirle a la IA una web final, le pedís un clip muy específico: 16:9, 9 segundos, 1080p, con un producto flotando en estudio y una secuencia donde las piezas se ordenan y terminan formando el objeto. Después ese vídeo no se reproduce como un anuncio normal, sino que lo usás como timeline visual y vas controlando los frames con el scroll. La sensación cambia muchísimo. Ya no parece la típica landing genérica hecha en bloque. Parece una experiencia montada con intención.
El motivo de fondo es simple: la mayoría de landings hechas con IA fallan porque intentan resolver al mismo tiempo identidad visual, copy, estructura, motion y jerarquía. Demasiadas decisiones delegadas y demasiado poco criterio. Acá el truco es recortar el problema. La IA genera el movimiento base del producto y vos te encargás del ritmo, del layout, de cuándo aparece el texto y de cómo se siente la navegación.
Si querés ver un ejemplo real de esta idea llevada a código, el repo fuente es este: edunavajas/custom-landings. Ahí se ve bien el patrón. Hay ejemplos con móvil, teclado y cámara, y lo interesante no es solo el acabado visual sino la lógica: un vídeo hero a pantalla completa, una zona sticky y un scrub por scroll que hace que el producto se revele de forma progresiva.
Otro detalle importante es que el clip generado por IA no conviene usarlo tal cual sale. Para scrub con scroll, el seeking tiene que sentirse limpio. Si el archivo está mal comprimido o con una estructura de keyframes poco amigable, la transición se siente sucia, pega saltos y mata bastante el efecto. Por eso tiene sentido convertirlo antes con ffmpeg y dejar una versión más cómoda para scrubbing. Un comando razonable para eso sería este:
ffmpeg -i input.mp4 -c:v libx264 -preset slow -crf 18 -g 1 -pix_fmt yuv420p -movflags +faststart output-seekable.mp4La idea no es “optimizar por optimizar”, sino preparar el clip para que el scroll pueda recorrer fotogramas con más suavidad. En el repo, de hecho, ya se ve ese patrón con un archivo separado pensado para ese uso.
Con la parte técnica clara, lo que de verdad importa es el prompt. Si querés que el resultado no huela a IA, el prompt tiene que describir producto, composición, materiales, iluminación y movimiento con bastante intención. No alcanza con poner “make me a modern landing hero”. Tenés que pedir una toma que sirva como base cinematográfica, no como demo genérica.
Te dejo los prompts del ejemplo en inglés, tal cual conviene trabajarlos como base del asset visual:
Prompt para móvil
A premium futuristic smartphone floating in a dark luxury studio, exploded view with all internal parts separated in a clean and elegant composition, then smoothly assembling into the final product. Cinematic lighting, ultra detailed materials, polished metal edges, premium glass reflections, centered composition, black background, high contrast, realistic shadows, modern product commercial aesthetic, 16:9, 9 seconds, 1080p.Prompt para teclado
A premium mechanical keyboard floating in a dark cinematic studio, exploded into separate keys, switches, plate and body, then smoothly assembling into the final keyboard. Elegant product commercial lighting, ultra detailed materials, brushed metal, subtle reflections, centered composition, black background, realistic shadows, modern luxury tech aesthetic, 16:9, 9 seconds, 1080p.Prompt para cámara
A premium professional camera floating in a dark luxury studio, exploded view with lens, rings and body parts separated in a clean cinematic composition, then smoothly assembling into the final camera. Dramatic soft lighting, ultra detailed metal and glass materials, realistic reflections, centered composition, black background, high contrast, modern product commercial aesthetic, 16:9, 9 seconds, 1080p.La gracia está en que los tres mantienen la misma lógica: objeto suspendido, piezas separadas, ensamblado limpio y estética de anuncio premium. Después, cuando lo llevás a frontend, el hero deja de depender de un render estático y gana bastante presencia con muy poco. Scroll, vídeo, overlays bien medidos y copy corto. No hace falta meter veinte animaciones alrededor para que funcione.
Si te fijás, el valor real de este enfoque no está en “usar IA”, sino en usar IA para una sola cosa muy concreta y luego construir encima una experiencia web que se sienta intencional. Ahí está la diferencia entre una landing que parece otra plantilla más y una que, aun usando assets generados con IA, se siente moderna, controlada y bastante más difícil de detectar como “hecha por IA”.
Si querés replicarlo, yo no empezaría por el diseño completo de la web. Empezaría por el asset correcto: un buen vídeo horizontal, corto, con ensamblado claro del producto. Después montás el scroll reveal y recién ahí escribís el resto de la landing alrededor de ese movimiento. En este caso, el orden de construcción importa MUCHO.
¿Qué te ha parecido?
Déjame tu opinión, pregunta o sugerencia. Los comentarios se sincronizan con GitHub Discussions .