Caso de estudio — dirección de arte & sistemas de marca con IA
De una foto de MÓVIL a un universo
El tablero de ajedrez se convirtió en la estructura de pensamiento para acompañar procesos emocionales: cada pieza, un movimiento; cada movimiento, una historia personal.
Inicial 0Despues 0
1 / 5
Punto de partida
Cinco FOTOGRAFÍAS NINGÚN estudio Una marca por nacer
Sin fotógrafo. Sin sesión. Sin estudio. Estas son las fotos de móvil reales, sin editar, que María Ángeles compartió al inicio del proyecto — el único material de referencia que existía antes de construir el universo visual.
01 — El problema real
No faltaban fotos bonitas. Faltaba un lenguaje
María Ángeles no necesitaba una web. Necesitaba que un acompañamiento espiritual —constelaciones, registros akásicos, tarot evolutivo— dejara de sonar a esoterismo genérico y empezara a sonar a criterio. El encargo real era construir un vocabulario visual capaz de sostener quince servicios distintos sin caer en el místico de plantilla. Ese vocabulario no existía: ni en fotos, ni en tipografía, ni en tono de voz.
02 — Por qué lo habitual no servía
El sector espiritual habla el mismo idioma velas, mandalas, lila degradado, estrellas y galaxias
Una sesión de fotos convencional habría resuelto la superficie y habría dejado intacto el problema de fondo. Ese camino produce sitios intercambiables entre sí. El encargo era diferenciación conceptual, no decoración.
Que idea puede sostener quince procesos emocionales distintos bajo un mismo simbolo, sin banalizar ninguno.
03 — La decisión que cambió el proyecto
El tablero, no como METÁFORA, sino como sistema
Tratar cada historia personal como una partida en curso. No decidimos las reglas ni los orígenes, pero sí cómo movemos las piezas que nos tocaron. Esa idea convirtió lo abstracto en algo diseñable: piezas, tableros, movimientos, silencios entre jugadas.
Esta decisión existía antes de generar una sola imagen.
El sistema, página a página
Una partida distinta en cada PÁGINA, la misma GRAMÁTICA en todas
Recreación exacta de la navegación entre páginas: número de orden y título en Nympha grande a la izquierda, la pieza de cristal con base dorada a la derecha, el menú completo de páginas arriba a la derecha, y un punto-guía que se desplaza con el scroll. Toca cualquier página del listado.
›Origen
›Constelar
›Transito
›Claridad
›Equilibrio
01
Origen
La página de quiénes somos: quién es María Ángeles, de dónde viene su forma de acompañar y por qué el tablero de ajedrez es la estructura que sostiene todo lo demás.
Una DECISIÓN solo vale si se traduce en reglas
Cada regla existe para que una idea sobreviva intacta al pasar por quince páginas distintas y por manos distintas, sin degradarse en el camino.
MOVIMIENTO
ESTRUCTURA
MOVIMIENTO
Cada pieza se asienta como si alguien la moviera con intención. El scroll dramatiza una jugada.
VOZ
El sistema tipográfico — toca una pestaña
Tres tipografias, tres funciones, cero AMBIGÜEDAD
Cada tipografía tiene un único trabajo y nunca hace el del otro: una abre, otra conmueve, la tercera explica. Así nadie duda qué está leyendo ni por qué.
NYMPHA
CANELA
Regular
NYMPHA
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
abcdefghijklmnñopqrstuvwxyz
1234567890 .,;:!¿?"'()[]{}—
AVENIR
La paleta
Estructura en blanco y negro. El dorado, reservado solo para lo esencial.
El dorado no es decorativo: viene directamente del oro de las piezas de cristal del tablero. Aparece en acentos puntuales, nunca como fondo.
BLANCO
NEGRO
#0C0C0C
La tinta, el peso, la autoridad del texto y de las piezas oscuras.
BRONCE
ÁMBAR
ORO
CHAMPÁN
De 5 retratos a un universo
Cada retrato del sitio nace de las mismas cinco fotografías originales
La luz, el gesto y la identidad de María se mantuvieron fieles a las fotos reales; la IA generativa multiplicó el contexto — tableros, piezas, escenarios — sin tocar nunca quién es ella. Pasa el cursor para detener el recorrido y arrastra para explorar cada versión.
El tablero como estructura de movimiento
Piezas y tableros: la gramática visual de cada proceso espiritual
Cada pieza representa un movimiento emocional: la torre que ya no sostiene, la reina inmóvil, el peón que empieza a avanzar. El tablero de mármol y oro se convirtió en el escenario donde cada categoría del sitio libra su propia partida.
Construido enteramente por prompting
Los dos VÍDEOS del sitio nunca se rodaron
No hubo cámara, ni plato, ni actriz frente a un equipo de rodaje. Cada fotograma se escribió: encuadre, luz, tiempo de movimiento y transición entre planos, iteración tras iteración hasta lograr algo que se sintiera real.
Video del hero — generado por prompting
06 — Quién hizo qué
La misma partida, jugada por dos manos distintas
El mismo tablero que organiza cada página de la web organizó también el trabajo detrás de ella: una parte definía las reglas, la otra las ejecutaba dentro de esas reglas — nunca al revés.
Dirección de arte
80%
CRITERIO
El concepto, la correspondencia pieza-emoción, la jerarquía tipográfica, la paleta, el tono de voz y la cadencia del scroll fueron decisiones tomadas antes de generar nada.
IA generativa
Experiencia UX/UI
El mismo sistema, pensado para el bolsillo
La misma gramática visual se reorganiza para una pantalla vertical: el menú se convierte en pantalla completa, los tableros pasan a apilarse y el recorrido se vuelve lineal, un movimiento a la vez.
Portada · vídeo hasta el final
Menú pantalla completa
Cinco páginas · tableros
Origen
Constelar
Tránsito
Claridad
Equilibrio
Reserva y contacto
También se diseñó desde cero
El monograma que abre cada PÁGINA
Sobre fondo blanco el monograma se dibuja en negro: es la versión que aparece en el resto del sitio, sobre cada cabecera y cada pie de página, con el mismo trazo ornamental que las piezas del tablero.
Ver la otra versión
El recorrido termina donde nació: en pantalla
El sistema completo, visto como el visitante lo ve
La web real, navegable dentro de su propia ventana de navegador.
María Ángeles - Una forma de
08 — Qué demuestra este proyecto
No convertimos WhatsApp en una web bonita.
Convertimos su ausencia en un sistema
Este proyecto no demuestra que la inteligencia artificial pueda generar imágenes atractivas. Demuestra algo más difícil: que el valor de un director de arte no está en la herramienta que usa, sino en la claridad con la que define qué debe significar cada decisión antes de tocarla.
El tablero no es un filtro estético aplicado a posteriori. Es la estructura que hizo posible que quince servicios espirituales distintos, sin presupuesto de producción ni fotógrafo, se convirtieran en un sistema de comunicación coherente, reconocible y con criterio propio.