Guía básica de aplicación de marca - Direct Seguros · PDF fileseguros...

Guía básica de aplicación de marca

Agosto 2013

Esta guía resume las características técnicas de nuestra marca y debe aplicarse de manera rigurosa para la producción de todo tipo de elementos relacionados con la misma.

GUÍA BÁSICA DE APLICACIÓN DE MARCA. DICIEMBRE 2013

GUÍA BÁSICA DE APLICACIÓN DE MARCA.

LogotipoPaleta de colorTipografíaEstilo ilustrativoPictogramasUniverso visual

41516181922

Agenda

DICIEMBRE 2013


4

Después de muchos años consolidando nuestra imagen en el cada vez más complejo y competitivo mercado de las aseguradoras, nuestra marca ha decidido evolucionar.

Esta nueva etapa exige un profundo cambio de mentalidad, con una nueva y original forma de conectar con nuestros !"#$%#&'(')$*'&#$ "!!*'+!,&,-.*'/#'#$-,0)#'del producto, para ofrecer una propuesta de valor relevante y diferenciadora.

Por eso nuestro logotipo se ha renovado, &#'1*'&"23!"+ */,'3*4*'&#4'25&'-)#4%#6'reconocible y directo.

Logotipo

La con"rmación de una nueva y apasionanteetapa.


5

Para ser originales y sencillos por dentro, !,'34"2#4,'#&'4#7#8*4!,'3,4'-)#4*9

:)#&%4,'!,;,%"3,'0)"#4#'&#4'-5 "!'/#'entender y sobre todo dar protagonismo a nuestro nombre “D-I-R-E-C-T”. Por eso está formado por caracteres de formas 2)('&"23!#&'(';#,2<%4" *&6'0)#'&#'4#3"%#$'para crear una marca bien proporcionada.

El guión del logotipo representa nuestra vocación digital y simboliza nuestro ,234,2"&,' ,$'#!' !"#$%#6'*!'0)#'&"#234#'le cedemos la última palabra. El guión invita a seguir escribiendo, a completar *!;,'#$'!,'0)#'0)#4#2,&'0)#'3*4%" "3#9

CONSTRUCCIÓN DEL LOGOTIPO

Un diseñooriginal, reconocible y sencillo.

Logotipo


6

Éste es nuestro logotipo en sus dosúnicas versiones de color.El uso es simple y sencillo si se respetan !*&'$,42*&'3*)%*/*&'3*4*'&)')&,'0)#'encontrarás en las próximas páginas.

¿Cómo escribimos Direct?="#234#'0)#'#& 4">*&'#$'%#?%,'@A"4# %B6'hazlo con la letra “D” en mayúsculas y sin guión. Nunca uses el logotipo. A#'#&%*'2*$#4*')$"+ *4#2,&'#!' 4"%#4",'#$'todas nuestras comunicaciones.

AAFF DirectVERSIÓN POSITIVA: AF_DIRECT_VP_POSVERSIÓN NEGATIVA: AF_DIRECT_VP_NEG

Existen dos versiones, blanco y negro o negro y blanco.

Logotipo VERSIÓN PRINCIPAL


7

C*4*'0)#'!*'2*4 *' ,$&#4D#'&)'3,%#$ "*!visual y legibilidad, debe respetarse su área de protección. Éste se delimita gracias a la repetición del guión de Direct, 4#*$/,')$'3#4.2#%4,'/#'&#;)4"/*/9

Tamaño mínimo=#'4# ,2"#$/*'0)#'#!'!,;,%"3,'$)$ *'&#reproduzca a un tamaño inferior a 12mm./#'*!%,6'3*4*'0)#'&"#234#' ,$&#4D#'&)perfecta legibilidad.

ÁREA DE RESERVA

Deja que el logo respire, respeta el área de reserva.

Logotipo

15mm

TAMAÑO MÍNIMO

E4#*'2.$"2*'/#'4#&#4D*Área de reserva recomendada


8

