Capstone: tu identidad visual de la A a la Z

Último briefing: el cliente eres tú

La misión Sereno está entregada, Atelier Lume está en línea, y el director de Studio Mango te convoca una última vez. « Buen trabajo. Nos gustaría confiarte proyectos en directo… pero enséñame tu portfolio. » Silencio incómodo: tu página personal es de antes del curso — una lista de miniaturas sin alma, un nombre en Arial, ninguna identidad. El director sonríe: « Perfecto. Ahí tienes tu capstone: trátate como a tu mejor cliente. » Todo lo que has aprendido en nueve capítulos va a servir a un proyecto completo, de la estrategia de marca al portfolio en línea — para ti.

Este proyecto final tiene una dificultad que los otros no tenían: ser tu propio cliente es notoriamente difícil. Se duda indefinidamente, se vuelve a empezar todo cada semana, no se atreve uno a nada o se atreve a todo. El antídoto: aplicarse a uno mismo la disciplina del estudio — un briefing escrito, etapas con fecha, la crítica de los cinco ejes, decisiones asumidas. La IA juega aquí su mejor papel: el del director artístico externo que te hace las preguntas que evitas.

Una identidad es un sistema, no un logo

Primera idea que deconstruir: « necesito un logo ». Un logo solo no es una identidad — es un sistema completo el que hace tu presencia reconocible en todas partes: una plataforma de marca (lo que dices), una identidad visual (colores, tipografías, formas, tono — tus tokens personales) y unas declinaciones (portfolio, tarjeta social, firma de correo, presentación). Exactamente la pirámide del capítulo 2, ampliada más allá de la pantalla: los tokens alimentan los componentes, los componentes alimentan los soportes.

La plataforma de marca en cinco preguntas

Antes de cualquier píxel, las palabras. Una plataforma de marca personal cabe en cinco respuestas honestas: a quién sirves (¿estudios? ¿startups? ¿artesanos locales?), qué aportas (¿diseño de producto? ¿identidades? ¿landing pages que convierten?), en qué eres diferente (tu respuesta, después de este curso: diseñador aumentado — la sensibilidad humana pilotando la velocidad de la IA), con qué tono te expresas (¿cálido, preciso, directo?) y qué prueba puedes mostrar (Sereno, Atelier Lume, este capstone).

La dificultad no es responder — es responder con precisión. « Ayudo a las empresas con su diseño » no posiciona nada. « Diseño landing pages que convierten, para marcas artesanales que rechazan el look de plantilla » es un posicionamiento: atrae a los clientes adecuados y ahuyenta a los inadecuados, que es exactamente su trabajo. Para arrancarte esas precisiones, invierte el diálogo con la IA: hazte entrevistar.

Eres estratega de marca. Entrevístame para construir mi plataforma de marca personal de diseñador.
Hazme tus preguntas UNA POR UNA y espera mi respuesta antes de la siguiente. Profundiza cuando me quede vago — si digo « ayudo a las empresas », pregunta cuáles, en qué, con qué resultado.
Cubre: 1. a quién sirvo con precisión, 2. qué aporto concretamente, 3. qué me diferencia (método, sensibilidad, velocidad), 4. mi tono natural, 5. mis pruebas disponibles.
Tras una decena de preguntas, redacta mi plataforma: posicionamiento en una frase, 3 valores, tono de voz en 3 adjetivos, y la promesa que mi portfolio debe encarnar.

Del verbo a lo visual: tu dirección artística personal

Planteada la plataforma, vuelta al capítulo 1 — pero el cliente eres tú. Redacta tu briefing de dirección artística en cinco bloques: contexto (tu plataforma), emoción (tres adjetivos, ni uno más), referencias (dos o tres, con lo que tomas de cada una), restricciones (tus soportes objetivo, la accesibilidad AA), prohibidos (tu lista antigenérico, enriquecida con todo lo que el curso te ha enseñado a detectar). Después despliega la cadena conocida: design system personal (capítulo 2), escalas de tonos y tema oscuro (capítulo 7), pareja tipográfica firma (capítulo 6), tokens de motion (capítulo 8).

El wordmark: un logo tipográfico basta

Buena noticia para tu presupuesto de tiempo: no necesitas un pictograma. Un wordmark — tu nombre compuesto con cuidado — es el formato más seguro y más profesional para una identidad personal. La receta: parte de tu fuente de títulos, compón tu nombre, e introduce una sola singularidad — una ligadura inusual, una letra ligeramente modificada, un punto coloreado, un interletraje firma. Una sola: es la diferencia entre un detalle memorable y un nombre desfigurado.

Pide a la IA pistas en SVG: el formato vectorial se declina a todos los tamaños, se modifica a mano y se integra en todas partes — del favicon a la cabecera de presentación. Genera cinco variaciones, aplica la crítica de los cinco ejes (el quinto — « si se oculta el nombre, ¿queda algo de ti? » — está irónicamente invertido aquí: el nombre ES el logo, es su composición la que debe ser tuya), elige, afina.

