manual_identidad_digital_wip_2017_08_29

Manual
de identidad.
Aplicaciones digitales

¡Bienvenido a tu manual
de aplicaciones digitales
de Banco Azteca!
Este documento deriva del manual de
identidad principal y puntualiza en los
elementos que componen nuestro sistema
visual enfocándose a materiales digitales,
provee asistencia en la creación de la
comunicación que respalda y refuerza
nuestra marca.
Siguiendo la guía contenida en estas
páginas, produciremos materiales que
comunican una marca fuerte y consistente,
que muestra al mundo quién es
Banco Azteca y los valores que representa.
Adelante.

Versiones
Al igual que en el uso de prints, en
formatos meramente digitales, la versión
del imagotipo institucional vertical debe
usarse predominantemente siempre que sea
posible, ya que es la versión registrada.
Deberá presentarse al menos una vez
en cualquier material para poder utilizar
libremente la versión horizontal.
Vertical
Horizontal
Banco Azteca Manual de Identidad Aplicaciones Digitales
3

Imagotipo con lema
La versión del imagotipo con lema
es la vertical, la cual debe usarse
predominantemente siempre que sea
posible, ya que es la versión registrada.
Deberá presentarse al menos una vez
en cualquier material para poder utilizar
libremente la horizontal sin lema.
Vertical
Banco Azteca Manual de Identidad Aplicaciones Digitales
4

Área de seguridad
Vertical
Vertical con lema
Pensando en la gran variedad de formatos
digitales y en el gran rango de tamaños, el
área de seguridad existe para conservar la
limpieza y efectividad visual del imagotipo,
pero también responde a un tema funcional
cuando se trabaja en formatos muy
pequeños. Siempre se debe respetar un
resguardo para evitar que otros elementos
gráficos interfieran con la composición.
El margen está basado en la mitad de la
circunferencia central del imagotipo o
símbolo según sea el caso (1/2x).
Horizontal
Isotipo
X = 1/2X =
Banco Azteca Manual de Identidad Aplicaciones Digitales
5

Tamaños mínimos
El tamaño mínimo del imagotipo dependerá
directamente del medio en donde se
reproducirá ya que cada uno plantea retos y
condiciones distintas. Pensando en formatos
menores a los 50px, en donde usualmente
se usa una imagen acompañada de un copy;
se recomienda el uso del isotipo aislado,
siempre y cuando en el copy se mencione a
Banco Azteca para no perder la presencia de
la marca.
65px
25.649px
30 px
17.594px
80px
9px
Se recomienda siempre visualizar los
formatos digitales al 100% para confirmar la
correcta lectura de los elementos dentro de
la composición.
Ejemplo Push Ads
Banco Azteca
Lorem ipsum dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat
Banco Azteca Manual de Identidad Aplicaciones Digitales
6

Tamaño mínimo del imagotipo con lema
El tamaño mínimo del imagotipo con lema
está sujeto a la correcta lectura de este.
En tamaños menores a 100px de ancho, se
deberá utilizar sin el lema.
50.527px
100px
Banco Azteca Manual de Identidad Aplicaciones Digitales
7

Uso del lema como elemento independiente
En los casos en los que el lema no pueda
usarse como complemento del imagotipo,
se deberá usar como un elemento
independiente dentro de la composición a
manera de hashtag para dar continuidad y
presencia a la visión del banco.
La construcción de este hashtag deberá
ser con la tipografía Avenir Next LT Pro
Medium en el tamaño en que esté escrito el
mensaje del texto secundario dentro de la
composición. Las palabras que conforman el
lema se escribirán en altas y bajas sin dejar
espacio entre ellas (como el ejemplo).
El hashtag deberá ir como cierre de la
comunicación posterior al call to action en la
lectura de la composición.
Establezco metas a corto,
mediano y largo plazo.
Facebook Page Post
1200x900px
Reestructura
tu negocio.
#SueñasDecidesLogras
Banco Azteca Manual de Identidad Aplicaciones Digitales
8

