QuĆ© es un manual de marca, cĆ³mo diseƱarlo, apartados y ejemplos

En este post te cuento quĆ© es un manual de marca, cĆ³mo diseƱarlo, los apartados bĆ”sicos que debe incluir y varios ejemplos reales.
QuĆ© es un manual de marca, cĆ³mo diseƱarlo, apartados y ejemplos

Como he contado en numerosas ocasiones, a la hora de planificar una web, lo primero que diseƱo es todo lo relacionado con el branding: colores, tipografƭas, efectos, estilos grƔficos, etc, elementos que deben recogerse en el manual de marca.

Es decir, antes de comenzar con el propio diseƱo de la pĆ”gina web, hay que darle forma a la parte visual del proyecto, para que cuando empiece el proceso de maquetaciĆ³n del sitio, no quede ningĆŗn cabo suelto en lo que al branding se refiere.

Por ese motivo, en este post te muestro cĆ³mo diseƱar un manual de marca (o manual de identidad), quĆ© elementos de branding no pueden faltar, asĆ­ como ejemplos reales de clientes que han contratado mis servicios como diseƱador grĆ”fico.

ĀæQuĆ© es un manual de marca, de estilo o de identidad?


Lo primero que voy a hacer es definir quƩ es un manual de marca, o tambiƩn llamado manual de estilo o manual de identidad.

El manual de marca es el documento o guĆ­a que recoge el concepto de marca, las normas de diseƱo y la redacciĆ³n de documentos.

Este manual debe recoger de forma detallada los detalles branding de elementos como:

  • Todos los logotipos (en sus formatos y variaciones). De forma errĆ³nea, muchas personas suelen reducir el branding de una marca Ćŗnicamente al logo, pero hay mĆ”s elementos que forman parte de su universo creativo.
  • La paleta de colores.
  • Las tipografĆ­as y combinaciones tipogrĆ”ficas.
  • Los efectos y estilos (si los necesita): degradados, blancos y negros, superposiciones, etc.
  • Todos los elementos grĆ”ficos: iconos, vectores, botones, subrayados, etc.
Guƭa para diseƱar logotipos memorables

Proceso para diseƱar el branding de una marca y crear su manual


El siguiente punto del que quiero hablar es en quĆ© consiste el proceso para diseƱar el branding de una marca (voy a explicar cĆ³mo lo hago yo, ya sabes que cada maestrillo tiene su librillo) šŸ˜€

#1 Conocer la personalidad del proyecto

El primer paso para diseƱar una marca con gancho es conocer en profundidad la personalidad de cada marca o cliente.

Para ello, esta fase del proceso requiere de varias acciones, la mĆ”s destacada una "entrevista" con el cliente en la que me cuenta todos los detalles de su proyecto (visiĆ³n, enfoque, objetivos, valores).

Es decir, me empapo de ese cliente, fundamental para que cada marca tengo personalidad propia.

AdemƔs, siempre pido ejemplos que reflejen los gustos y estilo de ese cliente, para tener una referencia visual de lo que busca y quiere transmitir.

#2 DiseƱar varias pruebas

Una vez me he empapado del proyecto y necesidades del cliente, lo siguiente que hago es diseƱar varias pruebas y enviƔrselas al cliente.

Estas pruebas tienen estilos, colores y tipografĆ­as diferentes, para que el cliente tenga distintas opciones a la hora de elegir.

AquĆ­ puedes ver un ejemplo de varias pruebas en el proceso de diseƱo de un logotipo y tambiĆ©n su versiĆ³n final.

QuƩ es un manual de marca: proceso para diseƱar el branding de marca
QuƩ es un manual de marca: proceso para diseƱar el branding de marca

#3 Desarrollar la imagen de marca

A partir de las pruebas (suelen ser entre 3 y 5), el cliente elige la opciĆ³n que mĆ”s le gusta de todas y hacemos los ajustes y cambios necesarios hasta que queda 100% a su gusto.

Es decir, a partir de la prueba que mĆ”s le gusta al cliente, diseƱamos la versiĆ³n final y luego desarrollamos la imagen de marca.

Siguiendo con el ejemplo anterior, aquĆ­ puedes ver este diseƱo desarrollado, desde el icono inicial, pasando por la versiĆ³n monocroma y el logotipo, hasta llegar a la versiĆ³n definitiva.

