logo designApril 20, 202612 min read

El proceso de diseño de logotipos: Del brief a los archivos finales en 7 pasos

El proceso de diseño de logotipos de extremo a extremo que usa un diseñador real. Brief, investigación, concepto, boceto, vectores, variantes, entrega. Plantilla real y checklist de entrega incluidos.

By Boone
XLinkedIn
logo design process

Un buen logotipo parece inevitable. Como si no pudiera haber sido otra cosa. Esa inevitabilidad es el resultado de un proceso ejecutado siete veces seguidas por un diseñador que se negó a saltarse pasos.

La mayoría de los logotipos malos no son malos por falta de gusto. Son malos porque el diseñador abrió Illustrator el primer día, se saltó el brief, se saltó la investigación, se saltó los bocetos, se saltó el sistema de variantes y se saltó la entrega. Este artículo recorre el proceso que usa un diseñador real, con una plantilla de brief real y un checklist de entrega incluidos.

El proceso es el entregable

El logotipo es el resultado visible. El proceso es lo que hace que sobreviva fuera del pitch deck.

Un logotipo diseñado en una tarde parece diseñado en una tarde. Funciona en el encabezado de una landing page a 1x y muere en un favicon de 16px, una camiseta negra o un bordado. Los siete pasos se acumulan. Cada uno acota el siguiente. Saltarse cualquier paso hace que el siguiente se ejecute sin la restricción que necesitaba, por eso los "logotipos rápidos" parecen sin resolver seis meses después.

Paso 1: El brief que sí se puede usar

El brief es el contrato. Si el brief es vago, el logotipo será vago, y ninguna cantidad de bocetos lo arreglará.

La mayoría de los briefs fallan porque son un cuestionario de marketing o un documento de vibes ("limpio pero también audaz pero también accesible pero también premium"). Ninguno acota nada. Un brief funcional obliga a respuestas específicas a cinco preguntas en una sola página. Usa la plantilla de abajo tal cual, completada por el cliente antes de la llamada de inicio.

SecciónPreguntaFormato de respuesta
1. El negocioEn una oración, ¿qué hace la empresa?Una oración. No un statement de misión.
2. La audiencia¿Quién es el mejor cliente individual que has tenido? Descríbelo en 2 oraciones.Persona real, no un perfil ficticio.
3. Los competidoresNombra tres. ¿A qué no debe parecerse tu logotipo?Links a tres logotipos que estás evitando.
4. La aplicación¿Dónde aparecerá más el logotipo?Las tres superficies principales, en orden.
5. La sensaciónElige tres palabras de esta lista que describan la marca. Elige tres que no.De una lista de vocabulario compartida.

La pregunta de la sensación es la que más diseñadores omiten. Proporciona una lista de vocabulario de 25 a 40 adjetivos (audaz, contenido, lúdico, serio, cálido, clínico, clásico, contemporáneo, técnico, humano, suave, afilado). Obliga a elegir tres y rechazar tres. Las anti-elecciones valen más que las elecciones. "No clínico" acota más que "cálido".

Para el contexto de marca más amplio en este paso, consulta cómo crear una identidad de marca, que cubre la capa de discovery dentro de la que vive un logotipo. El brief aquí es la versión comprimida para un alcance de solo logotipo. No abres Figma hasta que el brief esté firmado. Las revisiones al brief son baratas. Las revisiones al logotipo no.

Paso 2: Investigación que gana una opinión

La investigación es donde sucede la mayor parte del pensamiento real. El logotipo aún no ha sido dibujado, y ese es el punto.

La investigación tiene tres pasadas, en orden. Saltarse el orden sesga el concepto antes de ganarse el derecho a tenerlo.

Pasada de competidores. Reúne todos los logotipos de competidores y categorías adyacentes en un tablero de auditoría. Agrúpalos por familia de color, estilo de marca (wordmark, lettermark, símbolo, combinado), era y nivel de calidad. El tablero es evidencia de cómo se ve la categoría hoy, lo que te dice cómo no debes verte.