Uso del imagotipo en la identidad
En la identidad de marca el imagotipo
puede utilizarse de dos formas:
Sobre fotografías en áreas claras.
El imagotipo con lema se puede utilizar sin
envolvente cuando el fondo de la fotografía
tenga una intensidad no mayor a 25%.
Original sobre fondos claros
Sobre fondos de color o fotografías
complejas. El imagotipo con lema se debe
utilizar dentro de un semicírculo.
Dentro de semicírculo sobre fondos de color
Banco Azteca Manual de Identidad Aplicaciones Digitales
9

Construcción de imagotipo con lema en semicírculo
Se calculó la posición del imagotipo en el
círculo mediante el uso del punto rojo como
unidad de proporción.
Construcción del semicírculo
Banco Azteca Manual de Identidad Aplicaciones Digitales
10

Posición del imagotipo en layout
Para calcular el espacio entre el imagotipo
y el margen del layout se debe tomar en
cuenta la medida X (que corresponde al
círculo de Banco Azteca).
Original sobre fondos claros
Isotipo fondos claros
Dentro de semicírculo sobre fondos de color
Banco Azteca Manual de Identidad Aplicaciones Digitales
11

Posición del imagotipo en layout
Cuando el imagotipo se utiliza en layouts
sobre fondos claros o fotografías con
fondos claros, puede colocarse en cualquier
esquina.
Sobre fondos claros
Cuando el imagotipo se utiliza en layouts
sobre fondos oscuros siempre debe
utilizarse dentro del semicírculo.
Abajo a la izquierda, centro y derecha.
Arriba sólo izquierda y derecha.
Con semicírculo sobre fondos de color
Banco Azteca Manual de Identidad Aplicaciones Digitales
12

Uso del isotipo en layout
El isotipo se puede utilizar en aplicaciones
digitales de dimensiones pequeñas como
íconos de apps o formatos como Push Ads
que permiten el uso de una imagen siempre
acompañada de un copy.
Banco Azteca Manual de Identidad Aplicaciones Digitales
13

Cálculo de tamaño de imagotipo en layout
Para asegurar que el imagotipo tenga la
proporción preponderante en el layout,
hemos establecido una fórmula para
calcularlo al obtener la mejor legibilidad.
Ejemplo: LinkAd 1200x600px
Medida del espacio
De acuerdo a un formato horizontal
donde va a estar presente el imagotipo,
se debe hacer el cálculo tomando
como parámetro el medio circulo, que
debe de entrar tres veces en el lienzo,
Considerando el espacio de área segura.
Banco Azteca Manual de Identidad Aplicaciones Digitales
14

Cálculo de tamaño de imagotipo en layout
Layouts angostos
En este tipo de layouts es mejor que el
imagotipo ocupe toda el área de base
respetando sus márgenes, puede prescindir
de su eslogan si éste no tiene legibilidad.
Ejemplo: Banner GDN 160x600
Banco Azteca Manual de Identidad Aplicaciones Digitales
15

Tipografía
Ésta será la principal fuente utilizada
en los materiales de Banco Azteca,
predominantemente se escribirán los textos
en bajas usando las altas sólo cuando las
reglas gramaticales lo requieran, esto con
la intención de entablar una comunicación
clara y amigable sin el peso o racionalidad
que brindan los textos en altas. Se utilizará
una alineación de párrafo a bandera
izquierda o derecha, sin justificación a caja ni
partición silábica.
Se recomienda que la tipografía esté
montada en un servidor de Banco Azteca
para poder hacer uso de la misma en sitios
web. El uso de la tipografía como imagen
es recomendado siempre que no se tenga
acceso a la tipografía online.
Para cajas de texto grandes, por ejemplo
dentro del sitio de banco, se deberá usar
Avenir Next LT Pro Regular en 14pt.
Fuente tipográfica Avenir Next LT Pro
Avenir Next LT Pro Bold
Avenir Next LT Pro Medium
Avenir Next LT Pro Medium Italic
Avenir Next LT Pro Regular
Avenir Next LT Pro Regular Italic
Alineado a la izquierda
Empieza a vivir
la vida que quieres.
Di sí.
Alineado a la derecha
Empieza a vivir
la vida que quieres.
Di sí.
Banco Azteca Manual de Identidad Aplicaciones Digitales
16