QuƩ es un manual de marca: proceso para diseƱar el branding de marca
QuƩ es un manual de marca: proceso para diseƱar el branding de marca

#4 DiseƱar el manual de marca

Ahora que tenemos el logotipo diseƱado, el Ćŗltimo punto a la hora de diseƱar el branding de una marca es crear el manual de marca y recoger todos los detalles que he comentado en el primer epĆ­grafe: colores, tipografĆ­as, efectos, elementos grĆ”ficos, usos, etc.

[MƔs abajo te dejarƩ varios manuales reales]

QuƩ debe incluir un manual de marca


Como he comentado en el primer apartado, el manual de marca debe recoger el logotipo y sus diferentes versiones, la paleta de colores, las tipografƭas y sus combinaciones, los estilos y efectos, y tambiƩn los elementos grƔficos.

AdemĆ”s, debe quedar perfectamente definido su modo de uso y cĆ³mo resolver todos los elementos del branding en cualquier formato y tamaƱo.

Por supuesto, si tu marca dispone de packaging, cartelerĆ­a, uniformes o papelerĆ­a, en el manual deben aparecer todos sus usos y tratamientos.

Esto tambiƩn es extensible a camisetas, merchandising, vehƭculos o cualquier tipo de superficie en la que vayas a imprimir tu logotipo.

En definitiva, debes tener en cuenta los usos que tiene tu branding, asƭ como el tamaƱo de tu empresa, negocio o proyecto, pues no es lo mismo diseƱar el manual de una gran marca que de una pequeƱa.

Como ejemplo de gran empresa, aquĆ­ te dejo el manual de identidad visual y corporativa de McDonald's.

En resumen, los elementos fundamentales que debe incluir un manual de marca son:

  • Colores
  • TipografĆ­as
  • SĆ­mbolos
  • Logotipos
  • Versiones monocromas
  • Variaciones de la marca principal
  • Configuraciones horizontal y vertical del logotipo (si las tuviera)
  • Usos correctos e incorrectos
  • VersiĆ³n digital (online) y offline (para merchadising, carteles, ropaā€¦)

5 ejemplos de manual de marca


Pero como este post no estĆ” pensado para grandes empresas como McDonald's (ellas tienen grandes agencias de branding), voy a centrarme en marcas pequeƱas, como puede ser un blog, un freelance, un negocio o una PYME.

Es decir, voy a poner ejemplos reales de mis clientes y del pĆŗblico que lee este blog šŸ™‚

AquĆ­ te dejo algunos manuales de marca que he diseƱado para mis clientes en los Ćŗltimos tiempos:

#1 Eva Teruel

Eva Teruel estĆ” especializada en copywriting para marcas sociales y ayuda a sus clientes haciendo crecer sus proyectos con las palabras adecuadas.

Para el diseƱo de su marca utilizamos varios colores que se complementan muy bien entre sƭ: rosa y amarillo + negro y una variante gris.

El resultado es una imagen femenina y muy elegante, que representa a la perfecciĆ³n la personalidad y buen hacer profesional de Eva.

#2 Letrana

Letrana es uno de mis Ćŗltimos trabajos de diseƱo grĆ”fico. Ana, la persona que estĆ” detrĆ”s del proyecto, es una apasionada de la lectura y la buena escritura. Por ello, ofrece servicios redacciĆ³n y correcciĆ³n de textos.

Para su diseƱo, buscamos un estilo mƔs clƔsico y formal, caracterƭsticas que representan tanto a Ana como al sector en el que trabaja.

En cuanto a colores, empleamos bĆ”sicamente dos: el negro puro y un tono rojizo intenso que hemos matizado en funciĆ³n de la variante de marca utilizada.

#3 Coaching Vocacional

Coaching Vocacional es un sitio web destinado a que jĆ³venes estudiantes encuentren su verdadera vocaciĆ³n.

Su marca se basa en colores con tonos muy intensos (azul elĆ©ctrico y magenta), que ademas usamos para degradar algunos fondos e incluir de forma superpuesta la versiĆ³n blanca del logotipo.

Los elementos grĆ”ficos que utilizamos fueron un corazĆ³n sobrepuesto a una estrella de ocho puntas enmarcados ambos en una estructura con formato circular.

Todo ello combina con el texto del logotipo que tiene una tipografĆ­a sin serifa.

