EN ES
Tres webs creadas con ATELIER: Otra Vez, Pati y Lenta

Atelier

Un sistema de diseño que aprende mi gusto

ATELIER es un sistema que diseñé para explorar diseño web a toda velocidad sin renunciar a la dirección de arte. Sigue las tendencias de diseño, mantiene un moodboard ordenado, propone tres direcciones visuales para cada web, aprende de mi feedback y construye la web final.

La IA hace el trabajo pesado de producción. Yo marco la dirección, tomo las decisiones y elijo qué se tira.

  • proyecto

    Proyecto propio
    2026, en curso

  • alcance

    Diseño de sistemas
    Dirección de arte
    Design Ops
    Desarrollo web

  • stack

    Claude, Astro, Tailwind
    GitHub, Cloudflare Pages
    Figma

El reto

La IA puede generar una web a partir de cuatro frases. El problema: se parece a todo lo demás.

Mi papel

Diseñé el sistema de principio a fin: flujo de trabajo, reglas de decisión, modelo de gusto, herramientas de revisión y la dirección de arte de cada web.

El resultado

En sus primeras semanas: más de 20 decisiones de diseño registradas y diez webs construidas. Tres hicieron el recorrido completo, de las direcciones a la web final.

Tres conceptos creados con ATELIER

Una herramienta puede generar una web a partir de cuatro frases. Ese es el problema: se parece a todo lo demás.

Yo quería lo contrario: un proceso en el que la velocidad esté al servicio del gusto y cada web tenga personalidad propia. ATELIER funciona como un único ciclo. Las tendencias y las referencias guardadas se convierten en un moodboard etiquetado por paleta, tipografía, layout y movimiento. Cada brief recibe tres direcciones. Yo elijo. La dirección elegida se convierte en una web real en Astro, con revisión automática de enlaces, accesibilidad y responsive. Mi feedback vuelve al sistema.

Direcciones antes que webs.

Cada dirección define paleta, tipografía, layout y una pieza estrella, y se enseña en escritorio y móvil con una demo ligera. Tirarla cuesta poco, así que tiro muchas.

Tres direcciones visuales propuestas para Otra Vez: Archivo, Mosaico y Ocre

Otra Vez necesitó cuatro rondas. Las primeras se descartaron: demasiado parecidas entre sí, demasiado editoriales, demasiado color. La cuarta ronda dio con Archivo, con las fotos de tienda tomadas de Mosaico. Pati y Lenta necesitaron dos rondas cada una, mezclando lo mejor de varias direcciones.

Segunda ronda de direcciones para Pati
Segunda ronda de direcciones para Lenta

Vacío y plano no es minimalista. La complejidad tiene que ganarse su sitio.

Son dos de las reglas del perfil de gusto que el sistema guarda por escrito. Cada comentario empieza como sugerencia y se convierte en regla cuando se repite o cuando lo generalizo. Otras: nada de tiendas de plantillas, un único sistema de marcos por web y, si un detalle de marca necesita explicación, sobra.

Un panel de control privado lo une todo: el radar de tendencias, cada ronda de direcciones con mis notas, las webs y un modo revisión en el que clavo comentarios directamente sobre los elementos en vivo. Esos pines se convierten en la lista de tareas de la siguiente iteración.

En sus primeras semanas, ATELIER registró más de 20 decisiones de diseño y construyó diez webs. Tres pasaron por el proceso completo, de las direcciones a la web final, y son las que ves arriba.

Las marcas son ficticias. El proceso es real.

Diseñé el sistema de principio a fin: el flujo de trabajo, las reglas de decisión, el modelo de gusto, las herramientas de revisión y la dirección de arte de cada web. Los agentes de IA se encargan de la investigación, la producción y el QA dentro de esas reglas.