Pasada de categoría. Reúne logotipos de categorías adyacentes de las que la marca quiere tomar prestado. Una fintech que quiere sentirse como una herramienta de diseño toma de Linear y Vercel, no de PayPal. Una cafetería que quiere sentirse como una marca de hardware toma de Braun y Muji, no de Starbucks. La dirección del préstamo es donde suelen venir las buenas ideas.

Pasada de oficio. Reúne 20 a 40 logotipos que personalmente respetas. Sin restricciones de categoría. Aquí es donde recuerdas cómo se sienten los buenos logotipos, para no caer en la primera forma que dibuja tu mano.

La investigación termina cuando puedes escribir tres oraciones: cómo se ve la categoría ahora, qué puede tomar prestado la marca de fuera, y qué es ese algo que el logotipo va a ganar que ningún competidor tiene.

Cuadrícula de mood board voxel con tres grupos de investigación apilados sobre un piso de estudio oscuro: una fila de competidores con wordmarks discretas, una fila de referencias de categorías adyacentes con marcas geométricas nítidas, y una fila de oficio con símbolos atemporales. Líneas separadoras cian entre las tres filas.
Cuadrícula de mood board voxel con tres grupos de investigación apilados sobre un piso de estudio oscuro: una fila de competidores con wordmarks discretas, una fila de referencias de categorías adyacentes con marcas geométricas nítidas, y una fila de oficio con símbolos atemporales. Líneas separadoras cian entre las tres filas.

Paso 3: Concepto antes que píxeles

El concepto es donde decides qué hará el logotipo antes de decidir cómo se verá. Dos diseñadores pueden usar el mismo brief y producir logotipos radicalmente distintos porque sus conceptos difieren.

Un concepto es una oración que describe qué debe comunicar la marca y cómo debe sentirse. No qué formas debe usar, no qué color debe ser. Ejemplos:

  • "La marca debe sentirse como una confianza silenciosa que no necesita levantar la voz."
  • "La marca debe sentirse como un movimiento continuo, como el producto mismo."
  • "La marca debe sentirse como una tipografía tan bien trazada que el nombre de la empresa es el logotipo completo."

Tres conceptos es el número correcto a explorar. Uno es un compromiso que aún no has ganado. Diez es una negativa a comprometerte. Tres te obliga a elegir direcciones defendibles y eliminar las malas antes de bocetar.

Presenta los tres conceptos al cliente en palabras, no en imágenes. Estás vendiendo la idea, no la ejecución. Si el cliente no puede elegir una dirección a partir de tres oraciones, el brief no fue lo suficientemente específico y vuelves al paso 1.

Paso 4: Bocetos a mano

El boceto es donde el concepto se convierte en forma. Ocurre en papel, no en Figma. Hay una razón específica para esto.

Las herramientas digitales pulen todo por igual. Cada línea suave, cada curva limpia, cada esquina pareja. Esa suavidad es una trampa en las etapas tempranas porque hace que todas las ideas parezcan igualmente terminadas y pierdes la capacidad de distinguir una buena idea de una mala idea pulida. El papel es irregular. El papel te obliga a dibujar la misma marca 40 veces en 20 minutos, y para la número 35, ves qué versión tiene los huesos estructurales que importan.

Una buena sesión de bocetos produce 30 a 80 miniaturas por dirección de concepto, pequeñas y rápidas y feas, sin borrar y sin juzgar. Luego circula las 5 a 10 que vale la pena escanear, pásalas a Figma en tamaño pequeño y obsérvalas en grupo. Las 2 a 3 que siguen sintiéndose bien son tus candidatas para vectorizar.