#4 Javier Domingo MartĆ­n

Javier es un corrector de textos y lector editorial freelance que me contratĆ³ para que diseƱara su marca, pĆ”gina web y curriculum profesional.

Para el diseƱo de su branding escogimos sus dos colores favoritos: un verde y un azul que combinan muy bien entre sƭ.

Al tratarse de marca personal, el logotipo estƔ formado por sus iniciales, cada de un color, ademƔs de su nombre completo tanto en formato vertical como horizontal.

#5 Viajar Engancha

Viajar Engancha es el blog de viajes de unos amigos que me encargaron el rediseƱo de su blog y tambiƩn de su branding.

Para el color elegimos un verde agua / cian muy relacionado con la naturaleza, el mar y la montaƱa, que son las principales temƔticas de su contenido.

El ancla central es un elemento heredado de su logotipo anterior que pidieron mantener, asĆ­ que lo modernizamos y envolvimos con el texto en formato circular.

Este texto, dispuesto en dos bloques, divide el diseƱo en una franja superior que incluye el nombre de la marca y una inferior -sobre fondo- con su tagline.

Hasta aquĆ­ los consejos que debes tener en cuenta a la hora de crear el branding de tu proyecto y este repaso por los apartados bĆ”sicos que debe incluir un manual de marca con ejemplos reales incluidos šŸ˜‰

Si necesitas ayuda para crear el tuyo, puedo ayudarte a travƩs de mi servicio de diseƱo grƔfico.

Summary
šŸ“˜ QuĆ© es un manual de marca, cĆ³mo diseƱarlo, apartados, ejemplos
Article Name
šŸ“˜ QuĆ© es un manual de marca, cĆ³mo diseƱarlo, apartados, ejemplos
Description
Aprende quĆ© es un manual de marca, cĆ³mo diseƱarlo, los apartados bĆ”sicos que debe incluir y varios ejemplos reales.
Author
Publisher Name
Max CamuƱas
Publisher Logo

10 Comentarios

  1. Jonathan Soto

    Max, tu eres un grande!

    Responder
  2. AngƩlica

    Hola! No puedo visualizar los ejemplos de tu trabajo. No me permite "pasar la pĆ”gina". Ɖchale un ojito. Graciaaas

    Responder
    • Max CamuƱas

      Hola AngĆ©lica šŸ™‚ ĀæTe refieres a los archivos subidos a SlideShare?

      Responder
    • Isamar

      hola saludos gracias por la informacion Max. Al igual que le ocurrio Angelica no puedo visualizar tus ejemplos.

      Responder
      • Max CamuƱas

        Ā”Hola, Isamar!

        Los he vuelto a revisar y funcionan šŸ™

        Prueba con otro navegador y me cuentas.

        Saludos

        Responder
  3. Bea

    Max gracias por todos tus consejos e ideas!!! Me encanta lo que haces

    Responder
  4. Isabel

    Muy agradecida por tu detallada explicaciĆ³n. Ɖxito!

    Responder
  5. Romina

    Excelente todo! Mil gracias por la informaciĆ³n..Ć©xitos ? Saludos!!

    Responder
  6. Rodrigo

    Muchas gracias. Muy profesional la presentaciĆ³n del contenido

    Responder

Enviar un comentario

Tu direcciĆ³n de correo electrĆ³nico no serĆ” publicada. Los campos obligatorios estĆ”n marcados con *

[InformaciĆ³n BĆ”sica sobre ProtecciĆ³n de Datos] Responsable: MĆ”ximo CamuƱas FernĆ”ndez. Finalidad: moderar y responder comentarios. LegitimaciĆ³n: Consentimiento. Destinatarios: No se ceden a terceros. Se pueden producir transferencias. Derechos: PodrĆ”s ejercer tus derechos de acceso, rectificaciĆ³n, limitaciĆ³n y suprimir los datos en info@maxcf.es asĆ­ como el derecho a presentar una reclamaciĆ³n ante una autoridad de control. InformaciĆ³n adicional: en mi polĆ­tica de privacidad encontrarĆ”s informaciĆ³n adicional sobre la recopilaciĆ³n y el uso de su informaciĆ³n personal ,incluida informaciĆ³n sobre acceso, conservaciĆ³n, rectificaciĆ³n, eliminaciĆ³n, seguridad, y otros temas.