Tipografía y color
Para la tipografía se pueden elegir todos los
colores de la paleta.
De preferencia que hagan resaltar el punto.
El punto siempre debe ser rojo.
Color + acento (punto)
Color
Empieza a vivir
la vida que quieres.
Di sí.
Empieza a vivir
la vida que quieres.
Di sí.
Empieza a vivir
la vida que quieres.
Di sí.
Empieza a vivir
la vida que quieres.
Di sí.
Empieza a vivir
la vida que quieres.
Di sí.
Empieza a vivir
la vida que quieres.
Di sí.
Empieza a vivir
la vida que quieres.
Di sí.
Empieza a vivir
la vida que quieres.
Di sí.
Banco Azteca Manual de Identidad Aplicaciones Digitales
17

Tipografía y color
Es válido para resaltar algún texto utilizar un
color más oscuro siempre y cuando sea de la
misma gama de color.
Color + color análogo + acento (punto)
Color
Empieza a vivir
la vida que quieres.
Di sí.
Empieza a vivir
la vida que quieres.
Di sí.
Empieza a vivir
la vida que quieres.
Di sí.
Empieza a vivir
la vida que quieres.
Di sí.
Empieza a vivir
la vida que quieres.
Di sí.
Empieza a vivir
la vida que quieres.
Di sí.
Empieza a vivir
la vida que quieres.
Di sí.
Empieza a vivir
la vida que quieres.
Di sí.
Banco Azteca Manual de Identidad Aplicaciones Digitales
18

Uso de los pesos tipográficos en los mensajes
Mediante el uso de variantes tipográficas
como peso y tamaño podemos jerarquizar
los mensajes. Ejemplo 1
Cabeza emocional.
Call to action.
Ejemplo 2
Cabeza emocional.
Copy funcional.
Call to action.
Banco Azteca Manual de Identidad Aplicaciones Digitales
19

Color
Los colores de Banco Azteca están
inspirados en el significado y los valores de
nuestro lábaro patrio, estos tonos deben
respetarse en toda aplicación y hay que
considerar el medio de reproducción de los
materiales donde se utilizarán para evitar
que las variaciones predominen o se alejen
del tono original.
Rojo
Simboliza la mexicanidad, energía y pasión
que fluyen desde el núcleo de la marca.
Paleta primaria
Banco Azteca
Dark Green
Pantone 3425 C/U
CMYK: 93/13/85/44
RGB: 0/99/65
Hex # 006341
Banco Azteca
Dark Red
Pantone 1805 C/U
CMYK: 5/96/80/22
RGB: 175/39/47
Hex # af272f
Banco Azteca
Logo Gray
Pantone Cool Gray 9 C/U
CMYK: 30/22/17/57
RGB: 117/120/57
Hex # 75787b
Verde
Sinónimo de bienestar, fertilidad,
oportunidades, sustentabilidad y
crecimiento.
Gris
Alude a la solidez, al ímpetu de protección y
facilitación del logro.
Banco Azteca
Light Green
Pantone 361 C/ 360 U
CMYK: 77/0/100/0
RGB: 67/176/42
Hex # 43b02a
Banco Azteca
Bright Red
Pantone 3556 C/U
CMYK: 0/83/96/0
RGB: 230/52/34
Hex # e63422
Banco Azteca
Logo Gray
Pantone Cool Gray 11 C/U
CMYK: 48/40/35/66
RGB: 83/86/90
Hex # 53565a
Banco Azteca Manual de Identidad Aplicaciones Digitales
20

Colores complementarios
Como una alternativa a los colores primarios
se pueden utilizar los colores secundarios,
terciarios y neutrales.
Paleta secundaria Paleta terciaria Neutral
Banco Azteca Manual de Identidad Aplicaciones Digitales
21