Espacio de trabajo voxel visto desde arriba: un cuaderno de bocetos con miniaturas de logotipos trazadas a tinta, unos lápices al lado, una taza de café, y una tablet en el borde mostrando las mismas miniaturas escaneadas en pequeño sobre una cuadrícula. Escritorio de madera oscura del estudio Brainy.
Espacio de trabajo voxel visto desde arriba: un cuaderno de bocetos con miniaturas de logotipos trazadas a tinta, unos lápices al lado, una taza de café, y una tablet en el borde mostrando las mismas miniaturas escaneadas en pequeño sobre una cuadrícula. Escritorio de madera oscura del estudio Brainy.

Paso 5: Vectorizar los pocos que sobrevivieron

Vectorizar es trabajo de oficio. Cada curva, cada esquina, cada corrección óptica se hace con intención. Aquí se decide la calidad.

Tres cosas importan, y la mayoría de los diseñadores junior solo hace la primera.

Construcción. Decide si el logotipo se construye sobre una cuadrícula geométrica estricta, una cuadrícula óptica libre o curvas a mano alzada refinadas después. Las cuadrículas estrictas se sienten ingenieriles, las cuadrículas ópticas libres se sienten humanas, y el trabajo a mano alzada se siente artesanal. Elige una y mantén la disciplina en cada letra y forma.

Corrección óptica. La precisión matemática y la precisión visual no son lo mismo. Una O perfectamente circular parece más pequeña que un cuadrado de la misma altura, así que extiende las formas redondas entre un 1 y 2 por ciento y dale a los trazos verticales ligeramente más masa que a los horizontales. Una marca geométricamente correcta pero ópticamente incorrecta se ve mal, y ningún cliente podrá decirte por qué. Esta es la línea entre el trabajo vectorial amateur y el profesional.

Reducción. En cada etapa, pregúntate qué se puede eliminar. Quita una curva, una serifa, un detalle. Si la marca sigue siendo legible, el detalle era decoración, no estructura. El enfoque de diseño de logotipos con espacio negativo es una variante de esta disciplina aplicada al espacio entre formas.

La etapa vectorial termina cuando la marca se lee claramente a 24px, aguanta a 240px y se rompe si eliminas cualquier elemento individual.

Paso 6: Variantes y el sistema alrededor de la marca

Un solo archivo es una marca. Un sistema de variantes es un logotipo. La distinción separa un logotipo que puedes entregar de uno que solo funciona en el hero del pitch deck.

Un logotipo funcional se entrega como un sistema de variantes que incluye, como mínimo:

VarianteUso
Lockup principalEl logotipo completo, generalmente wordmark más símbolo
Lockup horizontalEncabezados de página, firmas de correo, tiras de footer
Lockup verticalAvatares de perfil, íconos de app, reverso de tarjeta de presentación
Solo símboloFavicons, íconos de app, avatares de redes sociales
Solo wordmarkContextos donde el símbolo sería demasiado pequeño
MonocromáticoNegro puro, blanco y tinta de marca en un solo color para impresión y merchandising
Sobre fondo claro y oscuroReglas de espacio y contraste emparejadas
Reglas de tamaño mínimoCuándo el lockup rompe y el símbolo solo toma el control

El sistema de variantes es también donde las decisiones de color se toman en producción. La guía de paleta de colores de marca cubre el enfoque por capas, y el trabajo del sistema tipográfico es la misma disciplina aplicada a la tipografía.

