Levion
Diseño11 de junio de 20268 min de lectura

Cómo Diseñar una Identidad Corporativa, Paso a Paso

Cómo Diseñar una Identidad Corporativa, Paso a Paso
By Lucas Fernandes

Pregunta a diez empresas cuál es su identidad corporativa y nueve te enseñarán un logotipo. Es un poco como si te preguntaran por tu personalidad y entregaras una foto de tu cara.

El logotipo es la parte más pequeña. Una identidad es el conjunto de reglas que hace más fácil cada decisión futura. Qué hace la tipografía. Cuánto espacio recibe cada cosa. Qué color significa actúa ahora y cuál significa esto lo lees luego. Cómo se mueve la marca, cómo escribe, cómo suena cuando trae malas noticias. Acierta con esas reglas y el logotipo casi se diseña solo. Falla y no va a rescatarte ningún logotipo.

Este es el proceso, de principio a fin, tal y como lo recorremos nosotros.

Qué contiene de verdad una identidad corporativa

Anatomía de un sistema de identidad corporativa: el núcleo de posicionamiento rodeado de tipografía, color, retícula, imagen, movimiento, voz y aplicaciones
El logotipo está a un anillo del centro. El centro es el posicionamiento, y todo lo demás es consecuencia suya.
  • Posicionamiento. Qué es la marca, para quién es y qué se niega a ser.
  • La marca gráfica y sus versiones, incluida la que tiene que funcionar a 32 píxeles y la que va en la fachada de un edificio.
  • Un sistema tipográfico. Dos familias como mucho, con una escala y reglas de cuándo se usa cada una.
  • Color con roles y no solo con valores hexadecimales. Cuál es el acento, cuál el fondo, qué dos no se tocan nunca.
  • Retícula, espaciado y radios. La capa invisible que hace que todo parezca de la misma empresa.
  • Dirección de imagen, principios de movimiento y una guía de voz con ejemplos reales de lo que sí y lo que no. Ejemplos, no adjetivos.

Paso 1: el taller de posicionamiento que nadie quiere pagar

Media jornada, normalmente con tres o cuatro personas que de verdad pueden decidir en lugar de llevárselo a alguien que sí puede. Es la parte con más apalancamiento de todo el proyecto y es la partida que los clientes intentan recortar más a menudo, lo que dice algo sobre lo invisible que resulta un buen posicionamiento visto desde fuera.

Lo que buscamos es una frase con la que toda la empresa esté de acuerdo. No una declaración de misión, porque esas las escribe un comité precisamente para no ofender a nadie y el resultado, fiablemente, no dice nada. Tres preguntas hacen casi todo el trabajo: qué debería sentir alguien en los primeros cinco segundos, qué no haría jamás esta marca, y para quién no es, deliberadamente. Esa última es donde la cosa se pone incómoda. Todo fundador quiere responder que para todos, y toda marca que responde para todos acaba pareciendo nada en particular.

Si tu posicionamiento no excluye a nadie, no es posicionamiento. Es una descripción.

En CO4 Workspaces la frase acabó siendo ser la alternativa tranquila y concentrada a trabajar desde casa. Ni el escritorio más barato. Ni el más moderno. Todo lo que vino después salió de esa única decisión: neutros cálidos en vez de neón de startup, tipografía silenciosa, testimonios de gente que solo quería un sitio donde concentrarse. Marca y web salieron a la vez, y las solicitudes de visita subieron un 38%.

Paso 2: territorios, no opciones de logotipo

No presentamos tres logotipos. Presentar tres logotipos invita a un comité a elegir su favorito, y así es como las marcas acaban diseñadas por gusto en lugar de por estrategia. Además garantiza que los comentarios que recibes sean sobre lo único que no puedes defender con argumentos racionales.

Así que enseñamos dos o tres territorios visuales. Una página entera de cómo podría sentirse la marca: tipografía, color, imagen, layout, un titular de ejemplo, una interfaz de ejemplo. La conversación cambia de forma casi al instante. Deja de ser prefiero el azul y pasa a ser este parece nosotros, ese parece nuestro competidor. Mejor conversación, mejor decisión y bastantes menos rondas, que es la parte que le ahorra dinero a todo el mundo.