Paleta completa
Colores cálidos Colores fríos Colores neutros
25%
50%
75%
R 128
G 37
B 21
R 20
G 71
B 51
75%
50%
25%
R 85
G 86
B 90
25%
50%
75%
R 178
G 40
B 45
R 0
G 98
B 65
75%
50%
25%
R 119
G 119
B 122
25%
50%
75%
R 240
G 83
B 39
R 63
G 174
B 42
75%
50%
25%
R 208
G 210
B 211
25%
50%
75%
R 249
G 157
B 37
R 151
G 206
B 139
75%
50%
25%
25%
50%
75%
R 197
G 32
B 62
R 0
G 157
B 126
75%
50%
25%
Banco Azteca Manual de Identidad Aplicaciones Digitales
22

Fondos de color
Los fondos de color no deben ser sólidos,
deben mostrar luz y sombra para aportar
dimensión, profundidad y dinamismo.
Debemos evitar la monotonía del color
plano.
La gradiente no debe ser contrastada, si no
mostrar transiciones suaves y continuas.
Existen dos esquemas en el que se usan y
generan las gradientes:
1. A partir de pares de colores determinados.
2. A partir del uso del mismo color
disminuyendo la luminosidad en un 25%.
Banco Azteca Manual de Identidad Aplicaciones Digitales
23

Fondos de color determinados
Para este esquema, se utilizan las variantes
de color incluidas en las paletas primarias y
secundarias de color.
Estas combinaciones ya han sido
establecidas y debes usar las que vienen
en el archivo .eps o .ai
R 20
G 71
B 51
R 0
G 98
B 65
R 0
G 98
B 65
R 63
G 174
B 42
R 128
G 37
B 21
R 178
G 40
B 45
R 178
G 40
B 45
R 240
G 83
B 39
Banco Azteca Manual de Identidad Aplicaciones Digitales
24

Fondos de color en matices del mismo tono: cálidos
Banco Azteca Manual de Identidad Aplicaciones Digitales
25

Fondos de color en matices del mismo tono: fríos y neutros
Banco Azteca Manual de Identidad Aplicaciones Digitales
26

Celebremos el punto
El punto tiene la flexibilidad de contener
fotografía. Puede utilizarse recortado dentro
del layout.
Queremos que este tipo de layout mantenga
el máximo impacto, así que no debemos
sobreutilizar este recurso. Cuando el punto
se utilice debe salir por lo menos de dos
lados del layout.
Banco Azteca Manual de Identidad Aplicaciones Digitales
27

Tono y manera de los mensajes
Los mensajes deben conectar
emocionalmente con las personas.
Impulsarlos a realizar sus sueños, a cumplir
sus metas, etc.
Ejemplo1:
• Cabeza emocional (mensaje genérico en
infinitivo)
Ejemplo 1
Es momento de vivir
la vida que quieres.
Decídete.
• Call to action siempre con el punto al final
(habla Banco Azteca)
Ejemplo2:
• Cabeza emocional (habla la persona)
• Copy funcional (campaña, promoción,
producto)
• Call to action siempre con el punto al final
(habla Banco Azteca)
Ejemplo 2
Disfruto cada
momento al máximo.
Te asesoramos financieramente
para el futuro que quieres.
Decídete.
Banco Azteca Manual de Identidad Aplicaciones Digitales
28

Máximo de caracteres en los mensajes
El Copy funcional y/o emocional no podrá
rebasar los 50 caracteres esto con el objetivo
de una idónea visualización en pantalla.
Siempre hay que considerar que un mensaje
puede sufrir modificaciones dependiendo
del formato al que se va a adaptar, ya sea
por las dimensiones o los requerimientos
propios del medio al que se está adaptando.
Ejemplo 1
Es momento de vivir
la vida que quieres.
Decídete.
Banco Azteca Manual de Identidad Aplicaciones Digitales
29

Botones, retícula y ejemplos
El botón se construye a partir de la
composición tipográfica del Call to Action,
que se escribe siempre en Avenir Next Bold
con el punto final al doble del tamaño. Por
ejemplo: si escribimos –Di sí– en 25pt, el
punto final debería estar en 50pt.
Tomando esta base, se toma el punto final
como unidad para calcular el tamaño del
botón, la curvatura y el área mínima de
seguridad del mismo.
El color del botón será seleccionado entre
el Light Green y el Bright Red de la paleta
primaria de colores de Banco Azteca,
considerando que debe existir contraste
entre el botón y el fondo donde se coloque.
El CTA deberá ser lo más conciso posible.
El ideal es que tenga un máximo de dos
palabras aunque existirán excepciones
definidas directamente por el medio.
Banco Azteca
Light Green
RGB: 67/176/42
Hex # 43b02a
Banco Azteca
Bright Red
RGB: 230/52/34
Hex # e63422
Banco Azteca Manual de Identidad Aplicaciones Digitales
30