Cuadrícula de variantes voxel sobre una superficie de estudio oscura: un lockup horizontal principal arriba a la izquierda, un lockup vertical al lado, un cuadrado solo con el símbolo, una barra solo con el wordmark, una baldosa negro sobre blanco, una baldosa blanco sobre negro, y una baldosa con tinta de marca en un solo color abajo a la derecha. Cada baldosa tiene un contorno cian delgado. Cuadrícula limpia.
Cuadrícula de variantes voxel sobre una superficie de estudio oscura: un lockup horizontal principal arriba a la izquierda, un lockup vertical al lado, un cuadrado solo con el símbolo, una barra solo con el wordmark, una baldosa negro sobre blanco, una baldosa blanco sobre negro, y una baldosa con tinta de marca en un solo color abajo a la derecha. Cada baldosa tiene un contorno cian delgado. Cuadrícula limpia.
Pack de entrega voxel: un diagrama limpio de árbol de carpetas en bloques voxel con pilas etiquetadas para archivos fuente, exportaciones SVG, tamaños PNG, archivos PDF para impresión, favicons, documentos de especificaciones y aplicaciones. Una línea cian conecta cada pila con una pequeña baldosa de muestra que muestra el tipo de contenido. Fondo oscuro del estudio Brainy.
Pack de entrega voxel: un diagrama limpio de árbol de carpetas en bloques voxel con pilas etiquetadas para archivos fuente, exportaciones SVG, tamaños PNG, archivos PDF para impresión, favicons, documentos de especificaciones y aplicaciones. Una línea cian conecta cada pila con una pequeña baldosa de muestra que muestra el tipo de contenido. Fondo oscuro del estudio Brainy.

Paso 7: El pack de entrega

La entrega es donde el logotipo se convierte en propiedad. La mayoría de los freelancers envían un ZIP con tres PNGs y listo. Eso es una transferencia de archivos, no una entrega.

Un pack de entrega real incluye todo lo que el equipo interno del cliente y sus socios externos necesitarán durante los próximos 5 a 10 años. Constrúyelo una vez, entrégalo una vez, no vuelvas a escuchar sobre eso. Usa esto como checklist de entrega.

Archivos fuente

  • Archivo vectorial maestro (AI o SVG), editable, capas nombradas
  • Archivos separados por variante (horizontal, vertical, símbolo, wordmark, monocromático)
  • Exportaciones SVG, optimizadas, listas para web
  • Exportaciones PNG en múltiples tamaños, fondo transparente
  • Exportaciones PDF para impresión (CMYK, con sangría si es necesario)
  • Set de favicons (16x16, 32x32, 180x180, 512x512)

Documentación de especificaciones

  • Reglas de espacio libre, diagramadas
  • Reglas de tamaño mínimo, diagramadas
  • Tokens de color (hex, RGB, CMYK, Pantone si aplica para impresión)
  • Pairing tipográfico, con tipografías principal y alternativa nombradas
  • Lo que se debe y no se debe hacer con el logotipo, mostrado visualmente

Aplicaciones y licencia

  • Logotipo sobre fondos de color de marca y fotográficos, aprobado
  • Avatar social a 400x400 y 1024x1024
  • Composición de firma de correo electrónico, plantilla de diapositiva de presentación
  • Transferencia de propiedad firmada, licencias tipográficas listadas si se usan fuentes comerciales
  • Contacto para preguntas de marca durante 6 meses después del lanzamiento

Comprime todo en un ZIP con un readme que explique la estructura de carpetas. El pack de entrega es el momento en que el cliente deja de sentir que contrató a alguien y empieza a sentir que posee algo.


¿Necesitas un logotipo que sobreviva en cada superficie donde aparezca? Brainy ejecuta el proceso completo de siete pasos con el brief, las variantes y el pack de entrega incluidos.


El cronograma realista del proyecto

Aquí están los siete pasos como un calendario de trabajo para un diseñador independiente o un estudio pequeño.

PasoDías hábilesEntregable
1. Brief1-2Brief firmado de una página
2. Investigación2-3Resumen de auditoría en tres oraciones
3. Concepto1-2Tres direcciones de concepto escritas
4. Bocetos2-4Miniaturas escaneadas, 2-3 candidatos
5. Vector3-5Marcas vectoriales refinadas
6. Variantes2-4Sistema completo de variantes
7. Entrega1-2Pack de entrega completo
Total12-22 días