Paso 3: construye el sistema, no las piezas

Una vez elegido el territorio, el trabajo de verdad es definir relaciones. Una escala tipográfica con proporciones reales en vez de tamaños que le gustaron a alguien. Color con roles nombrados para que un desarrollador nunca tenga que adivinar qué azul era. Espaciado en un paso constante, para que nada acabe en un número raro porque esa tarde quedaba bien. Movimiento con una sola curva de easing y dos duraciones, usadas en todas partes y sin excepciones.

Lo construimos todo como tokens de diseño desde el principio, lo que significa que la identidad llega al código sin que se pierda nada por el camino. Es también como una marca sobrevive a su primer estiramiento real: un producto nuevo, un segundo mercado, un equipo que llegó mucho después de que terminaran las conversaciones originales. Los sistemas de diseño son la versión a escala industrial de la misma idea, y si hay una interfaz de producto de por medio dejan de ser opcionales bastante rápido.

Paso 4: sométela a estrés donde duele

Toda identidad se ve bien en un moodboard. Para eso está un moodboard. La prueba de verdad son las aplicaciones feas, y las hacemos a propósito y pronto, antes de aprobar nada y mientras cambiarlo todavía sale barato.

Cuadrícula de aplicaciones hostiles de identidad: favicon, impresión a un color, firma de correo, factura, rotulación de furgoneta e icono de app
Las seis aplicaciones que rompen identidades. Sobrevive a estas y las bonitas se resuelven solas.
  1. 01El favicon de 32 píxeles. Aquí la mayoría de las marcas se convierten en puré, y te enteras en unos cuatro segundos.
  2. 02A un solo color, en una fotocopiadora mala. ¿Se sigue leyendo? Un número sorprendente de marcas no lo consigue.
  3. 03Una firma de correo, puesta junto a las de otras cinco personas.
  4. 04Una factura. En serio. Es el punto de contacto menos glamuroso que tienes y el que un cliente mira todos los meses sin falta.
  5. 05Algo físico. Un vehículo, una camiseta, un rótulo. Donde no puedes hacer zoom y nada está retroiluminado.
  6. 06Una interfaz oscura. La mitad de las paletas que heredamos dejan de funcionar en cuanto el fondo se oscurece.

Cuando construimos la marca y la web de Integrity 1st Auto Care, toda la promesa era la transparencia de precios. Así que la prueba no era la home, que casi nadie iba a estudiar. Era la pantalla de presupuesto y el presupuesto impreso que el cliente se lleva a casa. Acierta con esos dos y el resto va detrás. Las solicitudes de presupuesto salieron un 44% más altas.

Paso 5: documéntala para que sobreviva sin ti

Un PDF de 90 páginas en una carpeta compartida no es documentación. Es el recuerdo de un proyecto que se acabó. Lo que la gente usa de verdad es corto, específico y vive donde ocurre el trabajo: una biblioteca de Figma con componentes publicados, tokens en el repositorio y una guía escrita de unas cinco páginas que cubra lo que un PDF no puede. Tono. Lo que sí y lo que no. Qué hacer cuando te topes con algo que la guía no contempla, cosa que pasará en la segunda semana.

La medida real de una buena identidad no tiene nada que ver con el lanzamiento. Es si alguien que entró el mes pasado puede hacer una publicación decente dentro de dieciocho meses sin necesidad de preguntarle a nadie.

Los tres errores que más caros salen