Comparador

F$'"$%#4$#%'%,/*&'!*&' ,23*G.*&'/#'seguros compiten por tener mayor visibilidad en los agregadores.

La caja contenedora negra, con la forma de nuestro guión, proporciona la presencia necesaria para destacar en un universo predominado por el ruido y el color.

CONSTRUCCIÓN VERSIÓN AGREGADOR

VERSIÓN AGREGADOR PREMIUM

VERSIÓN AGREGADOR

Nuestro guión ayuda a destacar en agregadores.

Logotipo

AAFF Versión agregadorAF_DIRECT_VAAAFF Versión premium agregadorAF_DIRECT_VA_SELECTAAF_DIRECT_VA_SELECTVAF_DIRECT_VA_SELECTRVAF_DIRECT_VA_SELECTAM


9

Para momentos especiales donde debemos aplicar el logotipo en espacios muy reducidos sin perder reconocimiento /#'2*4 *6'&#'1*'/#+$"/,')$*'D#4&"H$'especial compacta con los elementos más "/#$%"+ *%"D,&'/#!'!,;,%"3,6'!*'"$" "*!'@AB'('#!';)"H$'+$*!9

Esta versión compacta es muy interesante para aplicaciones digitales de la marca, (apps de smartphones, redes sociales, #% 9I'(*'0)#'-)$ ",$*' ,2,')$'*D*%*49

CONSTRUCCIÓN VERSIÓN COMPACTA

Una versión compacta que funciona como avatar.

Logotipo

Artes Finales DirectAF_DIRECT_VC_POSAF_DIRECT_VC_NEG

APLICACIÓN BOTÓN APP SMARTPHONE


10

Nuestro logotipo se aplica de forma muy sencilla. A continuación puedes encontrar *!;)$,&'#8#23!,&'/#'!,'0)#'$,'&#'/#>#'hacer.

C,4'-*D,46'1*J')&,'/#'!,&'K4%#&'L"$*!#&'0)#'&#'#$%4#;*$' ,$'!*';).*'3*4*'2*$%#$#4'&"#234#')$*'>)#$*'/#+$" "H$'('*3!" * "H$'de nuestro logotipo.

Nos gusta la creatividad, pero no la uses en el logotipo.

Logotipo

No lo distorsiones.

:,'!,'*3!"0)#&'&,>4#'-,%,;4*-.*&' *4;*/*&9

No lo gires.

No añadas efectos de ninguna clase.

No alteres el espacio entre caracteres.

No crees tus propias composiciones. No cambies el color.

USOS INCORRECTOS


11

Para facilitar la comprensión del material 0)#'&#'#$%4#;*' ,$'!*';).*'/#'2*4 *'&#'1*'desarrollado un sistema de nomenclatura 0)#'-* "!"%*'!*'"/#$%"+ * "H$'/#'!,&'/"&%"$%,&'Artes Finales del logotipo.

Logotipo

Sistema de nomenclatura de archivos con Artes Finales.

COMPOSICIÓN

EJEMPLO: ARTE FINAL DIRECT VERSIÓN PRINCIPAL POSITIVO RGB ILLUSTRATOR

AF_DIRECT_VP_POS_RGB.AI1 2 3 4 5

AF_ Direct

Versión de logotipoVP (Versión Principal)VA (Versión Agregador)VC (Versión Compacta)

DescriptorPOS (Positivo)NEG (Negativo)SELECTA (Agregador Azul)SELECTV (Agregador Verde)SELECTR (Agregador Rojo)SELECTAM (Agregador Amarillo)

Color9MNOP'QM)*%4" ,2.*I.RGB (Pantalla).PMS (Pantone)

Tipo de archivo.ai (Illustrator).eps (PostScript encapsulado).pdf (formato de documento portátil).jpg (imagen)

1 4

2

3 5


12

Nuestra marca cuenta con un respaldo 0)#'*&#;)4*'*R$'25&'!*' 4#/">"!"/*/'('!*'solidez de nuestra propuesta comercial, el endoso “Con la solidez de AXA Group”.