El tiempo calendario realista es de 4 a 8 semanas para un diseñador independiente. Los precios se ajustan al alcance: un logotipo freelance solo cuesta entre 2.000 y 15.000 dólares para pequeñas empresas, entre 15.000 y 40.000 para medianas. Los estudios cobran entre 25.000 y 100.000 por el mismo alcance con mayor profundidad de oficio. Por debajo de 2.000 dólares obtienes un wordmark en una fuente de plantilla, no un proceso de logotipo.

Los tres errores que matan proyectos de logotipos

Después de ver esto salir mal cien veces, tres patrones destruyen el trabajo de logotipos con más consistencia que cualquier otra cosa.

Empezar en Figma. Todo diseñador siente la tentación de saltarse el brief, la investigación y los bocetos, y simplemente mover formas. El logotipo que sale se parece a cualquier forma que el diseñador ya sabía hacer. No sobrevivirá la tercera ronda de revisiones. Papel primero, siempre.

Mostrar un logotipo en lugar de variantes. Los clientes rechazan los logotipos de archivo único porque no pueden ver cómo funciona en su tarjeta de presentación, su avatar o su favicon. Las variantes son cómo un cliente visualiza el logotipo como un sistema que puede operar.

Saltarse el pack de entrega. El cliente recibe un PNG, no puede encontrar el archivo fuente seis meses después, le pide a una nueva agencia que rehaga el logotipo, y la marca en la que pasaste tres semanas la redibuja alguien que nunca vio tu brief. El pack de entrega es lo que protege el trabajo después de que te hayas ido.

Preguntas frecuentes

¿Cuánto tiempo toma el proceso de diseño de logotipos?

Diseñador independiente ejecutando los siete pasos completos: 12 a 22 días hábiles, que son 4 a 8 semanas calendario con revisión del cliente. Proyecto en estudio: 3 a 6 semanas con un equipo más grande. Cualquier cosa prometida en menos de 2 semanas está saltándose el brief, la investigación o el sistema de variantes.

¿Qué debe incluir un brief de diseño de logotipos?

Cinco secciones, una página, completada por el cliente antes del inicio: qué hace el negocio en una oración, quién es el mejor cliente individual, tres competidores y a qué no debe parecerse el logotipo, las tres superficies principales donde aparecerá, y tres adjetivos de una lista de vocabulario compartida que describan la marca más tres que no. Los anti-adjetivos importan más que los adjetivos.

¿Realmente necesito bocetar en papel?

Sí, y la razón es estructural. Las herramientas digitales pulen todo por igual, lo que oculta qué ideas tienen huesos reales. El papel te obliga a dibujar la misma marca muchas veces, y la repetición saca a la superficie las ideas estructurales que perderías en pantalla. La mayoría de los diseñadores que se saltan el papel producen logotipos técnicamente limpios pero que se sienten genéricos.

Logotipos que ganan su inevitabilidad

Los siete pasos no son burocracia, son acumulación. El brief acota la investigación, la investigación acota el concepto, el concepto acota el boceto, el boceto acota el vector, el vector acota las variantes, las variantes acotan la entrega. Para cuando el logotipo sale, ha pasado por seis filtros, y lo que emerge es la única versión que podría haber existido dado el brief. Esa es la calidad que hace que un logotipo parezca inevitable, no genialidad ni gusto, sino un proceso que eliminó todas las opciones que no eran la correcta.

Ejecuta los siete pasos. Usa la plantilla de brief. Entrega el sistema de variantes. Proporciona el pack de entrega. El logotipo seguirá funcionando en el negocio del cliente mucho después de que hayan dejado de recordar tu nombre.

¿Necesitas un logotipo que sobreviva en cada superficie donde aparezca? Brainy ejecuta el proceso completo de siete pasos con el brief, las variantes y el pack de entrega incluidos.

Need a logo that survives every surface it lands on? Brainy runs the full seven-step logo process with the brief, the variants, and the delivery pack included.

Get Started