Un resumen rápido de un proyecto de pocas horas.
En colaboración con Turbio, diseñamos y desarrollamos en una jornada la landing para su experiencia de cine y terror en Gótika. Utilizamos GPT-5.6 Sol para explorar caminos visuales y acelerar el desarrollo, siempre con supervisión, decisiones humanas y trabajo en equipo.
Nos enteramos del evento, hicimos un ida y vuelta con Nicolás y en pocas horas ya estábamos trabajando.
Recibimos la información del evento y sus recursos gráficos, exploramos diferentes caminos visuales con GPT-5.6 Sol y, una vez elegida la dirección, trabajamos sobre la estructura y el desarrollo hasta llegar a la versión publicada.
El proceso fue experimental y veloz, pero no automático. La inteligencia artificial nos ayudó a producir, comparar e iterar. El criterio del equipo fue el que marcó el rumbo.
Una landing para una experiencia fuera de lo común
Turbio es un colectivo cultural que crea experiencias en las que el cine dialoga con la arquitectura, la historia y el terror.
Para esta edición, la propuesta era proyectar Saint Maud, la película de Rose Glass, dentro del edificio de Mitre 1539 donde funcionaron El Reino y Gótika. El espacio volvería a abrir sus puertas por una única noche después de permanecer cerrado durante una década.
La landing debía comunicar información concreta —la película, el lugar, las funciones y las entradas—, pero también transmitir la atmósfera de la experiencia. No podía ser solamente una página informativa: tenía que sentirse parte del universo de Turbio.
Ese fue el punto de partida de la colaboración.
Partimos de una identidad, no de una página en blanco
Turbio nos entregó la información del evento y una serie de recursos gráficos que ya contenían una identidad reconocible.
Nuestro trabajo consistió en interpretar esos elementos y transformarlos en una experiencia digital coherente. En lugar de aplicar una plantilla genérica, buscamos que la landing tuviera el mismo carácter que la propuesta cultural: oscura, inquietante, cinematográfica y atravesada por la historia del espacio.
La inteligencia artificial nos permitió explorar distintas posibilidades visuales con rapidez. Probamos composiciones, jerarquías y maneras de presentar el contenido hasta encontrar una dirección que representara correctamente al proyecto.
Una vez elegido ese camino, dejamos de trabajar sobre posibilidades generales y comenzamos a pulir una solución concreta.
Cómo fue nuestro proceso de trabajo
El desarrollo se realizó de forma colaborativa y en equipo. Aunque todo ocurrió aproximadamente dentro de una jornada, hubo etapas diferenciadas.
1. Ordenamos la información
Primero identificamos qué necesitaban encontrar las personas que llegaran a la landing: de qué se trataba la experiencia, qué película se proyectaba, dónde se realizaría, cuáles eran las funciones y cómo comprar las entradas.
La identidad visual era importante, pero la página también debía ser clara y fácil de recorrer.
2. Exploramos opciones visuales
Utilizamos GPT-5.6 Sol para generar e iterar diferentes caminos visuales a partir de la información y los recursos de Turbio. En esta etapa buscamos posibilidades. No pretendíamos que la primera respuesta se convirtiera automáticamente en el producto final.
3. Elegimos una dirección
El equipo analizó las propuestas y eligió el estilo que mejor representaba la identidad del evento. Esa selección fue una decisión humana basada en objetivos de comunicación, diseño y experiencia.
La velocidad para producir alternativas permitió dedicar más tiempo a compararlas y determinar cuál tenía más potencial.
4. Pulimos la estructura
Con el camino visual definido, trabajamos sobre la organización de los contenidos, la jerarquía, el recorrido y las llamadas a la acción.
La landing quedó estructurada alrededor del manifiesto de Turbio, la película, el edificio, la experiencia, las funciones, los sponsors y el acceso a la venta de entradas.
5. Desarrollamos y revisamos
Finalmente, llevamos la dirección seleccionada al desarrollo. Cada avance fue observado, probado y ajustado por el equipo antes de continuar.
La IA aceleró la ejecución, pero el proyecto avanzó mediante un ciclo de propuestas, revisión y corrección. El resultado puede verse en turbio.com.ar.
Qué es el vibe coding, explicado de manera simple
El vibe coding es una forma de desarrollar software mediante instrucciones expresadas en lenguaje natural. En lugar de escribir manualmente cada línea de código desde el comienzo, una persona le explica a un modelo de inteligencia artificial qué quiere construir, observa el resultado y le indica qué debe cambiar.
El término fue difundido por el investigador Andrej Karpathy en una publicación de febrero de 2025. Desde entonces se utiliza para describir diferentes maneras de crear software conversando con modelos capaces de generar y modificar código.
En términos simples, el ciclo es el siguiente:
- Explicamos qué queremos lograr.
- La IA genera una propuesta.
- Observamos cómo funciona.
- Indicamos qué debe corregirse o mejorarse.
- Repetimos el proceso hasta alcanzar el resultado buscado.
Una revisión reciente de 47 fuentes, publicada como preprint, describe el vibe coding como un proceso iterativo de intención, generación, evaluación y revisión. También señala que la evidencia sobre sus beneficios es más sólida en prototipos e interfaces que en sistemas críticos o proyectos cuyo mantenimiento debe evaluarse durante años.
Por eso, al menos desde nuestra mirada, vibe coding no significa aceptar todo lo que produce una herramienta ni olvidarse de cómo está construido el proyecto. Significa utilizar la IA para acelerar la exploración y la ejecución sin abandonar la supervisión profesional.
La diferencia está en el criterio
La IA puede generar muchas variantes en poco tiempo. Lo que no puede hacer por sí sola es comprender completamente qué opción representa mejor a una marca, qué información necesita primero un usuario o qué decisión es conveniente para un proyecto particular.
En este caso, el equipo tuvo que:
- Interpretar la identidad de Turbio.
- Entender el carácter cultural del evento.
- Evaluar las alternativas visuales.
- Elegir una dirección.
- Organizar la información.
- Revisar el resultado.
- Decidir cuándo una propuesta estaba lista para publicarse.
Todo esto a contrareloj.
Un estudio experimental sobre vibe coding con 604 participantes encontró que las indicaciones humanas de alto nivel fueron especialmente efectivas durante las sucesivas iteraciones. Es decir, la capacidad de orientar el proceso sigue siendo determinante incluso cuando la IA produce gran parte del código.
Esta idea también aparece en las recomendaciones de OWASP sobre programación segura con IA: todo cambio generado con asistencia de inteligencia artificial debe tener una persona responsable de revisarlo, aprobarlo y hacerse cargo de su mantenimiento.
La herramienta puede acelerar el trabajo. La responsabilidad sigue siendo humana.
Qué nos permitió hacer GPT-5.6 Sol
Para este proyecto utilizamos GPT-5.6 Sol de ChatGPT como herramienta de asistencia durante la exploración visual y el desarrollo.
Su participación no consistió en recibir una única instrucción y entregar una landing terminada. Trabajamos de forma iterativa: pedimos opciones, analizamos lo generado, elegimos una dirección y continuamos refinando el resultado.
Este proceso permitió reducir el tiempo necesario para pasar de una idea a una versión funcional. También hizo posible probar caminos visuales que, mediante un proceso tradicional, habrían requerido más tiempo de producción antes de poder compararlos.
La velocidad fue una consecuencia de combinar una herramienta potente con información clara, recursos gráficos definidos y un equipo capaz de tomar decisiones.
Una jornada no es una promesa para cualquier proyecto
Que esta landing se haya diseñado y desarrollado en aproximadamente una jornada no significa que todos los proyectos web puedan —o deban— resolverse en ese plazo.
El alcance era concreto, la información estaba disponible y Turbio contaba con una identidad sobre la cual trabajar. Además, la colaboración permitió tomar decisiones con agilidad.
Un sitio institucional, una tienda online, una plataforma con usuarios o un desarrollo integrado con sistemas externos presentan otras necesidades. Requieren diferentes instancias de investigación, arquitectura, seguridad, pruebas, contenido y mantenimiento.
El aprendizaje no es que ahora cualquier sitio puede hacerse en un día. El aprendizaje es que, bajo las condiciones adecuadas, la inteligencia artificial puede acortar significativamente la distancia entre una idea y una primera solución de calidad.
Diseño, desarrollo y colaboración
La landing de Turbio surgió de una experiencia experimental, pero también de una forma de trabajo que en Onlines consideramos fundamental: integrar diseño y desarrollo desde el comienzo.
No pensamos primero una pieza visual aislada para después intentar convertirla en código. Exploramos las posibilidades visuales considerando que debían convertirse en una experiencia web funcional, clara y adaptable.