Vemos los mismos tres fallos una y otra vez. Los tres son caros por el mismo motivo: aparecen sobre el año, cuando la marca ya está en todas partes, y arreglar uno significa tocarlo todo.

  1. 01Diseñar para la presentación en lugar de para el martes. Identidades que se ven extraordinarias en una diapositiva y se deshacen sin ruido en una hoja de cálculo, en un correo de soporte, en una oferta de empleo. La presentación ocurre una vez. El martes ocurre todas las semanas durante años.
  2. 02Demasiados colores. Cinco acentos significan que nadie sabe cuál debería querer decir algo, así que ninguno lo dice. Un solo acento usado con moderación parecerá más caro que cinco usados con entusiasmo, siempre, sin fallar una.
  3. 03Ninguna regla para los casos límite. ¿Qué pasa cuando un titular ocupa cuatro líneas? ¿Cuando el nombre de un producto tiene que ir al lado del logotipo de un partner? ¿Cuando hay una foto y se pelea con todo lo que has construido? Una identidad que solo funciona en condiciones ideales no está terminada. Es un moodboard con un logotipo encima.

Cuando no puedes empezar de cero

La mayor parte del trabajo que hacemos no empieza en una página en blanco. Hay un logotipo al que alguien le tiene cariño, un color que el fundador eligió en 2019 por motivos que ya nadie recuerda, doce años de material impreso en un armario. Los rebrandings completos son más raros de lo que a las agencias les gusta fingir, y con frecuencia son la decisión equivocada: tirar un reconocimiento que ya has pagado es un coste real, aunque a ti el diseño te parezca anticuado.

La jugada en esa situación es no tocar la marca gráfica y arreglar todo lo que la rodea. Nueve de cada diez veces el logotipo no es el problema en absoluto. La tipografía es inconsistente, el espaciado es arbitrario, hay cuatro azules circulando y nada, en ninguna parte, tiene una regla asociada. Construye el sistema por debajo de una marca existente y la empresa puede parecer completamente transformada sin que un solo cliente se pregunte si se ha equivocado de sitio.

Además cuesta una fracción de la alternativa, y te compra lo único que un rebranding no puede: evidencia. Convive con el sistema nuevo seis meses. Mira dónde tensiona. Si para entonces la marca gráfica resulta ser de verdad el punto débil, la redibujarás con un año de uso real detrás de la decisión, en vez de con una corazonada y un mal día.

Cuánto tarda y cómo sabes que está bien

Posicionamiento y territorios, dos o tres semanas. Construcción del sistema, tres o cuatro. Aplicaciones y documentación, otras dos. Digamos ocho semanas para un diseño de identidad corporativa hecho como es debido, y más si hay una interfaz de producto dentro del alcance, porque las interfaces tienen muchos más estados de los que nadie recuerda mientras presupuesta.

Sabrás que funciona cuando las decisiones empiecen a ir más rápido. Cuando alguien pregunte de qué color va el botón y no haya que reunirse por ello. Cuando una página nueva quede bien al primer intento en vez de al cuarto. Ese es todo el retorno de este trabajo, y por eso cuesta venderlo: no es la presentación, son las mil pequeñas decisiones que dejan de ser discusiones sin que nadie se dé cuenta.

Una palabra sobre presupuesto, ya que nadie publica cifras y todo el mundo las quiere. En la gama baja estás comprando una marca gráfica y una paleta. Vale para un proyecto paralelo y no va a sobrevivir al crecimiento de la empresa. En la media consigues un sistema real: escala tipográfica, roles de color, espaciado, componentes y documentación suficiente para que un desarrollador no tenga que adivinar nada. En la alta añades investigación, naming, la interfaz de producto y el juego completo de aplicaciones, que es de donde sale el plazo de ocho semanas.

El error no es comprar la barata. Hay muchas empresas que deberían comprar la barata. El error es comprar la barata y luego esperar que se comporte como la cara, y culpar al diseño cuando el cuarto lanzamiento de producto no tiene dónde vivir dentro del sistema.

Si estás valorando por dónde empezar, así abordamos la marca y el diseño. Y si ya tienes una identidad que no aguanta, eso muy a menudo es un problema de sistema y no de logotipo, que sale bastante más barato de arreglar de lo que la mayoría supone cuando llama.

Siguiente artículo

Cómo Hacer Que Tu Marca Se Sienta Inevitable

Leer artículo