C*4*'*0)#!!*&', *&",$#&'/,$/#'&#*'necesario el endoso se ha desarrollado )$'&"&%#2*'/#'+42*'7#?">!#'0)#'3#42"%*'a nuestro logotipo tener todo el protagonismo.

Con la solidez de AXA Group



Un respaldo sólido y versátil, el endoso deAXA Group.

Logotipo

Área de reservaAlineación del endoso

COMPOSICIÓN DEL ENDOSO


13

C*4*'/*4'25&'4"0)#J*' 4,25%" *'*!'>!*$ ,'('$#;4,'&#'1*'/#+$"/,')$'4# )4&,';45+ ,'*&, "*/,'*!'!,;,%"3,9'M,$&%4)./,'*'3*4%"4'del guión, ayuda a explotar la paleta cromática complementaria en aplicaciones básicas corporativas.

El recurso se desarrolla en base al guión del logotipo, repetido cuatro veces.

Sácale los colores al guión con el recurso grá"coasociado.

Logotipo RECURSO GRÁFICO ASOCIADO

Área de reservaAlineación del endoso


14

El dominio de nuestra web es importante en la fase de transición de la nueva marca, (*'0)#'3,/#2,&'&#;)"4' ,$&%4)(#$/,'con la denominación “Direct Seguros” sin D"$ )!*4!,';45+ *2#$%#'#$'#!'!,;,%"3,9'

La posición del lock-up es sencilla, nunca debe sobrepasar el tamaño del logotipo y &"#234#'*!"$#*/,'*'!*'"J0)"#4/*9'=#')%"!"J*45'en momentos donde estratégicamente sea necesario enfatizar el cambio de marca, como en cierres publicitarios.

Un lock-up para ayudar en el periodo de transición.

Logotipo

segurodirecto.pt

directseguros.es

902 47 47 47

902 47 47 47

CONSTRUCCIÓN DEL LOCK-UP LOGOTIPO + WEB

DIFERENTES OPCIONES DE LOCK-UP

Área de reserva del logotipoAlineación máxima del lock-up

DICIEMBRE 2013

15

GUÍA BÁSICA DE APLICACIÓN DE MARCA.

Direct no es solo un logotipo en blanco y $#;4,6'#&')$*'2*4 *'0)#'%"#$#')$*'3*!#%*'de color fresca y diferente en el sector.

:,'0)#4#2,&'&#4'4# ,$, ">!#&'3,4')$' ,!,46'0)#4#2,&' ,2)$" *4'0)#'%#$#2,&'2*%" #&'('0)#'3,/#2,&'*/*3%*4$,&'*'%,/*&'!*&'$# #&"/*/#&'/#'-,42*'&"23!#9'A#'*1.'nuestra paleta cromática, en tonos pastel. F?"&%#$' )*%4,' ,!,4#&'0)#'*3,4%*$'*'nuestra marca vitalidad y versatilidad en la comunicación. Utiliza de forma regular las cuatro tonalidades, sin mezclarlas entre &.9':"$;)$*'#&'25&'"23,4%*$%#'0)#'!*&'demás.

CMYK: 0/0/0/0 RGB: 184/150/ 91HTML: #FFFFFF

CMYK: 0/0/0/100 RGB: 0/0/0HTML: #000000

Negro

PANTONE 7403 CCMYK: 1/11/58/2 RGB: 246/216/118HTML: #f6d876

PANTONE 7606 CCMYK: 0/41/29/6RGB: 241148/143HTML: #f1948f

PANTONE 585 CCMYK: 14/0/68/0 RGB: 218/226/117HTML: #dae275

PANTONE 551 CCMYK: 35/3/8/7 RGB: 155/200/219HTML: #9bc8db

Azul Verde Rojo Amarillo

Negro66%

Negro33%

Blanco

Colores claros para una marca que habla claro... y diferente.

Paleta de color

USOS Y COMBINACIONES DE COLOR


16

Uno de los elementos fundamentales de$)#&%4*'"/#$%"/*/'#&'!*'%"3,;4*-.*9'=)')&, ,$&%*$%#'#'"$7#?">!#'/*45'3#4&,$*!"/*/'(coherencia a nuestra marca.