Layouts.

Layout A: fotografía sencilla con fondos simples
En este layout el imagotipo aparece sin semicírculo en la parte clara de la imagen o sobre una parte clara del fondo.
GDN Banner 180x150px
Facebook Page Post
1200x900px
GDN Banner
160x600px
GDN Banner 728x90px
Banco Azteca Manual de Identidad Aplicaciones Digitales
32

Layout B: fotografía compleja con mensaje
Cuando nuestra imagen tiene un fondo más complejo, posicionamos el mensaje en una pleca. En este caso el imagotipo aparece en una
esquina inferior. El imagotipo aparece dentro del semicírculo, la pleca deberá llevar alguno de los degradados previamente descritos.
La fotografía siempre aparece arriba del imagotipo dentro del sistema para enfatizar que nuestros clientes se apoyan en Banco Azteca.
Descubre el producto
ideal para que logres
tus metas.
GDN Banner 180x150px
Facebook Page Post
1200x900px
Facebook Page Post
1200x900px
GDN Banner
160x600px
GDN Banner 728x90px
Banco Azteca Manual de Identidad Aplicaciones Digitales
33

Layout C: tipográfico
Podemos tener layouts tipográficos impactantes y coloridos. Cuando el fondo es blanco el imagotipo se utiliza sin semicírculo. Cuando el
fondo es de color el imagotipo se coloca en el semicírculo. Evitar tener fondos de color rojo.
Descubre
el producto
ideal para
que logres
tus metas.
Descubre el producto
ideal para que logres
tus metas.
GDN Banner 180x150px
Facebook Page Post
1200x900px
GDN Banner
160x600px
Descubre el producto ideal para
que logres tus metas.
GDN Banner 728x90px
Banco Azteca Manual de Identidad Aplicaciones Digitales
34

Áreas seguras canal YouTube
Un mismo layout funcionará para las distintas
adaptaciones de portada.
El lienzo mide 2560x1440px; el área segura
para monitores es de 2560x423px, de
tablet 1855x423px y la de laptop es de
1855x423px.
La imagen de perfil mide 400x400px.
Banco Azteca Manual de Identidad Aplicaciones Digitales
35

Yo creo mi
propio camino.
Ejemplo áreas seguras canal YouTube
Yo creo mi
propio camino.
Enfócate.
Yo creo mi
propio camino.
Enfócate.
Enfócate.
Banco Azteca Manual de Identidad Aplicaciones Digitales
36

Áreas seguras portada Twitter
Un mismo layout funcionará para las distintas
adaptaciones de portada.
El lienzo mide 1500x500px; el área segura
es de 1250x218px, esta se construye con un
rectángulo de 140x70px ubicado en la parte
superior derecha.
Área segura
1250 x 218px
Esta sección se verá sin riesgo
de recorte en los distintos dispositivos
140 x 70px
La imagen de perfil mide 400x400px.
1500 x 500px
Portada 1500x500px
No existen límites para lograr lo
que quiero.
Atrévete.
Imagen del perfil
400x400px
Ejemplo de portada
Banco Azteca Manual de Identidad Aplicaciones Digitales
37

Áreas seguras portada Facebook
Un mismo layout funcionará para las distintas
adaptaciones de portada; el lienzo mide
820x312px, el área segura es de 553x244px.
La imagen de perfil mide 400x400px.
Imagen del perfil
400x400px
Portada 820x312px
Área segura
553 x 244px
Esta sección se verá sin riesgo
de recorte en los distintos dispositivos
126 x 46px
Área segura 553x244px
Banco Azteca Manual de Identidad Aplicaciones Digitales
38