<svg viewBox="0 0 320 64" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Lina Moreau, diseñadora">
  <title>Lina Moreau — diseñadora</title>
  <text x="0" y="44"
        font-family="Fraunces, Georgia, serif"
        font-size="40" font-weight="560"
        letter-spacing="-0.5" fill="#2D3A36">lina moreau</text>
  <!-- La singularidad única: el punto final en el color de acento -->
  <circle cx="306" cy="40" r="5" fill="#E8A87C"/>
</svg>

El brand board: todo en una página

Antes de declinar, condensa. Un brand board es una página única que reúne la identidad entera: el wordmark y sus variantes (claro, oscuro, favicon), la paleta con sus roles, la pareja tipográfica con un espécimen de cada nivel, el motivo o detalle firma, y tres líneas de tono de voz con un ejemplo de frase. Es tu capítulo 2 hecho visible de un vistazo — la herramienta que te evitará derivar en las declinaciones, y la pieza de portfolio que demuestra que piensas en sistemas.

Declinar en todas partes sin diluirse

Una identidad se juzga por su resistencia a las declinaciones. Cada soporte tiene sus restricciones: la tarjeta social (la imagen que aparece cuando se comparte tu enlace) mide 1200 × 630 px y debe seguir legible en miniatura de 300 px; la firma de correo vive en un entorno HTML hostil que ignora la mitad del CSS moderno; el avatar se reduce a 48 px de diámetro; la plantilla de presentación debe sobrevivir a un proyector de sala de reuniones. El test es siempre el mismo: ¿tus tokens aguantan el golpe, o cada soporte se va por su lado?

flowchart TD
  PF["Plataforma de marca: las palabras"] --> ID["Identidad: tokens personales + wordmark"]
  ID --> BB["Brand board: todo en una página"]
  BB --> S1["Portfolio en línea"]
  BB --> S2["Tarjeta social 1200 x 630"]
  BB --> S3["Firma de correo"]
  BB --> S4["Plantilla de presentación"]

Crea mi tarjeta social (og-image) en HTML/CSS autónomo, 1200 x 630 px, a partir de mi brand board:
[pega aquí tus tokens + el SVG de tu wordmark]
Contenido: mi wordmark, mi frase de posicionamiento (« [tu frase] ») y mi detalle firma.
Restricciones:
- jerarquía legible incluso reducida a miniatura de 300 px de ancho: pruébalo mentalmente a ese tamaño y dime qué sobrevive
- contraste AA, generosidad de espacio, ningún elemento decorativo gratuito
- da también la variante de tema oscuro redeclarando los roles
Después lista las adaptaciones necesarias para declinar la misma composición en banner de LinkedIn 1584 x 396.

El portfolio: muestra el proceso, no solo los resultados

Llega por fin el portfolio en sí — y la trampa clásica: la galería de bellas imágenes mudas. En la era de la IA, una cuadrícula de bonitos renders prueba cada vez menos: cualquiera puede generar algo bonito. Lo que te distingue es el razonamiento — y tu portfolio debe mostrarlo. El formato: la case study. Para Sereno: el briefing y sus restricciones, la dirección descartada y por qué, el design system y sus arbitrajes (el contraste del text-muted corregido, el modo oscuro repensado), las iteraciones clave en antes/después, el resultado. Tres proyectos contados así valen más que doce miniaturas.

Sé transparente sobre tu método: « diseñador aumentado » no es una confesión, es un argumento. Mostrar un prompt de dirección artística bien construido, y luego la selección exigente que has operado entre las propuestas, prueba una competencia que los clientes empiezan precisamente a buscar: alguien que sabe dirigir la máquina hacia un resultado que nunca habría producido sola. Puedes incluso incluir un recuadro « cómo trabajo » que desactiva la pregunta antes de que te la hagan.

Y ahora: tu práctica de diseñador aumentado

Tómate un segundo para medir el camino. Capítulo 1: plantear una intención que la IA puede seguir. Capítulo 2: un design system como memoria externa. Capítulo 3: prototipar en bucle corto. Capítulo 4: entregar componentes limpios y accesibles. Capítulo 5: criticar, atreverse, huir de lo genérico. Después la profundidad: la tipografía como voz (6), el color como sistema completo claro y oscuro (7), el movimiento como lenguaje (8), la persuasión como estructura (9). Y este capstone, donde todo converge hacia el proyecto más difícil: el tuyo.

El método ya es tuyo, y es transferible: la próxima app, la próxima marca, el próximo soporte que todavía no existe seguirán la misma cadena — intención, sistema, prototipo, código, crítica. Las herramientas de IA cambiarán de nombre en dieciocho meses; la cadena, en cambio, permanecerá. El gusto sigue siendo tuyo; la IA acelera. Studio Mango espera tu portfolio el lunes — y esta vez, sabes exactamente cómo abordarlo.