:)#&%4*'%"3,;4*-.*'#&'!*'L)%)4*'=%/9'S,!/6'sencilla, rotunda y de gran personalidad ;45+ *9'K34,D# 1*'&)'4,%)$/"/*/'('&,!"/#J'para resaltar grandes titulares y párrafos, ya sea sobre fondos blancos o de color y úsala siempre en minúscula.

C*4*'>,/(' ,3('/#' )*!0)"#4'%"3,')%"!"J*'@T*1,2*'4#;)!*4B'('/#&%* *'3#0)#G*&'palabras dentro de un párrafo con “Tahoma bold”.

FUTURA STD. BOLD

Tahoma Regular

ABCDEFGHIJKLMNÑOPQRSTUVWXYZ*> /#-;1"8U!2$G,304&%)DV?(J1234567890!BWXYZ[QI

Tahoma Bold

ABCDEFGHIJKLMNÑOPQRSTUVWXYZabcdefghijklmnñopqrstuvwxyz !"#$%&'()*+,-./01)

TIPOGRAFÍA SECUNDARIA

Tipografía

Rotunda,sencilla y con gran personalidad.

¡Hola futura!ABCDEFGHIJKLMNÑOPQRSTUVWXYZabcdefghijklmnñopqrstuvwxyz1234567890!”·$%&/()


17

Como norma general el uso de !*'%"3,;4*-.*'L)%)4*'=%/'S,!/'#$'comunicación es en minúscula, tipo frase (con la primera inicial en mayúscula).

KR$'*&.6'3*4*' ,$&#;)"4'2*(,4'#?34#&"D"/*/'#$' ,2)$" * "H$'!*'%"3,;4*-.*'admite dos usos especiales.

1. El uso del guión separando distintas &.!*>*&'/#')$*'3*!*>4*'3*4*'3,%#$ "*4'conceptos sencillos en comunicación.

2. Uso exclusivo de mayúsculas para botones importantes en entornos digitales.

USO DEL GUIÓN

USO EXCLUSIVO DE MAYÚSCULAS

Tipografía

Usos tipográ"cos especiales como recurso expresivo. Sen-ci-llo

A-me-di-daSim-pleFun-cio-na

Re-inventar

ÁREA DE CLIENTES ¡AHORRA YA! HAZ CLICK


18

Nuestras ilustraciones se crean a base de dos trazos en B/N, la simplicidad de !*'!.$#*' ,$%.$)*'('!*'!.$#*'/"& ,$%.$)*6'siempre con un grosor asociado al logotipo.

La utilización de los dos tipos de trazos para ilustrar conceptos cotidianos, sencillos y fáciles de entender, con )$'%,0)#'2,/#4$,'(' 4#*%"D,6'*()/*'a construir un imaginario propio y diferenciador en el sector.

La utilización de la paleta cromática secundaria es válida para crear piezas más llamativas.

Dos tipos de trazo y millones de resultados.

Estilo ilustrativo DOS TRAZOS

DESARROLLO DE CONCEPTOS ILUSTRATIVOS


19

Nuestros pictogramas tienen el gran reto de informar en espacios reducidos por lo 0)#'/#>#$'&#4' !*4,&'(' ,$ "&,&9

La construcción de nuestros pictogramas debe seguir 3 normas básicas:

\9'K3!" *'#!'/"&#G,'&,>4#')$*' )*/4. )!*'/#'\]?\]3?9')%"!"J*$/,'!.$#*&'4# %*&'('acabados circulares.2. Si necesitas, añade el guión para sostener el picto tal y como se explica en el visual.3. Añade alguno de los efectos de color 0)#'&#'34#&#$%*$9