Áreas seguras portada Google Plus
Un mismo layout funcionará para las
distintas adaptaciones de portada; el lienzo
mide 1080x608px, el área segura es de
1080x490px.
La imagen de perfil mide 400x400px.
Área segura
1080 x 490px
Imagen del perfil
400x400px
Portada 1080x608px
Hoy es un
buen día
para empezar.
Lógralo.
Ejemplo de portada
Banco Azteca Manual de Identidad Aplicaciones Digitales
39

Ejemplos posteos orgánicos Facebook
Banco Azteca Manual de Identidad Aplicaciones Digitales
40

Ejemplos posteos orgánicos Twitter
Banco Azteca Manual de Identidad Aplicaciones Digitales
41

Ejemplos posteos orgánicos Google Plus
Banco Azteca Manual de Identidad Aplicaciones Digitales
42

Uso incorrecto
x
x
x
No usar grandes espacios o fondos blancos. No usar gran cantidad
de color verde y rojo en el mismo layout. No usar textos en diversos
colores.
x
No usar más de una vez el
elemento del punto. No usar
el logo sin slogan.
.
No usar el elemento gráfico del punto como un patrón. No usar el
imagotipo calado. No usar plastas de color sólidas.
No usar más de una vez el elemento gráfico
del punto en items brandeados.
Banco Azteca Manual de Identidad Aplicaciones Digitales
43

Uso incorrecto
Hoy es un día con
grandes posibilidades.
Decídete.
No usar fotografía que no esté centrada en el ser humano.
No mostrar estilos de vida
inalcanzables, poco realistas.
Hoy es un día con
grandes posibilidades.
Decídete.
Hoy es un día con
grandes posibilidades.
Decídete.
No usar fotografías predecibles o genéricas.
No usar fondos de color rojo
donde se pierda el punto.
Banco Azteca Manual de Identidad Aplicaciones Digitales
44

Facebook.

Comunicación en Facebook
Esencialmente la comunicación está
compuesta por dos partes: el copy out que es
el texto que se escribe en el posteo y la imagen
que acompaña a dicho texto.
Es importante recalcar que estas dos partes
forman un todo, por tal razón, el mensaje debe
complementarse para lograr una comunicación
más precisa.
Se plantea la forma de comunicar y generar
los contenidos digitales donde se debe
fragmentar el copy en 3: funcional, emocional y
call to action.
El copy out debe llevar siempre el hashtag
de la campaña y debe hablar en base al
pilar funcional para que conecte con la parte
emocional del arte.
Mientras que el copy in debe representar los
valores del usuario y la marca. Siempre basados
en un mensaje emocional, -algunas veces un
mensaje funcional si el layout lo permite- y un
call to action que invite al lector a participar.
A continuación se mostrarán diferentes tipos
de layout adaptados a posibles pilares de
comunicación, estos pueden ser empleados
de acuerdo a la necesidad específica de
comunicación que se trate de resolver. Cada
layout no es restrictivo al uso específico del
pilar en que se muetra, los siguientes sólo son
ejemplos de posibles usos.
También se abordará el tema de la
construcción del mensaje de acuerdo a cada
pilar en el que se encuentra el mensaje.
Banco Azteca Manual de Identidad Aplicaciones Digitales
46

Institucional
Construcción del arte
El punto tiene la flexibilidad de contener
fotografía. Puede utilizarse recortado dentro
del layout.
Queremos que este tipo de layout mantenga
el máximo impacto, así que no debemos
sobreutilizar este recurso. Cuando el punto
se utilice debe salir por lo menos de dos
lados del layout.
Para los contenidos institucionales que
respetan el layout circular solamente
mostramos un mensaje emocional
acompañado del CTA para aprovechar
correctamente el espacio y difundir el mensaje
de forma directa. La parte funcional del
mensaje se encuentra siempre en el copy out.
Banco Azteca Manual de Identidad Aplicaciones Digitales
47

Institucional
Construcción del copy
Mensaje emocional: El mensaje emocional
sitúa al lector en un contexto personal, social o
familiar para hacer que se sienta identificado
con la marca. Siempre es el usuario quien
habla, o existe la alternativa de construir una
frase en infinitivo, pero el Banco nunca es
protagonista.
CTA: En el call to action siempre habla el
Banco, invitándote a tomar partido o a generar
una acción que complemente los mensajes
emocionales y funcionales del material. Se
restringe el uso de signos de puntuación
puesto que todos los CTA cierran con el
característico punto rojo, un abstracción del
logo de Banco Azteca.
Banco Azteca Manual de Identidad Aplicaciones Digitales
48

Orgánico
Construcción del arte
Recuerda que el área de seguridad existe
para conservar la limpieza y efectividad visual
del imagotipo. Siempre se debe respetar un
resguardo para evitar que otros elementos
gráficos interfieran con la composición.
El margen está basado en la mitad de la
circunferencia central del imagotipo o símbolo
según sea el caso (1/2x).
Para los contenidos de campaña orgánicos
usamos nuestro layout con foto horizontal
para dar a conocer el el mensaje en curso,
acompañado de un copy emocional en
infinitivo que impulse el espíritu de la campaña
y su respectivo CTA. La parte funcional del
mensaje se encuentra siempre en el copy out.
Banco Azteca Manual de Identidad Aplicaciones Digitales
49

Orgánico
Construcción del copy
Mensaje emocional: El copy de las campañas
orgánicas preferentemente se construye en
infinitivo para que construya sobre la marca o
producto del Banco de una forma más amplia.
CTA: En el call to action siempre habla el
Banco, invitándote a tomar partido o a generar
una acción que complemente los mensajes
emocionales y funcionales del material. Se
restringe el uso de signos de puntuación
puesto que todos los CTA cierran con el
característico punto rojo, un abstracción del
logo de Banco Azteca.
Banco Azteca Manual de Identidad Aplicaciones Digitales
50

Pagado
Construcción del arte
Cuando se trata de campañas pagadas,
los contenidos deben estar centrados en
la captación de los usuarios a través de
contenidos concisos que te inviten a ser parte
de alguna acción relacionada al producto o
marca del Banco.
Banco Azteca Manual de Identidad Aplicaciones Digitales
51

Pagado
Construcción del copy
Mensaje emocional: En el contenido de
campaña pagado, el mensaje emocional nace
de la institución para invitarte a participar
activamente en la dinámica de algún producto
o servicio del Banco, usando como base el
concepto de la campaña.
Mensaje funcional: En el mensaje funcional
siempre nace de la voz del Banco y siempre
se liga al beneficio directo, producto o una
promoción.
CTA: En el call to action siempre habla el
Banco, invitándote a tomar partido o a generar
una acción que complemente los mensajes
emocionales y funcionales del material. Se
restringe el uso de signos de puntuación
puesto que todos los CTA cierran con el
característico punto rojo, un abstracción del
logo de Banco Azteca.
Banco Azteca Manual de Identidad Aplicaciones Digitales
52

Interacción
Construcción del arte
Podemos tener layouts en vectores con
temas impactantes y coloridos para generar
infografías. Las infografías ayudan a generar
interacciones, y éstas a generar conversación
en redes sociales; puesto la mayoría de
nuestros layout con ilustración carecen de
copy a manos que den una instrucción básica,
se recomienda que se deje limpio el arte
para hacerlo más atractivo para el usuario.
Es indispensable que lleven un call to action
que haga referencia a la campaña o producto.
La parte funcional del mensaje se encuentra
siempre en el copy out.
Banco Azteca Manual de Identidad Aplicaciones Digitales
53

Interacción
Construcción del copy
CTA: En el call to action siempre habla el
Banco, invitándote a tomar partido o a generar
una acción que complemente los mensajes
emocionales y funcionales del material. Se
restringe el uso de signos de puntuación
puesto que todos los CTA cierran con el
característico punto rojo, un abstracción del
logo de Banco Azteca.
Banco Azteca Manual de Identidad Aplicaciones Digitales
54

Generales
Construcción del arte
Cuando hablamos de contenido general
para Banco usamos siempre foto a full para
captar inmediatamente al lector y un copy
emocional que responda las necesidades de
comunicación según sea el caso y el copy out
debe equilibrar con un tema funcional. En caso
contrario, si la imagen a full requiera usarse sin
contenido, el copy out deberá llevar un tema
emocional que conecte con el material. El logo
es imprescindible.
Banco Azteca Manual de Identidad Aplicaciones Digitales
55