Información e impacto en el menor espacio.

Pictogramas CONSTRUCCIÓN

APLICACIÓN CON GUIÓN

APLICACIÓN SIN GUIÓN


20

Una gran familia que no para de crecer.

Pictogramas

^#1. )!,'/#'sustitución

Recurso de multas('K&"&%#$ "*'8)4./" *

Gestiones de %45+ ,'#'_T^

Asistencia en carretera

Asistencia total

Asistencia en carretera en el extranjero

Seguro de vida al conductor mejorado

Doble capitaldel conductor

Servicio dereparación Direct

Combustible Potencia

Cinco puertas

Responsabilidadcivil coche

Incendiodel coche

Robodel coche

Daños propioscoche

Roturade lunas

Defensa y reclamación de daños

Limpieza/#'D#1. )!,

M, 1#'/#' ,4%#&.* en reparación

Control de calidaddel coche

Segurosde coche

Segurosde moto

Seguro aterceros

Terceros básico

Tercerosluna

Tercerosrobo

Tercerosampliado

Seguro atodo riesgo

Todo riesgo ,$'-4*$0)" "*

Todo riesgo&"$'-4*$0)" "*

Comparativaseguros

Taller contactaen menos de 3h

Direct en tu móvil

Recogida/entrega del D#1. )!,


21

Una gran familia que no para de crecer.

Pictogramas

Incendiode la moto

Robode la moto