Generales
Construcción del copy
Mensaje emocional: El mensaje emocional
sitúa al lector en un contexto personal, social o
familiar para hacer que se sienta identificado
con la marca. De preferencia no debe ser más
extenso de doce palabras.
Siempre lleva el logo de Banco Azteca.
Banco Azteca Manual de Identidad Aplicaciones Digitales
56

Adaptación del mensaje de un máster gráfico
El máster gráfico de la campaña siempre se
compone de las tres partes:
Cabeza emocional. El mensaje emocional
sitúa al lector en un contexto personal, social o
familiar para hacer que se sienta identificado
con la marca. Siempre es el usuario quien
habla, o existe la alternativa de construir una
frase en infinitivo, pero el banco nunca es
protagonista.
Contenido funcional. En el mensaje funcional
siempre nace de la voz del Banco y siempre
se liga al beneficio directo, producto o una
promoción.
Call to action. En el call to action siempre
habla el Banco, invitándote a tomar partido
o a generar una acción que complemente
los mensajes emocionales y funcionales del
material. Se restringe el uso de signos de
puntuación puesto que todos los CTA cierran
con el característico punto rojo, un abstracción
del logo de Banco Azteca.
Banco Azteca Manual de Identidad Aplicaciones Digitales
57

Adaptación del mensaje de un máster gráfico
Todos los contenidos impresos se transforman
a un formato digital para dar a conocer los
mensajes principales de la campaña. Aquí
se puede prescindir de la cabeza funcional
puesto que el copy out satisface esa necesidad,
además siempre se redirecciona al usuario
a una landing page donde la información se
muestra completa, bases, requisitos, así como
los legales de la promoción.
Cabeza emocional. El mensaje emocional
sitúa al lector en un contexto personal, social o
familiar para hacer que se sienta identificado
con la marca. Siempre es el usuario quien habla,
o existe la alternativa de construir una frase en
infinitivo, pero el banco nunca es protagonista.
Call to action. En el call to action siempre
habla el Banco, invitándote a tomar partido
o a generar una acción que complemente
los mensajes emocionales y funcionales del
material. Se restringe el uso de signos de
puntuación puesto que todos los CTA cierran
con el característico punto rojo, un abstracción
del logo de Banco Azteca.
Banco Azteca Manual de Identidad Aplicaciones Digitales
58

Adaptación del mensaje de un máster gráfico
Al momento de postear en alguna plataforma digital, debemos tener en cuenta que existen restricciones al momento de publicar, y si dichos
materiales llevan copies muy extensos afectan la calidad del alcance. Por esa razón, el copy out siempre debe llevarnos a un tema funcional y
llevar al usuario a una página externa que de más detalles y explique las bases de la campa o promoción.
Contenido funcional. En el mensaje
funcional siempre nace de la voz del Banco y
siempre se liga al beneficio directo, producto
o una promoción.
Cabeza emocional. El mensaje emocional
sitúa al lector en un contexto personal, social o
familiar para hacer que se sienta identificado
con la marca. Siempre es el usuario quien habla,
o existe la alternativa de construir una frase en
infinitivo, pero el banco nunca es protagonista.
Call to action. En el call to action siempre
habla el Banco, invitándote a tomar partido
o a generar una acción que complemente
los mensajes emocionales y funcionales del
material. Se restringe el uso de signos de
puntuación puesto que todos los CTA cierran
con el característico punto rojo, un abstracción
del logo de Banco Azteca.
Banco Azteca Manual de Identidad Aplicaciones Digitales
59

Adaptación del mensaje de un máster gráfico
El máster impreso consta de tres partes en
su contenido además del tipo de layout:
- Cabeza emocional
- Cabeza funcional
- Call to action
La cabeza funcional desaparece del master para limpiar la
imagen y evitar problemas de publicación por caracteres en
Facebook y otras plataformas
La parte funcional del contenido aparece en
el copy out aunado siempre a un link donde
se pueda encontrar la información extra de
la campaña o promoción.
Banco Azteca Manual de Identidad Aplicaciones Digitales
60