`*4*$%.*'a'*G,&'reparación

Precios reducidos reparaciones

Promoción especial clientes

Segurosde coche

Segurosde moto

Daños propiosmoto

Fórmula básica Fórmula completa

Fórmula a todo riesgo

Daños al casco

Rotura faro de la moto

Seguro para accesorios

Acreedor b=*>.*&'0)#999c

Responsabilidad civil moto

Asistencia en carretera para motos

BlogDirect

K&#&,4.*'8)4./" * (';#&%,4.*

Tomador Tomar fotode accidente

Comunicarsiniestro

¿Donde he *3*4 */,c

bT"#$#&'/)/*&c Alarma Parking Linterna Agendarevisiones


22

El universo visual es un compendio de todos los elementos básicos de nuestra "/#$%"/*/'0)#'#$' ,$8)$%,' 4#*$')$'lenguaje propio y deferenciador en la *%#;,4.*9

F$'#&%*'35;"$*'&#'/#+$#' )5!'/#>#'&#4'el lenguaje utilizado en momentos en los 0)#' ,2)$" *2,&'2#$&*8#&'/#'2*4 *9

El blanco debe ser siempre utilizado de fondo y los colores (azul, verde, rojo o amarillo) deben ser utilizados para reforzar el mensaje. El negro sirve para "/#$%"+ *4'!*'"!)&%4* "H$'('#!'!,;,%"3,9

Nuestra marca se comunica con mucha personalidad.

Universo visual ESTRUCTURA DE COMUNICACIÓN

Mensaje

Mensaje

Mensaje

Mensaje

La primeraaseguradoraque se muevecontigo.


23

En momentos donde el blanco de fondo no sea relevante en comunicaciones por falta de impacto, existe la posibilidad de llevar el color al fondo.

Los colores azul, verde, rojo y amarillo pueden servirnos para crear piezas visualmente más llamativas. El negro &";)#'&"#$/,'#!' ,!,4'0)#'&"4D#'3*4*'"/#$%"+ *4'#!'!,;,%"3,9

Utiliza el color aleatoriamente en cada pieza, intentando siempre tener un buen balance de uso de toda la paleta de color /#'!*'2*4 *9':,'0)#4#2,&'0)#'!*'2*4 *'se asocie únicamente a un color.

Necesidades de comunicación de mayor impacto.

Universo visual

Objetivocumplido.Diez ensatisfacción.Uno de cada dos nuevos

usuarios llega recomendado

por un cliente satisfecho.

Mensaje

Mensaje

Mensaje

Mensaje

ESTRUCTURA DE COMUNICACIÓN


24

Otras posibilidades sin perderidentidad.

Universo visual

Mensaje

Mensaje

Mensaje

Mensaje

Además de lo visto anteriormente #?"&%#$',%4*&'3,&">"!"/*/#&';45+ *&'3*4*'necesidades de comunicación donde se $# #&"%#'25?"2,'"23* %,6' ,2,'3,/4.*$'ser banners en entornos digitales.

1. Utilización de cajas simulando subrayados, tanto en positivo como en negativo.2. Utilización del outline rodeando la pieza de comunicación con fondo de color.3. Utilización del outline de trazo /"& ,$%.$),'4,/#*$/,'!*'3"#J*'/#'comunicación con fondo de color.4. Utilización del negro como fondo y el color para el mensaje principal.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Si eresuna mujermotorista,somostus fans.

Aliquam urna turpis, viverra eget lacinia

1

2

3

4

ESTRUCTURA DE COMUNICACIÓN


25

Ésta esla letramáspequeñaquetenemos.

Contrata tu seguro sin preocupaciones,lo que ves es lo que hay, ni más ni menos,no hay trampa ni cartón.

Poner unabombilla,eso si que escomplicado

bombilla,q

complicadoqq

Confía en nosotros,

te facilitamos la vida

para que solo te preocupes

de cosas insignificantes

sen-ci-llo


26

Para necesidades de comunicación donde $# #&"%#2,&'"25;#$#&','-,%,;4*-.*&d

1. Usa objetos cotidianos

2. Recurre a texturas básicas

a9'e%"!"J*'#!#2#$%,&'$#;4,&'0)#'/#&%*0)#$

4. Representa a personajes y paisajes indirectamente

5. Las composiciones deben reposar sobre un fondo gris claro

Una imagen vale más que mil palabras.

Estilo fotográ"co

1

2 53

4


27

Este test nos ayuda a evaluar y recordar todos los pasos a seguir a la hora de conseguir consistencia en los elementos ;45+ ,&'('3*)%*&'/#'/"&#G,'/#'$)#&%4*'comunicación.

=.;)#!,'3*4*'*&#;)4*4'!*' ,44# %*'aplicación de la marca.

Y antes de empezar un pequeño recordatorio...

Universo visual

2. Logotipo

Respeta los AAFF adjuntos a lo largo de todo el documento.

Utiliza las versión correcta pautada dependiendo de la necesidad. (Versión principal, versión compacta, versión agregador).

3. Color

Utiliza el blanco y negro, pero no te olvides de aplicar la paleta de color ,23!#2#$%*4"*9':)$ *'2#J !#&'!,&' ,!,4#&'&# )$/*4",&'#$%4#'&.9

4. Tipografía

Usa la Futura Std. bold. siempre en minúscula. Para body copy usa Tahoma.

$23 456789378:56;<67=93>35756?@<37A9B9C;DEA9

' e&*'#!'&"&%#2*'"!)&%4*%"D,'#'" ,$,;45+ ,' ,44# %,9

6. Universo visual

' f#*!"J*' ,23,&" ",$#&' ,$'!,&'#!#2#$%,&'0)#'&#'2)#&%4*$'#$'#&%*';).*'4#&3#%*$/,'las estructuras pautadas.

CHECKLIST

1. Todas las aplicaciones de marca deben ser “ingeniosamente simples”.

Gracias

Si tienes alguna duda sobre el contenido /#'#&%*'2"$";).*','&,>4#'!*'*3!" * "H$'/#'!*'2*4 *'#$' *&,&'*0).'$,' ,$%#23!*/,&6'no dudes en contactar con el área de comunicación y marca:

[email protected]

Guía básica de aplicación de marca - Direct Seguros · PDF fileseguros...

Documents

Transcript of Guía básica de aplicación de marca - Direct Seguros · PDF fileseguros...