Versión: Setiembre 2026
Guía banners e imágenes
Canales Digitales Guía visual de especificaciones y medidas
Desarrollado por: Equipo de Ventas Digitales BAC Shared Services
Índice de imágenes Existen varios tipo de imagen según la necesidad y el bloque en donde se coloquen. Cliqueá en cada uno de ellos para conocer los materiales más comunes.
PAID MEDIA OWN MEDIA
META
YOUTUBE
OTROS
PARADOC
ATMS
OTROS
SITIO WEB LANDING DE TARJETAS
RRSS ORGÁNICO
02
ANEXOS DE LECTURA
NARRATIVA ESTRATÉGICA
• • • • • • • • • • •
Card Productos Destacados Catálogos Carrusel de secciones Galería de imágenes Videos Diapositiva Tutoriales Formulario Imagen de tarjetas Otros
BANNERS HOME
IMÁGENES DE BLOQUE
CINTILLO BEL
GOOGLE MY BUSINESS
OTROS
X
YOUTUBE
TIKTOK
HASHTAGS / EMOJIS
GLOSARIO DE TÉRMINOS
OTROS
Generalidades Requerimientos y prohibiciones
Descargue las plantillas para los canales digitales aquí
Canales Digitales - Zona Segura
ZONA SEGURA
Logo BAC Para todos los materiales digitales, el logo de BAC debe respetar un área de seguridad mínima equivalente a 2 veces el ancho de la letra “B” de BAC (2X) alrededor de todo el logotipo. Este espacio garantiza su correcta visibilidad, evita interferencias con otros elementos gráficos y previene posibles cortes en plataformas donde parte del contenido pueda quedar oculto o recortado. El uso del logo con recuadro no es viable para utilizar en stories, debido a los márgenes de seguridad de Meta, que propician el incumplimiento de los márgenes indicados en el Libro de Marca.
04
Volver al menú principal
1/5
1/5
Canales Digitales - Prohibiciones
General
Zona segura: logotipo Se debe respetar la zona segura descrita en los materiales digitales según sea el caso. Esto aplica para todos los materiales digitales a excepción de: HTMLS, Paradocs, Voucher Verde, PopUP BEL, Pantallas Sucursal, ATMS (cuentan con otras restricciones) y artes de Sitio Web. Ver página 03 Nunca textos en color negro Los textos nunca deben ir en color negro, solamente en los grises establecidos en el Libro de Marca BAC. Uso de BAC Font Mantener una altura y grosor agradable en combinación con otras fuentes. Debe existir una diferencia de 10 a 12pts entre la Graphik y la BAC Font.
05
Volver al menú principal
Cantidad de caracteres Excluimos de la cantidad de caracteres premios, fechas, disclaimers y logotipos. Son la única excepción a la regla.
en cierre de animados y carruseles. Esto no es obligatoria, sin embargo se recomienda como parte del posicionamiento que se realiza en conjunto con Marca Regional.
Emergencias o urgencias Leer el Lineamiento de Pocket.
En titulos y descripciones de pauta, no deben incluirse signos de pregunta o admiración, ya que se puede rechazar el anuncio.
Excepciones En Paradoc los artes si deben venir a 300 dpi. Para más información, favor leer el apartado en su respectiva sección.
Paid Media / Orgánicos
Captions Deben apuntar a un eje reputacional mediante un #hashtag, Todo caption y copy debe cumplir la narrativa estratégica Logo con tagline Se recomienda usar logo con tagline
Cantidad de caracteres En los artes de Paid se solicita mantener la cantidad de caracteres detallada para que el alcance no se vea afectado. Regla de caracteres queda abierta en post orgánicos.
Sitio Web
Imágenes Existe un límite de peso en los materiales El máximo de peso por archivo de imagen (.jpg | .png | .gif) que nos permite cargar el servidor es de 250 kb
Canales Digitales - Prohibiciones
Resolución y tipo de archivo Preparar imágenes siempre optimizadas para la web ya sean estas usadas en contenidos web o simplemente cargadas al servidor: • 72 ppi en .jpg • 72 ppi en .png • 72 ppi en .gif Artes Algunos artes no deben incluir textos ni CTAs. ¿Por qué? Esto porque todos los textos como botones (CTAs) se colocan programados en el CMS. Esto aplica solo para Drupal 9. Excepciones BEL y Voucher Verde. En estos artes si debe venir texto y CTA acoplado en el arte. Solamente fotografías El CMS de Drupal 9 utiliza solamente una imagen para todas las visualizaciones posibles (Desktop, Tablet, Mobile) en sus plantillas los contenidos web.
06
Volver al menú principal
Esto establece que para los banners y la mayoría de las imágenes del sitio público las dimensiones son dinámicas y variables, dependiendo del dispositivo en el que se despliegue y no establece dimensiones fijas para sus imágenes. Se requiere Utilizar solo fotos de fondo o background en los banners e imágenes web para evitar que se corten o escondan: personas, partes del cuerpo, elementos importantes de la comunicación visual. En el caso de los banners que posee un diseño característico de una campaña, estos pueden utilizarse siempre y cuando cumplan con las reglas que se mencionan a continuación.
Verificación obligatoria Se debe verificar que se ajustan a los márgenes internos permitidos de los materiales web, asegurando una
visualización óptima. No obstante no es una garantía al 100% que algún elemento quede oculto en alguna visualización de algún dispositivo en específico.
Otros materiales Límite de peso en PDFs El límite máximo de peso es 25Mb, pero los pdfs que se suban al servidor del sitio público debe estar optimizados para la web. Máximo de peso: 25Mb. Se recomienda Que cada archivo de .pdf tenga un peso optimizado para la web de: 5 mb a 10mb. Límite de peso en audio (Podcast) El máximo de peso por archivo de audio en .mp3 que nos permite cargar el servidor de 25 mb para archivos que superen 30min.
Canales Digitales - Prohibiciones
Acá se muestran algunos usos que recomendamos no utilizar para artes en redes sociales.
2
3
4
5
6
7
8
9
A. En la imagen 1 hay sobresaturación de texto, logos, iconografía e imágenes. Esto provoca una saturación visual, el diseño no se ve agradable y no comunica la esencia BAC. B. En el arte 2 y 3, la plasta roja no debe utilizar la letra Graphik en versión Light para textos pequeños. Vemos como las palabras con ese grosor se vuelven ilegibles. Se repite de igual forma la saturación visual. C. Evitar artes con hashtags en la imagen, ya no nos aportan valor a nivel de la búsqueda en redes. Ver imagen 4 y 5. La imagen 5 compite la tipografía cursiva con el cuadro rojo y hashtag, sumado a la bandera. Esto no se ve bien diagramado. D. La imagen 6, 7 y 8 poseen demasiado texto. E. La imagen 9 no posee buena diagramación y los textos son ilegibles.
07
1
Volver al menú principal
Canales Digitales - Paid Media
ÍNDICE PAID MEDIA Meta Google Youtube Otros CR Autos
08
Estático
09
Meta
Animado
Carrusel
Storie
Canales Digitales - Paid Media
M E TA / PAU TA
Estático A continuación las características según las actualizaciones de Meta. • Área segura: Se debe considerar que el uso del logotipo sin recuadro se utiliza a 2X la B de BAC. En caso de usar la versión con recuadro, debe mantener la consistencia como lo indica el Libro de Marca. El logo puede ubicarse ya sea arriba o abajo a la derecha.
1
1
Zona Segura
1022x 1022px
Zona Segura
1022x 1022px
1/5
ZONA REPOST: NO COLOCAR TEXTO IMPORTANTE
1/5
ZONA REPOST: NO COLOCAR TEXTO IMPORTANTE
Dimensiones 1200 x 1200px Formato de archivo .jpg | mp4 | mov | gif
130
10
Volver al menú principal
Volver al submenú
Cantidad de caracteres en imagen gráfica.
de cuerpos de 30pts Mínimo textos.
Incluyen: espacios en blanco, signos de puntuación y caracteres especiales.
En Light o Regular. Si todo el texto va en mayúsculas puede ser de 28 pts. No aplica para disclaimers.
Canales Digitales - Paid Media
M E TA / PAU TA
Animado A continuación las características según las actualizaciones de Meta. Siempre deben llevar el cierre con el logo BAC. • Área segura: 1022x1022px. • Presencia de logo: Aparecer en los primeros 3 segundos y en el cierre. • Reutilización de videos: Generar 1 video en Meta horizontal para reutilizarlo en esta sección. Se puede reutilizar un animado de Meta storie vertical en esta sección. • Formato: Cuadrado. Solamente puede enviarse 1 formato horizontal por tarea o solicitud. Esto para ser reutilizado en Google en caso de campañas AO.
Dimensiones cuadrado 1920 x 1080px Dimensiones cuadrado 1200 x 1200px Formato de archivo mp4 | mov
11
Volver al menú principal
Volver al submenú
130
Cantidad de caracteres en imagen gráfica.
de cuerpos de 30pts Mínimo textos.
Incluyen: espacios en blanco, signos de puntuación y caracteres especiales.
En Light o Regular. Si todo el texto va en mayúsculas puede ser de 28 pts. No aplica para disclaimers.
Canales Digitales - Paid Media
M E TA / PAU TA
Carrusel A continuación las características según las actualizaciones de Meta. • Recomendación: El producto se debe entender claramente desde la primera imagen. Se deben enviar de 3 a 4 slides máximo. En el caso de Honduras se deben enviar carruseles de 4 imágenes para utilizarlos en orgánico. • Logo: El logo se puede ubicar donde mejor sea el caso, respetando la 2X B BAC. Se recomienda utilizar logo con tagline en cierres de carruseles. • Área segura: Misma de cuadrados estáticos 1022x1022px. • LinkedIn: Aplican mismas características.
Dimensiones 1200 x 1200px Formato de archivo .jpg | mp4 | mov | gif
12
Volver al menú principal
Volver al submenú
130
Cantidad de caracteres en imagen gráfica.
de cuerpos de 30pts Mínimo textos.
Incluyen: espacios en blanco, signos de puntuación y caracteres especiales.
En Light o Regular. Si todo el texto va en mayúsculas puede ser de 28 pts. No aplica para disclaimers.
Canales Digitales - Paid Media 13
M E TA / PAU TA
Storie: Estático / Animado A continuación las características según las últimas actualizaciones de Meta para stories. • Área segura: Ningún elemento importante o texto debe sobrepasar la zona segura. Se recomienda mantener el área central del video (libre de botones, subtítulos y llamadas a la acción de la plataforma) para ubicar información y elementos visuales más importantes. • Presencia de logo: Debe aparecer en los primeros 3 segundos para animados. Se descarta el uso del aplicativo con recuadro rojo para este formato. Si se utiliza, será contemplado como una falta al Libro de Marca. Mismo puede aparecer en el cierre en grande.
Volver al menú principal
Volver al submenú
269px
Área visual comprometida. Utilizar con espacio visual de relleno, continuación de una foto, etc. No textos.
Zona Segura
1075x 979px
Dimensiones video 1080 x 1920px Duración -29 segundos Formato de archivo .mp4
Dimensiones imagen 1080 x 1920px Formato de archivo .jpg
672px
Área visual comprometida. Utilizar con espacio visual de relleno, continuación de una foto, etc. No textos.
PMAX / Demand Gen / Display Responsive / Videos
14
Canales Digitales - Paid Media
G O O G L E / PAU TA
PMAX / Demand Gen / Display Responsive Siempre deben enviarse 15 artes para AO (always on) y 9 para TAC (tácticas). • Adaptación de artes: Se deben adaptar artes generados para Meta en los 3 formatos requeridos (horizontal, cuadrado y vertical). • Reutilización de videos: Para los videos, se debe generar 1 video en Meta horizontal para reutilizarlo en esta sección. Se puede reutilizar un animado de Meta storie vertical en esta sección. De esta manera se optimizan las entregas y tiempos requeridos por material
15
Volver al menú principal
Volver al submenú
GRÁFICAS Horizontales: 5 materiales AO, 3 materiales táctica Recomendado: 1200 x 628px Mín. requerido: 600 x 314px
VIDEOS Horizontales: Obligatorio 1 material solo en AO Recomendado: 1920x1080px Duración entre 10 y 15 segundos
Cuadrados: 5 materiales AO, 3 materiales táctica Recomendado: 1200 x 1,200px Mín. requerido: 300 x 300px
Verticales: Obligatorio 1 material solo en AO Recomendado: 1080x1920px Duración entre 10 y 15 segundos
Verticales 5 materiales AO, 3 materiales táctica Recomendado: 960 x 1,200px Mín. requerido: 480 x 600px
Peso permitido 150kb
Youtube Youtube (Awareness)
16
Canales Digitales - Paid Media
G O O G L E / PAU TA
Youtube (Awareness) Lo recomendable es solicitar al menos un short para abarcar este placement. No es obligatorio. Videos: Cada video debe enviarse con: • 1 título (30 caracteres) • 1 discripcion (90 caracteres)
VIDEOS Video de 6 segundos Video Horizontal: 1920x1080px Video Short: 1080x1920px Video de 12 segundos Video Horizontal: 1920x1080px Video Short: 1080x1920px
Peso permitido No aplica
17
Volver al menú principal
Volver al submenú
CONSIDERAR: 1. Área segura: Ningún elemento importante o texto debe sobrepasar la zona segura, antes detallada en animados de Meta. Se recomienda mantener el área central del video (libre de botones, subtítulos y llamadas a la acción de la plataforma) para ubicar información y elementos visuales más importantes. 2. Presencia de logo: Debe aparecer en los primeros 3 segundos. Se descarta el uso del aplicativo con recuadro rojo para este formato. Si se utiliza, será contemplado como una falta al Libro de Marca. Mismo puede aparecer en el cierre en grande.
Otros CR Autos (CR)
18
Canales Digitales - Paid Media
OT R O S / PAU TA
CR Autos (CR)
A B
Estos son los banners publicitarios que se colocan en la página web de CR Autos.
Banner superior Dimensiones (ambas requeridas) A. 970 x 90px (Desktop) B. 180 x 150px (Mobile) C. 300 x 250px (Mobile) Peso máximo 200Kb Formato de archivo .jpg | .png | .gif
Videos: Cada video debe enviarse con: • 1 título (30 caracteres) • 1 discripcion (90 caracteres)
Se necesitan los tres artes, el de 970x90px, el de 180x150px y el de 300x250px.
A
Banner lateral Dimensiones 160 x 600px Peso máximo 200Kb Formato de archivo .jpg | .png | .gif
19
C
Volver al menú principal
Volver al submenú
B
Banner cintillo Dimensiones (ambas requeridas) A. 728 x 90px (Desktop) B. 300 x 250px (Mobile) Peso máximo 200Kb Formato de archivo .jpg | .png | .gif
Canales Digitales - Own Media
ÍNDICE OWN MEDIA Email Paradoc ATMS WhatsApp Otros Voucher Verde Pantalla Sucursal Pop Up BEL
20
Requerimientos
21
Imagen Principal
Prohibiciones
Plantillas
Canales Digitales - Own Media
OWN MEDIA / HTML
Requerimientos Es fundamental que todos los entregables en HTML en CDH cumplan con los lineamientos establecidos a continuación, con el fin de evitar errores durante la implementación y envío de piezas.
1. Tamaños y entregables de HTML Los archivos HTML deben ser enviados estrictamente en las medidas especificadas para cada canal. El incumplimiento de estas dimensiones puede generar errores de visualización, cortes de contenido o fallos en la plataforma de envío. Siempre se debe enviar el PDF en baja calidad.
Volver al menú principal
Volver al submenú
País_Producto.jpg / CR_TarjetasAdicionales.jpg
3. Header: El header debe cumplir con los siguientes parámetros:
Su uso es únicamente para el copiado del texto, por lo tanto no se recibirán archivos mayores a los 2MB.
• Dimensiones: 600 x 62 px • Formato: JPG • Optimización: Peso reducido sin pérdida visible de calidad (idealmente <150 KB)
2. Nomenclatura de archivos Todos los HTML deben contar con una nomenclatura clara, consistente y estandarizada, que facilite su identificación.
4. Lockups Se deben utilizar siempre los lockups oficiales definidos en el Libro de Marca siempre en los headers.
• Incluir campaña, producto y versión.
22
• Evitar caracteres especiales o espacios. • Usar guiones bajos (_) o medios (-) como separadores. Ejemplo:
Canales Digitales - Own Media
OWN MEDIA / HTML
Requerimientos La composición tipográfica en caso de ser 2 palabras debe seguir estas reglas: • Primera palabra: Mayúscula inicial + Graphik Light • Segunda palabra: Mayúscula inicial + Graphik Bold MANDATORIOS A. Ubicación del Lockup El lockup debe colocarse siempre en la esquina superior izquierda del header.
Esto garantiza consistencia reconocimiento de marca.
23
Volver al menú principal
Volver al submenú
visual
y
B. Cobrands: El header con o sin lockup debe cumplir con los siguientes parámetros: • Dimensiones: 600 x 62 px • Formato: JPG • Optimización: Peso reducido sin pérdida visible de calidad (idealmente <150 KB) En piezas donde deban convivir dos logos: • Logo BAC: se ubica a la izquierda • Segundo logo: se ubica a la derecha 5. Iconografía Los íconos siempre se debe enviar en PNG si tienen fondo transparente o recuadros con bordes redondeados. Además, deben ser compatibles con el modo oscuro (dark mode):
• Evitar colores demasiado oscuros sin contorno. • Considerar versiones alternativas si aplica. MANDATORIOS A. Tamaño de íconos Este es un punto crítico y suele generar confusión. Se deben diferenciar: Tamaño en diseño: En el arte (Figma, Illustrator, etc.), los íconos pueden tener el tamaño que se requiera. Deben ser: • Proporcionales • Visualmente equilibrados • Simétricos • O bien, utilizar los definidos en las plantillas Se deben utilizar siempre lineales, ya sea en blanco sobre un fondo rojo, o bien rojo sobre
Canales Digitales - Own Media
OWN MEDIA / HTML
Requerimientos blanco. Es importante mencionar que para Private Banking estos deben ser en color negro. Tamaño de entrega El tamaño del archivo exportado puede variar, pero debe cumplir con: • Dimensiones mínimas: 40 x 40 px • Proporción de exportación: 1:1 • Calidad: Alta calidad (no pixelado). Pueden enviarse en 2X (tamaño proporcional doble) 6. CTAs (Call To Action) Los botones de acción deben cumplir con los siguientes lineamientos: • Máximo 3 palabras • No utilizar gradientes • No utilizar sombras • No utilizar mayúsculas en toda la palabra • El texto debe ir En una sola línea (nunca en dos)
24
Volver al menú principal
Volver al submenú
• Color azul BAC: #1075BB
8. Banner interactivo El banner interactivo corresponde a una sección visual diseñada para generar interacción del usuario. • Dimensiones: 600 x 200 px • Función principal: Atraer la atención del usuario, así como promover productos complementarios (cross selling) Agregar siempre un botón en la imagen. Esta es la única imagen que debe llevar un botón en su gráfica.
9. Plantillas Existen plantillas de HTML las cuales Marca Regional aprobó y rigen en todos los países. No se pueden cambiar, ni mezclar elementos, solo quitar secciones en caso de no contar con demasiada información para un template. Si desea más información puede solicitar las plantillas, las cuales contienen información adicional y tamaños establecidos. También puede consultar la página correspondiente a las plantillas en este apartado.
Canales Digitales - Own Media
OWN MEDIA / HTML
Imagen principal A
Debe tener un ancho máximo de 600 px y existen 2 escenarios para su envío. A. Envio en JPG Puede ser enviada en JPG cuando la imagen no contiene elementos que sobresalgan del banner. B. Envio en PNG Puede ser enviada en PNG cuando la imagen sí contiene elementos que sobresalen del banner. Requerimientos técnicos en PNG: • Ancho requerido: 600 px • Formato: .PNG con transparencia, cuando el diseño incluye elementos que sobresalen y fondos no sólidos Regla clave: Cualquier imagen que no tenga un fondo sólido debe exportarse en formato PNG.
25
Volver al menú principal
Volver al submenú
El contenido textual dentro de la imagen debe ser máximo de 100 caracteres para asegurar legibilidad y compatibilidad en distintos dispositivos. Aplica para JPG y PNG. Importante: El lockup debe enviarse por separado, nunca integrado en esta imagen.
B
A continuación, algunos ejemplos de imágenes principales y sus especificaciones. • A. Imagen en JPG • B Imagen en PNG • C Banner interactivo C Dimensiones 600 ancho x proporcional de alto Peso máximo 500kb Formato de archivo .jpg / .png (transparente)
Canales Digitales - Own Media
OWN MEDIA / HTML
Prohibiciones Se debe evitar la sobrecarga de contenido en las imágenes del header, ya que el desarrollo del mensaje debe continuar en el cuerpo del correo. El header debe funcionar como un elemento introductorio, no como el contenedor principal de información. Por esta razón: Tanto las imágenes de Header como los cintillos deben contener un máximo de 100 caracteres. Se debe priorizar la claridad, legibilidad y jerarquía visual. A continuación, se detallan los casos específicos en los cuales los artes serán rechazados y devueltos para corrección.
26
Volver al menú principal
Volver al submenú
1. Vemos una cantidad de texto bastante grande, lo cual carga recarga visualmente la imagen a la izquierda. 2. La gráfica no aporta nada, ni a nivel visual ni de texto.
3. No se contempló el recorte de la esquina inferior izquierda. Debía enviarse en transparencia. 4. Prohibidas ese tipo de cuadrículas o imágenes divididas en dos.
1
2
3
4
Canales Digitales - Own Media
OWN MEDIA / HTML
Plantillas
Actualmente se cuenta con un conjunto de plantillas de HTML previamente definidas, desarrolladas en colaboración entre Marca Regional y el equipo de Ventas Digitales.
1. Lineamientos de uso Estas plantillas están diseñadas para garantizar:
• Cualquier otra modificación previamente validada.
• Consistencia visual • Correcta funcionalidad técnica • Estandarización en la comunicación
4. Descarga de plantillas Se invita a todos los equipos y agencias a trabajar exclusivamente con estas plantillas oficiales.
2. Prohibiciones
• Asegúrese de descargar siempre la versión más actualizada • Utilizar plantillas oficiales evita errores de implementación y reprocesos.
• No está permitido modificar la estructura base de las plantillas • No se deben mezclar elementos entre diferentes plantillas • No se deben alterar estilos, componentes o comportamientos definidos 3. Flexibilidad permitida Únicamente se permite: • Eliminar secciones en caso de que no sean necesarias para la comunicación específica
27
Volver al menú principal
Volver al submenú
Descargue aquí.
debe
ser
Paradoc
Requerimientos
28
Exportación
Prohibiciones
Canales Digitales - Own Media
OW N M E D I A / PA R A D O C
Requerimientos El Paradoc corresponde a la imagen gráfica o cintillo que se incorpora dentro de los estados de cuenta enviados a los tarjetahabientes y clientes del banco.
considerar lo siguiente:
Estructura del espacio El espacio está compuesto por dos secciones horizontales, ubicadas una al lado de la otra:
Recomendaciones:
Diseñar con una jerarquía clara, donde el usuario identifique rápidamente el mensaje principal.
Utilizar un titular principal fuerte y visible como elemento central.
3. Uso del texto plano Para maximizar la efectividad del espacio:
En caso de requerir un subtitular:
• Utilizar el texto plano del estado de cuenta para incluir información adicional que no se logre integrar en la imagen. • Distribuir el contenido de forma estratégica entre imagen y texto.
• COM: destinado a comunicación de tarjetas • BANCO: destinado a cuentas bancarias y pensiones Ambas piezas deben ser entregadas en resolución de 300 dpi. 1. Lineamientos de contenido gráfico Debido a que el sistema Paradoc realiza una compresión de las imágenes, es fundamental
29
Volver al menú principal
Volver al submenú
• Evitar el uso de textos pequeños, ya que pierden legibilidad tras la compresión. • Priorizar una comunicación clara, directa y de rápida lectura.
• Limitarlo a un máximo de 2 a 3 líneas • Asegurar que el total de caracteres (titular + subtítulo) se mantenga dentro de un rango que garantice legibilidad 2. Buenas prácticas de diseño Evitar la sobrecarga de información dentro de la imagen.
No dispersar los textos en múltiples puntos del diseño, ya que: • Se pierde el foco visual • Disminuye la efectividad del mensaje
IMAGEN GRÁFICA
Requerimientos
TEXTO PLANO
Canales Digitales - Own Media
OW N M E D I A / PA R A D O C
80
Cantidad de caracteres en imagen gráfica. Incluyen: espacios en blanco, signos de puntuación y caracteres especiales.
12pts
Mínimo de titulares. Se permite el uso de Regular / Semibold / Bold. Nunca en Light.
9pts
Mínimo de textos pequeños.
200
COM Cantidad de caracteres texto plano.
Nunca en Light sobre fondos rojos.
Incluyen: espacios en blanco, signos de puntuación y caracteres especiales.
145
BANCO Cantidad de caracteres texto plano. Incluyen: espacios en blanco, signos de puntuación y caracteres especiales.
30
Volver al menú principal
Volver al submenú
COM
(Tarjetas y Comercios Afiliados)
Dimensiones 1112 x 375px DPI 300 Formato de archivo .jpg
Demasiada información, textos muy pequeños se volverán ilegibles y pierden sentido de funcionalidad.
BANCO
(Cuenta Bancaria y Pensiones)
Dimensiones 1123 x 401px DPI 300 Formato de archivo .jpg
Demasiada información, textos muy pequeños se volverán ilegibles y pierden sentido de funcionalidad.
Canales Digitales - Own Media
OW N M E D I A / PA R A D O C
Exportación Es fundamental que las piezas se exporten correctamente para evitar errores en la plataforma y reprocesos innecesarios. Precisión en medidas y peso Las medidas deben ser exactas. Una variación de incluso +1 px puede generar conflictos en la plataforma. Se debe validar siempre el peso del archivo, asegurando que esté optimizado sin comprometer la calidad.
31
Volver al menú principal
Volver al submenú
¿Cómo exportar correctamente un paradoc desde Ilustrador?
¿Cómo exportar correctamente un paradoc desde Photoshop?
• Ir a Archivo > Exportar > Exportar como • Marcar la opción “Usar mesas de trabajo” • Seleccionar el formato correspondiente (JPG) • En calidad, configurar en nivel 5 • En opciones escogemos resolución 300 dpi • Luego, exportar.
• Crear el archivo desde el inicio en: Resolución: 300 dpi • Una vez finalizado el diseño: Acoplar la imagen (flatten) • Ir a Archivo > Guardar como. Guardar en formato JPG
Después de esto, la imagen debe ingresarse a photoshop y reescalarse a la medida correcta sin modificar el dpi.
No utilizar “Save for Web” ya que este método: • Reduce la calidad • Modifica la resolución (dpi) • Puede afectar la correcta visualización en el sistema
ATMS
Arte Pantalla
32
Agilis REG
Aptra REG
Canales Digitales - Own Media
O W N M E D I A / AT M S
Arte pantalla Estas imágenes son comunicaciones promocionales e informativas que se colocan en 2 diferentes tipos de ATMs. Se deben generar y/o adaptar los artes para ambas dimensiones. Formato • Se deben enviar ambas dimensiones • Deben ser a pantalla completa a diferencia de Aptra y Agilis.
CR-NI-PAN-ESA Dimensiones A. 640 x 795px B. 640 x 480px Peso máximo 250Kb Formato de archivo .jpg
33
Volver al menú principal
HON Dimensiones A. 1024 x 678px Margen seguro en HON 100px en todos su lados Peso máximo 250Kb Formato de archivo .jpg
Volver al submenú
A
B
Canales Digitales - Own Media
O W N M E D I A / AT M S
Agilis REG Corresponden a espacios de comunicación dentro de cajeros automáticos. Formato • Arte puede abarcar todo el tamaño total de la imagen, pero se debe considerar el área visible. • Existen dos dimensiones diferentes de pantalla y siempre deben enviarse ambas medidas con color gris claro de fondo. • Las medidas corresponden a toda la región y se cuenta con plantillas disponibles.
Agilis Dimensiones A. 640x480px B. 640x795px Peso máximo 250Kb Formato de archivo .jpg
34
A
Volver al menú principal
Volver al submenú
Ejemplo de diseños aplicados con los márgenes aplicados
B
Canales Digitales - Own Media 35
O W N M E D I A / AT M S
Aptra REG Los ATM Aptra corresponden a espacios de comunicación dentro de cajeros automáticos, utilizados para difundir mensajes promocionales e informativos dirigidos a los usuarios. Formato • Arte puede abarcar todo el tamaño total de la imagen, pero se debe considerar el área visible. • Debe enviarse en una medida total de 1024x678px • Área del arte 1024x320px • Margen superior: 1024x90px (colocar color gris claro) • Margen inferior: 1024x268px (colocar color gris claro)
Volver al menú principal
Volver al submenú
Aptra Dimensiones A. 1024X678 Peso máximo 250Kb Formato de archivo .jpg
Ejemplo de diseño aplicado con los márgenes aplicados
WhatsApp 36
Canales Digitales - RRSS Orgánico
R R S S O R GÁ N I C O / W H AT S A P P
La imagen vertical para WhatsApp es uno de los formatos más utilizados para comunicaciones directas con clientes, ya que aprovecha al máximo la visualización en dispositivos móviles. Su diseño debe priorizar mensajes claros, una jerarquía visual adecuada y una correcta ubicación de los elementos clave para garantizar que la información sea visible desde la vista previa del chat. Área Segura de Visualización Es indispensable respetar los márgenes de seguridad al momento de diseñar la pieza. La zona visual efectiva corresponde a un área de 1080 x 1500 px.
37
Volver al menú principal
Volver al submenú
Todo elemento importante, como: textos, objetos principales, logotipos y CTA, debe ubicarse dentro de esta área segura. Consideración Importante La zona de 1080 x 1500 px corresponde al espacio visible dentro del chat de WhatsApp sin necesidad de abrir la imagen. Cualquier contenido ubicado fuera de esta área podría quedar oculto o recortado en la vista previa del mensaje.
Dimensiones 1080 x 1920px Zona segura 1080 x 1500px Peso máximo 250kb Formato de archivo .jpg
Área visual comprometida. Utilizar con espacio visual de relleno, continuación de una foto, etc. No textos.
ÁREA VISUAL
1080x 1500px Área visual comprometida. Utilizar con espacio visual de relleno, continuación de una foto, etc. No textos.
Otros
Voucher Verde (CR) Pantalla Sucursal
38
Pop Up BEL
Canales Digitales - Own Media
OWN MEDIA / OTROS
Voucher Verde (CR) El Voucher Verde corresponde a un banner ubicado en el pie de los correos generados a partir de transacciones con tarjetas en Costa Rica.
Volver al menú principal
2. Uso de tipografía Los textos deben trabajarse en Semibold o Bold, especialmente cuando se utilicen tamaños pequeños, para asegurar legibilidad.
La imagen puede extenderse fuera del área delimitada, siempre que su punto focal principal se mantenga dentro de los rangos establecidos.
3. Composición del contenido Se recomiendan textos de máximo 3 líneas y mantener una comunicación clara y concisa
Foco de atención
Dimensiones 600 x 200px Peso máximo 50 Kb Formato de archivo .jpg
39
1. Lineamientos de diseño El contenido (texto e imagen) debe ubicarse dentro de los focos de atención definidos, garantizando visibilidad y correcta lectura.
Volver al submenú
Foco de atención
4. Call to Action (CTA) Es obligatorio incluir un CTA visible, que indique claramente que la pieza es clickeable. El CTA debe invitar al usuario a dirigirse hacia el sitio de destino
Canales Digitales - Own Media
OWN MEDIA / OTROS
Voucher Verde (CR) A continuación se muestran ejemplos recomendados y no recomendados para los vouchers verdes.
A
A. No se recomienda por la cantidad de texto presente en la muestra de la derecha. B. Se reduce el texto manteniendo la misma idea y estandarizando un solo tamaño de letra.
B
C. Se estandariza un solo tamaño de letra, jugando solamente con el bold y regular en el texto. C
40
Volver al menú principal
Volver al submenú
Canales Digitales - Own Media 41
OWN MEDIA / OTROS
Pantalla Sucursal Corresponde a los videos reproducidos en las pantallas de sucursales, específicamente en aquellas donde se muestran los turnos o fichas de atención.
Tamaño de tipografías Para garantizar legibilidad sucursales:
en
todas
las
El tamaño mínimo recomendado es: • 45 pts para tipografías en peso Light o Regular (Parámetro basado en Adobe Premiere)
Un error frecuente es asumir que estos videos pueden resolverse únicamente mediante la compresión de una pieza existente. Esto es incorrecto, ya que:
¿Por qué es importante? Un tamaño de texto menor afecta la legibilidad y la accesibilidad para los usuarios
• La compresión reduce la calidad • Los textos pueden volverse ilegibles
Uso de sombreados y refuerzos visuales No es necesario utilizar sombreados en textos
Por lo tanto: • Estas piezas deben tratarse como una adaptación específica • Deben considerar las limitantes del formato y del entorno de reproducción
Excepción: En videos con movimiento constante y fondos complejos o variables. Se recomienda utilizar:
Volver al menú principal
Volver al submenú
• Sombra (shadow) • No bordes (stroke) • Cajas con transparencia
Esto mejora la visibilidad del texto sobre el fondo. Tamaño de video: Medida para CR-NI-PAN 1324x742px Medida para HON 866x520px Medida para ESA 1248x844px
Canales Digitales - Own Media 42
OWN MEDIA / OTROS
Pantalla Sucursal A continuación se muestran los casos donde por lo mencionado anteriormente, se convierten en ejemplos incorrectos. 1. Color rojo: Animaciones y videos no deben mantener una pantalla o cintillo rojo. Ver imagen 1, 2 y 3. 2. Uso del QR: El QR debe mostrarse en grande. Ver imagen 4, 5 y 6. En el caso de la imagen 7, el texto es muy pequeño. 3. Saturación: No saturar pantallas. Textos largos no permitidos. 4. Textos: Textos pequeños y sin posibilidad de leerse no pueden usarse, como es el caso de la imagen 8. La imagen 9 es un ejemplo correcto de tamaño de texto y de ícono, ya que se ve claramente y no hay distractores.
Volver al menú principal
Volver al submenú
1
2
3
4
5
6
7
8
9
Canales Digitales - Own Media 43
Volver al menú principal
Volver al submenú
Dimensiones CR-NI-PAN 1324 x 742px Solo Imagen o animación Sin Sonido Duración 20 - 40 segundos
Peso óptimo para 40s 5 Mb Peso máximo 80MB* Formato de archivo .mp4
Dimensiones HON 866 x 520px Solo Imagen o animación Sin Sonido Duración 20 - 40 segundos
Peso óptimo para 40s 5MB Peso máximo 80MB Formato de archivo .mp4
Dimensiones ESA 1248 x 844 Solo Imagen o animación Sin Sonido Duración 20 - 60 segundos
Peso óptimo para 60s 5MB Peso máximo 80MB Formato de archivo .mp4
Canales Digitales - Own Media
OWN MEDIA / OTROS
Pop Up BEL Es la imagen emergente que aparece al iniciar sesión en Banca en Línea. Todo el arte es un botón, así que siempre colocar de forma ilustrativa un CTA. 1. Idioma: Debe enviarse la misma versión en ESP/ING para Panamá, El Salvador y Honduras. 2. Nomenclatura: La nomenclatura debe contener: Nombre Producto_BAC 3. CTA: Los CTAs deben ser máximo 3 palabras no pueden tener gradientes ni textos en mayúsculas, ni sombras y determinar una acción.
100 Dimensiones 450 x 235px Peso máximo 250 Kb Formato de archivo .jpg
44
Volver al menú principal
Cantidad de caracteres en imagen gráfica. Incluyen: espacios en blanco, signos de puntuación y caracteres especiales.
Volver al submenú
14pts
Mínimo de cuerpos de textos. En Light o Regular. Si todo el texto va en mayúsculas puede ser de 28 pts. No aplica para disclaimers.
Canales Digitales - Sitio Web
ÍNDICE SITIO WEB Banners Imágenes bloque Landing tarjetas Cintillo BEL Google My Business Otros Landing nuevos proyectos
45
ISSUU
Home
46
Banners Promocional
Hero
Introductorio
Canales Digitales - Sitio Web
SITIO WEB / BANNERS
Banner Home 1
Es el banner que se coloca (en carrusel de 3 slides) en páginas principales de los segmentos (Personas, PYMEs, Empresas, Nuestra Empresa).
2 3
Especificaciones: 1. Título: 23 caracteres máximo. 2. Descripción: 120 caracteres. 3. Botón: 1 Call to action. 4. Logo: Se puede usar la versión blanca del logo, limitar el texto a 3–4 palabras. 4
Importante: Se debe enviar como adicional, el arte adaptado a versión responsive (mobile).
2 3
47
Dimensiones 1680 x 900px Peso máximo 250Kb Formato de archivo .jpg
Volver al menú principal
Volver al submenú
Dimensiones logo 600 x 437px Peso máximo 250Kb Formato de archivo .png (transparente)
Banner Home Algunas prohibiciones en los banners:
Adicionales: • Colocar el foco de la imagen dentro del área de ilustración. • Evitar utilizar mayúsculas sostenida en títulos y descripciones. • Mantener la cantidad de caracteres indicada para descripciones y títulos.
Volver al menú principal
Volver al submenú
Área de texto
Área de enfoque
Área de ilustración
Área de texto
Área de ilustración
Bloque no movible Área de enfoque
Dimensiones Desktop 1680 x 900px Peso máximo 250Kb Formato de archivo .jpg
Dimensiones Mobile 420 x 860px Peso máximo 250Kb Formato de archivo .jpg
Bloque no movible
MOBILE
Especificaciones: 1. Texto en arte: Sin texto en la imagen. 2. Área enfoque: Desktop 1045x470px. Mobile 420x208px. No colocar elementos importantes en el área de recorte, ya que se pueden perder. 3. Pesos: Máximo 250kb 4. Formato: JPG
Área de recorte
DESKTOP
Canales Digitales - Sitio Web 48
SITIO WEB / BANNERS
Área de recorte
Canales Digitales - Sitio Web
SITIO WEB / BANNERS
Banner Promocional Banner informativo de lectura rápida, acompañado de un CTA claro. Puede desarrollarse como 1 banner individual, o carrusel de hasta 3 banners Las agencias pueden enviar máximo 3 artes, según lo solicitado. La cantidad requerida debe ser definida por el especialista.
Especificaciones: 1. Título: 23 caracteres máximo. 2. Descripción: 140 caracteres. 3. Imagen: El punto focal debe estar al centro (No incluir sombras, ni textos). 4. Botón: 1 Call to action.
Dimensiones Mobile 430 x 700px Peso máximo 250Kb Formato de archivo .jpg
Dimensiones Desktop 1680 x 700px Peso máximo 250Kb Formato de archivo .jpg
Importante: Entregar la versión mobile. • Evitar elementos clave cerca de los bordes para prevenir cortes. • En desktop, el foco visual debe ubicarse hacia la derecha. • En mobile, el foco debe centrarse.
49
Volver al menú principal
3
1
2
4
CARRUSEL BANNER SECUNDARIO
PROMOCIONAL
(Conjunto de 3 Banners Promocionales)
3 1
2
4
Volver al submenú
Canales Digitales - Sitio Web
SITIO WEB / BANNERS
Banner Hero Banner de alta relevancia, utilizado en espacios principales (como el home), diseñado para generar mayor impacto visual y destacar contenidos prioritarios o líneas de producto. Especificaciones: Existen 3 tipos de banners, cada uno con características específicas: 1. Normal (alineado al centro) • Permite el uso de ícono 2. Landing (alineado a la izquierda) • Permite el uso de ícono 3. Tarjeta • Incluye imagen o logo. • Es el único formato que permite el uso de logo
50
Volver al menú principal
Volver al submenú
1. Imagen: (No incluir sombras, ni textos). 2. Ícono: Solo del catálogo de íconos. 3. Logo: Medida 646x417px. Versión blanca. Peso máximo 250kb. Enviarlo en PNG transparente. 4. Título: 23 caracteres. 5. Descripción: 140 caracteres máximo. 6. Botones: 2 CTA. El texto se puede cambiar Usar imágenes de tipo background sin personas o elementos importantes.
NORMAL 1
2 4 5 6
LANDING 1
2 4 5 6
Dimensiones Desktop 1680 x 700px Peso máximo 250Kb Formato de archivo .jpg
Dimensiones Mobile 430 x 700px Peso máximo 250Kb Formato de archivo .jpg
TARJETA 1
4
3 6
5
Canales Digitales - Sitio Web
SITIO WEB / BANNERS
Banner introductorio Este banner está diseñado para presentar productos de manera general, optimizando su visualización y desempeño en dispositivos móviles.
Especificaciones: 1. Título: No mayor a dos líneas de texto 2. Menú de navegación: Se trabajan hasta 3 enlaces. 3. Descripción: No mayor a 4 líneas de texto.
4. Call to Action: Máximo 2 CTA (uno principal y otro secundario) que no sobrepasen más de dos palabras cortas por cada uno.
Dimensiones 580 x 341px Peso máximo 250Kb Formato de archivo .jpg
51
Volver al menú principal
Volver al submenú
Imágenes de bloque 52
Card Productos
Destacados
Catálogos
Carrusel Secciones
Galería Imágenes
Videos
Diapositiva
Tutoriales
Formulario
Otros
Canales Digitales - Sitio Web
SITIO WEB / IMÁGENES DE BLOQUE
Card Productos Es un componente exclusivo de las landings de productos. Está compuesto por: • Vista resumida: Muestra la información principal • Vista expandida: Se despliega al hacer clic en “Ver más”, donde se presenta el detalle completo del producto. Especificaciones: 1. Título: 23 caracteres. 2. Categoría: Debe corresponder a la categoría del producto en la plataforma. 3. Lista de beneficios: Se muestran 3 como vista previa, pero pueden incluirse más. 4. Imagen: No incluir sombras, ni textos. 5. Botón: 1 CTA. Se puede personalizar. 6. Enlace “Ver más”: Permite expandir el card o mostrar el landing asociado.
53
4
1
Volver al menú principal
Volver al submenú
2
3
5
6 Dimensiones arte 640 x 360px Peso máximo 250Kb Formato de archivo .jpg
Canales Digitales - Sitio Web 54
SITIO WEB / IMÁGENES DE BLOQUE
Destacados
Esta sección puede contener hasta 6 cards. La estructura permite en mobile el desplazamiento vertical u horizontal. Especificaciones: 1. Título del bloque: 23 caracteres. 2. Subtítulo del bloque: 140 caracteres (máximo). 3. Estructura de cards: Estructura básica de visualización de elementos. 4. Imagen: Debe ser una fotografía sin textos o elementos. 1 por cada destacado. 5. Título del destacado: Mín. 23 caracteres. Máx. 46 caracteres. 6. Descripción del destacado: 140 caracteres (máximo). 7. Botón: 1 CTA principal por cada destacado. El texto se puede personalizar. 8. Enlace: 1 CTA secundario, tipo enlace por cada destacado. No se puede personalizar.
Volver al menú principal
Volver al submenú
BLOQUE DE 3 DESTACADOS
CARD DE DESTACADOS
1
2
4
5
6
3 Dimensiones 1000 x 560px Peso máximo 250Kb Formato de archivo .jpg
7
8
Canales Digitales - Sitio Web
SITIO WEB / IMÁGENES DE BLOQUE
Catálogos
Son los cards que viven en los diferentes catálogos de: Vivienda, Vehículos, Comercios, Artículos, Tarjetas, Promociones y Pyme Store.
4
4 6
6
Especificaciones: 1. Título: Hasta 46 caracteres máximo. 2. Categoría: Están previamente creadas y no son editables. 3. Descripción: Sin límite.. 4. Imagen: 1 por cada card. 5. Enlace / CTA: Pueden tener uno o varios CTA 6. Logo: Depende del catálogo se puede colocar un logo al card.
2
1
Volver al menú principal
Volver al submenú
1
2
2
1 3
3 3
5
5
3 Dimensiones 1000 x 560px Peso máximo 250Kb Formato de archivo .jpg
55
4
Dimensiones del logo/tarjeta 250 x 250px Peso máximo 250Kb Formato de archivo .jpg / .png (transparente)
Canales Digitales - Sitio Web
SITIO WEB / IMÁGENES DE BLOQUE
Carrusel secciones Componente compuesto por un carrusel de imágenes para presentar contenido de forma dinámica. Logo: • La inclusión de logo es opcional. En caso de incorporarse, debe colocarse en la esquina superior derecha de la imagen. • Debe ser sutil y evitar competir con el contenido principal. Especificaciones: 1. Título: 23 caracteres 2. Descripción: 69 caracteres. 3. Imagen: Incluir sombras o degradado abajo de la imagen para los textos. 4. Enlace: 1 por cada card. No se puede personalizar.
56
Volver al menú principal
Volver al submenú
3
1
2 Dimensiones 767x1068px Peso máximo 250Kb Formato de archivo .jpg
4
Canales Digitales - Sitio Web
SITIO WEB / IMÁGENES DE BLOQUE
Galería de imágenes Componente que presenta contenido mediante un carrusel de imágenes, sin límite máximo de fotografías. Especificaciones: 1. Título: Máximo de 23 caracteres 2. Subtítulo: Máximo de 140 caracteres 3. Botones: Cada imagen funciona como botón interactivo, enlazando al contenido correspondiente
Dimensiones 1000 x 560px Peso máximo 250Kb Formato de archivo .jpg
57
Volver al menú principal
Volver al submenú
Canales Digitales - Sitio Web 58
SITIO WEB / IMÁGENES DE BLOQUE
Videos
Compuesto por hasta 6 cards de video, cada uno abre el contenido en un pop-up (YouTube o Vimeo).
8
1 4
2
El texto de la portada debe ser conciso y dentro del área visible. 3
Especificaciones: 1. Título: 23 caracteres. 2. Subtítulo: 140 caracteres (máximo). 3. Videos: Máximo 2 líneas de 3 videos. 4. Imagen: 1 por cada video (no incluir sombras). 5. Título de Vídeo: Máximo 46 caracteres. 6. Descripción: Se puede colocar descripción. 7. Enlace: 1 personalizable por cada video. 8. Ícono: No incluir en el arte. 9. Área visible: Donde se lee correctamente el texto.
Volver al menú principal
Volver al submenú
5 6 7
9 Dimensiones de la portada 1000 x 560px Peso máximo 250Kb Formato de archivo .jpg
Canales Digitales - Sitio Web 59
SITIO WEB / IMÁGENES DE BLOQUE
Diapositiva
Componente de dos columnas: • Columna de texto: permite presentar información más detallada sobre un tema • Columna visual: incluye una imagen o un carrusel vertical de imágenes
1
2 3
4
Especificaciones: 1. Imagen: No incluir sombras, ni textos. 2. Título: 23 caracteres 3. Subtítulo: 140 caracteres. 4. Descripción: Más de 140 caracteres. 5. Botones: Un CTA. 6. Enlace: No se puede personalizar.
Volver al menú principal
Volver al submenú
5
6
Dimensiones imagen 650 x 750px Peso máximo 250Kb Formato de archivo .jpg
Canales Digitales - Sitio Web
SITIO WEB / IMÁGENES DE BLOQUE
Tutoriales
Bloque que organiza los pasos de uno o varios tutoriales en formato de slides, facilitando la navegación progresiva del contenido.
1 2
Especificaciones: 1. Título: 23 caracteres. 2. Descripción del bloque: 140 caracteres. 3. Paso: Númericos y automatizados. 4. Botón de navegación: Predeterminados. 5. Imagen: Una por cada paso 6. Descripción de paso: Puede contener links. 7. Botones: Dos CTA. Uno principal y otro secundario.
5 3 4 6
7
Dimensiones 1000 x 560px Peso máximo 250Kb Formato de archivo .jpg
60
Volver al menú principal
Volver al submenú
Canales Digitales - Sitio Web
SITIO WEB / IMÁGENES DE BLOQUE
Formulario
Bloque de imagen ubicado junto a los nuevos formularios. Consideraciones para versión móvil: • El área visible en dispositivos móviles está delimitada por un margen de 700 x 445 px (referenciado en color azul). • Todos los elementos importantes (personas, objetos y puntos focales) deben ubicarse dentro de esta zona. • Cualquier contenido fuera de estos márgenes quedará oculto cuando el formulario se visualice en mobile. Dimensiones 700 x 700px Área visible 700 x 445px Peso máximo 250Kb Formato de archivo .jpg
61
Volver al menú principal
Volver al submenú
Canales Digitales - Sitio Web 62
SITIO WEB / IMÁGENES DE BLOQUE
Card de noticias Se utiliza para presentar noticias, artículos y contenido destacado. Está compuesto por 4 cards. Recomendaciones de uso Para mantener una composición visual armónica, se recomienda utilizar: 2 cards, las 4 cards completas. 1. Título: 23 caracteres. 2. Subtítulo: 140 caracteres (Máximo). 3. Noticias (x4): Mínimo 2 noticias y Máximo 4 noticias. 4. Imagen: 1 por cada noticia (No incluir sombras, ni textos). 5. Título de Noticia: Mínimo 23 caracteres, Máximo 46 caracteres. 6. Descripción: 140 caracteres (Máximo). 7. Enlace: 1 por cada noticia el texto se puede cambiar.
Volver al menú principal
Volver al submenú
1
2
CARD DE NOTICIA
3
4
5 6 7
Canales Digitales - Sitio Web
SITIO WEB / IMÁGENES DE BLOQUE
Bloque de secciones Es un componente ideal para comunicar beneficios, características o información agrupada de manera clara y organizada. Recomendaciones de uso 1. Título: 23 caracteres 2. Descripción: 140 caracteres. 3. Imagen: Sin sombras o textos. 4. Secciones: 4 recomendadas. 5. Ícono de sección: Según libro de marca. 6. Título de sección: 23 caracteres. 7. Subtítulo de sección: 57 Caracteres. 8. Enlace de sección: Puede personalizarse.
2
4
5 6 7 8
Dimensiones 700 x 700px Peso máximo 250Kb Formato de archivo .jpg
63
Volver al menú principal
Volver al submenú
1
3
Canales Digitales - Sitio Web
SITIO WEB / IMÁGENES DE BLOQUE
Artículos de blog Formato utilizado para publicar artículos y contenido informativo. Consta de un banner Hero en la cabecera y una imagen o cintillo complementario dentro del cuerpo del contenido. 1. Banner Hero “Normal” Con título. Puede llevar un subtítulo y un Call to action. 2. Imagen
Dimensiones 1792 x 600px Peso máximo 250Kb Formato de archivo .jpg
64
Volver al menú principal
Volver al submenú
1
2
Canales Digitales - Sitio Web
SITIO WEB / IMÁGENES DE BLOQUE
Imagen Wizard Componente compuesto por un menú vertical de botones acompañado de una imagen dinámica que cambia al pasar el cursor sobre cada opción. 1. Imagen: Puede ser una imagen por cada opción del menú. No incluir sombras, ni textos. 2. Título: 23 caracteres. 3. Descripción: 140 caracteres. 4. Botones menú: En lista vertical. Los íconos de los botones se seleccionan de catálogo precargado que no tiene mucha variedad en su listado.
Dimensiones 500 x 720px Peso máximo 250Kb Formato de archivo .jpg
65
Volver al menú principal
Volver al submenú
1 2
3
4
Canales Digitales - Sitio Web
SITIO WEB / IMÁGENES DE BLOQUE
Imagen cuadrícula Componente donde tres cuartas partes (3/4) de los elementos incluyen imagen de fondo y una cuarta parte (1/4) está destinada exclusivamente a contenido textual. 1. Título: 23 caracteres. 2. Descripción: 140 caracteres. 3. Enlace: 1 General se puede colocar el texo que se necesite. 4. Imagen: No incluir sombras, ni textos. 5. Límite para textos: No exceder en caracteres 6. Título Imagen: 23 caracteres. 7. Descripción imagen: 90 caracteres. 8. Enlace imagen: No se puede personalizar.
Dimensiones 500 x 720px Peso máximo 250Kb Formato de archivo .jpg
66
Volver al menú principal
Volver al submenú
1
4
2 5
3 6 7 8
Canales Digitales - Sitio Web 67
SITIO WEB / IMÁGENES DE BLOQUE
Imagen línea de tiempo Componente ideal para presentar procesos, pasos, hitos o eventos en orden cronológico. Su diseño facilita la comprensión secuencial de la información y permite destacar visualmente cada etapa dentro de una misma línea temporal. 1. Título del bloque: 23 caracteres. 2. Descripción del bloque: 140 caracteres. Puede contener links. 3. Paso o etapa: Son númericas. 4. Imagen: 1 por cada etapa o paso. No incluir sombras, ni textos. 5. Título de paso: 23 caracteres. 6. Descripción de paso: 140 caracteres. Puede contener links.
Volver al menú principal
Volver al submenú
1 2
4
3
6
5
Dimensiones 1000 x 560px Peso máximo 250Kb Formato de archivo .jpg
Landing de tarjetas 68
Canales Digitales - Sitio Web
SITIO WEB / LANDING
Landing de tarjetas Las landings de tarjetas están compuestos por secciones funcionales, las cuales deben comprenderse para maximizar el uso de la plataforma y asegurar una comunicación clara y efectiva. 1. Banner Hero: Sección principal de entrada: • Presentación visual en formato estilo tarjeta • Destaca el valor principal del producto. Ver más 2. Beneficios: Listado de los beneficios principales de la tarjeta. Incluye: • Título • Descripción breve • Puede incorporar enlaces complementarios 3. Otros Beneficios: Sección tipo desplegable
69
Volver al menú principal
Volver al submenú
• Contiene beneficios secundarios • Cada elemento incluye: título y descripción breve
1
2
4. Condiciones / Requisitos: Información clave que el usuario debe conocer antes de adquirir el producto. Incluye requisitos, condiciones de uso y detalles relevantes 5. Enlaces de Interés: Listado de enlaces relacionados. Puede incluir: • Información legal • Contenido promocional • Recursos adicionales vinculados a la tarjeta 6. Preguntas Frecuentes: Sección destinada a resolver las consultas más comunes del usuario Facilita la comprensión del producto y reduce fricciones en el proceso de decisión
3
4
4 5
6
Corresponde a las imágenes utilizadas en las landings de tarjetas de crédito y débito, las cuales cuentan con dos dimensiones predefinidas según el espacio donde serán visualizadas. Dimensiones y formato • Las medidas establecidas para cada formato ya contemplan los espaciados internos y márgenes de seguridad necesarios. Ver referencia. • Las imágenes deben entregarse en formato .PNG. • No se deben modificar las dimensiones ni eliminar los espacios vacíos incluidos en los archivos, ya que forman parte de la composición definida para la plataforma. • La preparación y adecuación final de estas imágenes será realizada por el Diseñador UI de BAC, quien se encargará de garantizar su correcta implementación dentro de las landings. Volver al menú principal
Volver al submenú
IMAGEN EN EL CATÁLOGO
Imagen tarjetas
IMAGEN EN EL BANNER
Canales Digitales - Sitio Web 70
SITIO WEB / LANDING
En catálogo 1000 x 560px Peso máximo 250Kb Formato de archivo .png (transparente)
En catálogo 646 x 417px Peso máximo 250Kb Formato de archivo .png (transparente)
Cintillo BEL 71
Canales Digitales - Sitio Web
SITI WEB / BEL
Cintillo BEL Es la comunicación que aparece en banca en línea acompañado de un CTA, por lo que se debe tomar en cuenta: • No se puede segmentar, cualquier persona puede verlo. • En Banca Móvil se cuenta con solamente 5 espacios al mes. • No se incluye título. Descripción de la campaña
En que consiste o va enfocada la campaña
1. Título en español / inglés
Límite máx. de caracteres 65
2. Descripción en español / inglés Límite máx. de caracteres 160 3. Texto botón principal español Límite máx. de caracteres 15 / inglés Nota: Se puede advertencia para español / inglés
72
Volver al menú principal
crear una Límite máx. de caracteres 200 cerrar en
Volver al submenú
EJEMPLO DE CINTILLO BEL
Google My Business 73
Canales Digitales - Sitio Web
SITIO WEB / GOOGLE MY BUSINESS
Especificaciones Perfil empresarial de BAC que permite mostrar información de sucursales, Rapibancos y cajeros automáticos directamente en los resultados de búsqueda de Google y Google Maps, facilitando el acceso a información de contacto, ubicación y servicios para los usuarios. Contacto Corresponde a la información de contacto y atención que se muestra en Google, incluyendo: Horarios de atención, direcciones, entre otros. Aplica para sucursales, Rapibancos y cajeros automáticos, permitiendo que los usuarios encuentren de manera rápida y confiable los datos
74
Volver al menú principal
Volver al submenú
necesarios para realizar sus consultas o visitas. A continuación se explican los 5 puntos más importantes:
3 1
1. Imagen: Ver información de dimensiones 2. Nombre sucursal / ATM / Rapibanco: Agregar BAC sin la palabra Credomatic. 3. Categoría: Banco o Cajero Automático 4. Descripción: Se requieren 750 caracteres. 5. Información de contacto: Número de teléfono, Sitio web y Perfil de redes sociales. Se puede agregar horarios especiales. 6. Ubicación y áreas: Es la dirección física.
Dimensiones 680 x 341px Peso máximo 250Kb Formato de archivo .jpg
2
4 6
5
Canales Digitales - Sitio Web
SITIO WEB / GOOGLE MY BUSINESS
Especificaciones Productos Esta sección permite comunicar los productos, servicios y beneficios asociados a las sucursales BAC que son visibles en Google Search y Google Maps. Entre los contenidos que pueden publicarse se incluyen: • Productos financieros. • Servicios disponibles en sucursales. • Beneficios destacados. • Promociones vigentes. • Soluciones y gestiones de interés para los clientes. La información debe ser breve, clara y orientada a resaltar la propuesta de valor del producto o servicio comunicado.
75
Volver al menú principal
Volver al submenú
1. Título del producto: Está limitado por 58 caracteres. Esto es obligatorio. 2. Descripción del producto: Posee 1000 caracteres máximo. Esto es opcional. 3. URL del producto: Esto es opcional. 4. Foto del producto / servicio. Categoría del producto. Son categorías que pueden crearse y ser utilizadas en diferentes sucursales. Esto es obligatorio. No es visible.
4
1 2
Precio del producto. Se puede colocar el precio del producto. Monto en colones. Esto es opcional.
Dimensiones 500 x 500px Peso máximo 250Kb Formato de archivo .jpg
3
Especificaciones Previsualización de Productos A continuación se presentan ejemplos de previsualizaciones correctas e incorrectas para los diferentes formatos de publicación en Google My Business. Estas referencias deben utilizarse como guía para validar el cumplimiento de los lineamientos visuales, asegurando una correcta presentación del contenido, una adecuada jerarquía de información y una experiencia óptima para el usuario.
Volver al menú principal
Volver al submenú
Previsualización
Canales Digitales - Sitio Web 76
SITIO WEB / GOOGLE MY BUSINESS
Previsualización
Área segura 365x342px
Arte completo
Dimensiones 410 x 337px Área segura 365 x 342px Peso máximo 250Kb Formato de archivo .jpg
Canales Digitales - Sitio Web
SITIO WEB / GOOGLE MY BUSINESS
Especificaciones Actualizaciones Esta sección está destinada a comunicar novedades, cambios e información relevante relacionada con las sucursales BAC como: • Cambios en horarios de atención. • Aperturas, cierres o remodelaciones de sucursales. • Nuevos servicios o funcionalidades. • Entre otros. 1. Foto o video. 2. Título: Colocar título corto. 3. Descripción: Es opcional. 4. Fecha / Hora: Es opcional. 5. Botón: Agregar CTA (reservar, pedir en línea, comprar, más información, registrarse y llamar ahora).
77
1
Volver al menú principal
Volver al submenú
Dimensiones 271 x 305px Peso máximo 250Kb Formato de archivo .jpg
2 4 3 5
Otros
Landing Nuevos Proyectos
78
ISSUU
Canales Digitales - Sitio Web
SITIO WEB / OTROS
Landings nuevos proyectos Para iniciar la construcción de una nueva landing page, es indispensable recopilar información que permita comprender la necesidad del negocio, los objetivos del sitio y la experiencia esperada para el usuario. Para ello, se utiliza la Plantilla de Creación de Landings, la cual incluye las siguientes definiciones
Información requerida
información específica.
1. Público objetivo: ¿A quién está dirigida la página? Se debe detallar el público meta considerando variables como tipo de cliente, segmento, vinculación, comportamiento de consumo y necesidades específicas.
5. Formularios: Indicar si la página requiere formularios y detallar su objetivo dentro de la estrategia de captación o conversión.
2. Objetivo de la página: Definir claramente qué necesidad, problema u oportunidad busca atender la landing, así como los resultados esperados y el volumen de tráfico estimado. 3. Estrategia de promoción: Indicar cómo se dará a conocer la página y cuáles serán los canales de comunicación que dirigirán tráfico hacia ella. 4. Acción del usuario (CTA): Especificar la acción que se espera que realice el visitante, por ejemplo: completar un formulario, solicitar un producto, generar un lead o consultar
79
Volver al menú principal
Volver al submenú
6. Referencias y competencia: Compartir ejemplos de sitios similares, ya sean de competencia o referentes del mercado, que ayuden a contextualizar la necesidad. 7. Estructura de contenido: Definir los bloques de información requeridos, tales como beneficios, requisitos, condiciones, preguntas frecuentes, tutoriales, testimoniales, entre otros. 8. Journey del usuario: Describir el recorrido ideal que se espera que realice el usuario dentro de la landing, desde su ingreso hasta la acción final deseada.
Canales Digitales - Sitio Web
SITIO WEB / OTROS
Landings nuevos proyectos Fases del Proceso Una vez iniciada la solicitud, la creación de una landing se desarrolla en las siguientes etapas:
1. Evaluación inicial: El equipo de Sitio Web proporciona la Plantilla de Creación de Landings con el fin de comprender la necesidad y determinar si la construcción de una landing es la solución adecuada. 2. Sesión de análisis: Una vez completada la plantilla, se coordina una sesión entre el negocio solicitante y el equipo de Sitio Web para revisar los requerimientos y validar el alcance del proyecto. 3. Entrega de contenido: Si se aprueba la creación de la landing, el negocio debe proporcionar todo el contenido necesario para su desarrollo. 4. Revisión de contenido: La información es revisada por el equipo de contenido y copywriting, quienes realizan los ajustes necesarios para garantizar claridad, consistencia y efectividad comunicacional.
80
Volver al menú principal
Volver al submenú
5. Desarrollo del prototipo: Se construye una propuesta inicial o prototipo de la landing, la cual es presentada para revisión y retroalimentación. 6. Construcción del sitio: Una vez aprobado el prototipo, se procede con el desarrollo completo de la landing. 7. Entrega final: Finalizado el proceso de construcción y validación, se realiza la entrega formal del sitio para su publicación. 8. Medición y seguimiento: Durante los tres meses posteriores a su lanzamiento, el equipo de Sitio Web realiza un proceso de monitoreo y análisis para evaluar la usabilidad, el desempeño y la efectividad de la landing, identificando oportunidades de mejora cuando sea necesario.
Canales Digitales - Sitio Web
SITIO WEB / OTROS
ISSUU
Repositorio destinado a la publicación de documentos, revistas, folletos, brochures, catálogos y material corporativo dirigido a clientes externos. No aplica a promocionales.
comunicados
ni
ofertas
Consideraciones: Cantidad de páginas: Desde 1 página en adelante. Se recomienda trabajar con una cantidad par de páginas para favorecer una visualización tipo libro o revista y una correcta numeración. Formato de archivo: Exclusivamente PDF. No se admiten archivos .JPG, .PNG o .GIF.
81
Interactividad: Permite incorporar: • Enlaces internos dentro del documento. • Enlaces externos hacia sitios web. • Enlaces a videos de YouTube.
Volver al menú principal
Volver al submenú
Peso del archivo: No existe un límite definido, pero el PDF debe estar optimizado para web y enfocado en una experiencia de lectura adecuada en dispositivos móviles. Orientación: Puede ser vertical u horizontal, según las necesidades del contenido.
Métricas: La herramienta proporciona información de desempeño, incluyendo indicadores como: • Alcance • Clics • Lecturas • Tiempo de visualización • Interacciones del usuario Este componente permite centralizar contenido de consulta y medir el comportamiento de los usuarios para optimizar futuras comunicaciones.
Canales Digitales - RRSS Orgánico 82
ÍNDICE RRSS ORGÁNICO Facebook Instagram X LinkedIn Youtube TikTok
Facebook Post
83
Mosaicos
Álbum
Portadas
Canales Digitales - RRSS Orgánico
R R S S O R GÁ N I C O / FAC E B O O K
Post
Se utilizan para publicaciones con alcance orgánico en Facebook. Se debe: • Priorizar mensajes claros, directos y fáciles de comprender. • Evitar la saturación de texto o elementos gráficos, ya que los usuarios suelen consumir este tipo de contenido de forma rápida. • Mantener una jerarquía visual adecuada que permita identificar fácilmente el mensaje principal. • Consistencia de marca Es indispensable respetar en todo momento la narrativa estratégica. En el caso de CR se debe respetar la estructura dada por el país (ver anexo).
84
Volver al menú principal
Volver al submenú
130
Cantidad de caracteres recomendado en imagen gráfica. Incluyen: espacios en blanco, signos de puntuación y caracteres especiales.
de cuerpos de 30pts Mínimo textos. En Light o Regular. Si todo el texto va en mayúsculas puede ser de 28 pts. No aplica para disclaimers.
Dimensiones 1200 x 1200px Formato de archivo .jpg
Canales Digitales - RRSS Orgánico 85
R R S S O R GÁ N I C O / FAC E B O O K
Mosaicos
Están compuestos por 4 imágenes cuadradas que, al visualizarse en conjunto, construyen una única pieza de comunicación. Está destinado al alcance orgánico y debe desarrollarse siguiendo una secuencia visual y narrativa. Se debe: • Mantener continuidad gráfica y conceptual entre las 4 piezas. • Distribuir la información de forma equilibrada para facilitar la lectura. • Evitar repetir elementos innecesariamente en cada imagen. • Utilizar el logo únicamente en la imagen de apertura o en la pieza de cierre, según la estrategia de comunicación.
Volver al menú principal
Volver al submenú
130
Cantidad de caracteres recomendado en imagen gráfica. Incluyen: espacios en blanco, signos de puntuación y caracteres especiales.
de cuerpos de 30pts Mínimo textos. En Light o Regular. Si todo el texto va en mayúsculas puede ser de 28 pts. No aplica para disclaimers.
Dimensiones 1200 x 1200px Formato de archivo .jpg
Canales Digitales - RRSS Orgánico 86
R R S S O R GÁ N I C O / FAC E B O O K
Álbum (2-3 imágenes) Permiten presentar contenido de forma secuencial mediante una portada e imágenes complementarias. Pueden estar compuestos por 2 o 3 artes.
1
1
2
Estructura 1. Portada: En formato horizontal o vertical. 2. Márgenes: Mantener márgenes seguros en portada de 60px Lineamientos Cantidad recomendada de caracteres: • Portada: 70 caracteres • Imágenes complementarias: 46 caracteres • Verificar artes: Textos, logos y elementos se encuentren dentro de las áreas seguras de visualización.
Volver al menú principal
Volver al submenú
2
Portada Vertical 1081 x 2161px Horizontal 2161 x 1081px
Complementarios Dimensiones 1200 x 1200px Formato de archivo .jpg
Canales Digitales - RRSS Orgánico
R R S S O R GÁ N I C O / FAC E B O O K
Portadas
Las portadas de Facebook son el principal elemento visual del perfil y permiten comunicar campañas, productos, beneficios o mensajes
institucionales de alto impacto. Se recomienda utilizar mensajes breves, una composición visual limpia y elementos gráficos alineados con la
identidad de marca, asegurando una correcta visualización tanto en versión desktop como móvil.
180px Dimensiones del arte 1200 x 460px Márgenes seguros 651 x 460px Formato de archivo .jpg
87
Volver al menú principal
Volver al submenú
Dimensiones del arte 1200 x 678px Márgenes seguros 900 x 500px Formato de archivo .jpg
Instagram Post
88
Grid CR
Canales Digitales - RRSS Orgánico 89
R R S S O R GÁ N I C O / I N S TAG R A M
Post
Las publicaciones orgánicas de Instagram deben diseñarse en formato vertical de 1080 x 1350 px, ya que este aprovechamiento del espacio permite una mayor visibilidad dentro del feed y mejora la presencia visual del contenido. • Respetar los márgenes de seguridad para garantizar que ningún elemento importante quede demasiado cerca de los bordes. • Mantener la consistencia con los lineamientos de marca en tipografía, colores y estilo visual. • Para storie aplica el mismo formato descrito en la sección de Meta.
Volver al menú principal
Volver al submenú
130
Cantidad de caracteres recomendados en imagen gráfica. Incluyen: espacios en blanco, signos de puntuación y caracteres especiales.
de cuerpos de 30pts Mínimo textos. En Light o Regular. Si todo el texto va en mayúsculas puede ser de 28 pts. No aplica para disclaimers.
Dimensiones 1080 x 1350px Formato de archivo .jpg
Canales Digitales - RRSS Orgánico
R R S S O R GÁ N I C O / I N S TAG R A M
Grid CR
Para la construcción del grid de Instagram de Costa Rica se utilizan dos estilos de portadas, diseñadas para mantener consistencia visual y reconocimiento de marca. 1. Portada Fotográfica: Utiliza una fotografía como elemento principal. 2. Portada Roja: Utiliza como color predominante el rojo BAC (#EA0029).
Dimensiones 1080 x 1350px Formato de archivo .jpg
90
Volver al menú principal
Volver al submenú
1
2
Canales Digitales - RRSS Orgánico
R R S S O R GÁ N I C O / I N S TAG R A M
Grid CR
Portada de Fotografía / Reel Para mantener la consistencia visual de las portadas de fotografía y reels:
4
7
• Utilizar Graphik Light sola o combinada con Graphik Semibold. • Incluir siempre la BAC Font para destacar una palabra o concepto clave. • Mantener una composición limpia, ordenada y alineada con la identidad visual de BAC.
6 #ffffff Ubicación 0% Opacidad 100%
1 5
Ubicación 50%
Compartí momentos únicos 3
91
Volver al menú principal
Volver al submenú
#000000 Ubicación 94% Opacidad 100%
1. Graphik Light (60pt): Predomina esta tipografía para mantener el arte más limpio. 2. BAC Font (72pt): Debe mantener visualmente una altura y grosor agradable en combinación con las otras fuente, por lo tanto, siempre debe existir una diferencia de 12pts entre la Graphik y la BAC Font. Esto nos permite un tamaño estético en conjunto con las otras tipografías. 3. Márgenes: 122.5x135px en todos sus lados. 4. Área segura: Se debe mantener el bloque de texto justificado al centro dentro de este margen seguro. El texto nunca debe sobrepasarlo. Esta área mide 835x1080px. 5. Colocación: El texto debe comenzar con una distancia de 258px de la primera línea del texto al borde del área. 6. Gradiente: Se utiliza una gradiente con efecto MULTIPLY para resaltar los textos y que no se pierdan contra las imágenes de fondo. Debe medir 1080x706px. 6. Foco: Se debe cuidar que el foco de la imagen no exceda esta zona. Caras y demás lementos pueden quedar cortados en el feed. Nota: El interlineado del texto debe ser 66pts.
Canales Digitales - RRSS Orgánico
R R S S O R GÁ N I C O / I N S TAG R A M
Grid CR
Portada roja 2 líneas Para mantener la consistencia visual de las portadas rojas, independientemente de la agencia que desarrolle el material, se deben respetar los lineamientos gráficos y tipográficos definidos por BAC, asegurando una comunicación uniforme, ordenada y alineada con la identidad de marca. • Utilizar Graphik Light sola o combinada con Graphik Semibold. • Incluir siempre la BAC Font para destacar una palabra o concepto clave. • Mantener una composición limpia, ordenada y alineada con la identidad visual de BAC.
92
Volver al menú principal
Volver al submenú
5
1
Comprometidos con tu bienestar
1. Graphik Semibold (88pt): Resaltar textos importantes sin que se vea saturado. 2. Graphik Light (88pt): Generar balance en peso visual contra las tipografías Semibold y BAC Font. 3. BAC Font (100pt): Debe mantener visualmente una altura y grosor agradable en combinación con las otras fuentes, por lo tanto, siempre debe existir una diferencia de 12pts entre la Graphik y la BAC Font. Esto nos permite un tamaño estético en conjunto con las otras tipografías. 4. Márgenes: 122.5x135px en todos sus lados. 5. Área segura: Se debe mantener el bloque de texto justificado al centro dentro de este margen seguro. El texto nunca debe sobrepasarlo. Esta área mide 835x1080px. Nota: El interlineado del texto debe ser 92pts.
4
2
3
Canales Digitales - RRSS Orgánico
R R S S O R GÁ N I C O / I N S TAG R A M
Grid CR
Portada roja 3 líneas Para mantener la consistencia visual de las portadas rojas, independientemente de la agencia que desarrolle el material, se deben respetar los lineamientos gráficos y tipográficos definidos por BAC, asegurando una comunicación uniforme, ordenada y alineada con la identidad de marca. • Utilizar Graphik Light sola o combinada con Graphik Semibold. • Incluir siempre la BAC Font para destacar una palabra o concepto clave. • Mantener una composición limpia, ordenada y alineada con la identidad visual de BAC.
93
Volver al menú principal
Volver al submenú
5
Seguimos transformándonos, por eso innovamos
1 2 3
1. Graphik Light (88pt): Resaltar textos importantes sin que se vea saturado. 2. Graphik Semibold (88pt): Generar balance en peso visual contra las tipografías Semibold y BAC Font. 3. BAC Font (100pt): Debe mantener visualmente una altura y grosor agradable en combinación con las otras fuentes, por lo tanto, siempre debe existir una diferencia de 12pts entre la Graphik y la BAC Font. Esto nos permite un tamaño estético en conjunto con las otras tipografías. 4. Márgenes: 122.5x135px en todos sus lados. 5. Área segura: Se debe mantener el bloque de texto justificado al centro dentro de este margen seguro. El texto nunca debe sobrepasarlo. Esta área mide 835x1080px. Nota: El interlineado del texto debe ser 92pts. Nunca deben exceder las 3 líneas de texto.
4
X 94
Canales Digitales - RRSS Orgánico
RRSS ORGÁNICO / X
X
A continuación se detallan los lineamientos generales para la creación de contenido en X. 1. Tweets: Las publicaciones pueden enviarse como texto únicamente o acompañado de una imagen.
2
Caption: 260 caracteres. 2. Imágenes: Actualmente se manejan tres formatos de arte: • Arte horizontal • Arte cuadrado • Arte de portada
95
1
Volver al menú principal
3
1. Portada Dimensiones 1500 x 500px Formato de archivos .jpg
Volver al submenú
2. Arte horizontal Dimensiones 2048 x 1365px Formato de archivos .jpg
3. Arte cuadrado Dimensiones 1200 x 1200px Formato de archivos .jpg
LinkedIn 96
Canales Digitales - RRSS Orgánico
RRSS ORGÁNICO / LINKEDIN
A continuación se detallan los lineamientos generales para la creación de contenido en LinkedIn. 1. Post: Las publicaciones pueden enviarse como texto únicamente o acompañado de una imagen. Caption: 260 caracteres.
Arte Dimensiones 1200 x 1200px Formato de archivos .jpg
Cantidad de caracteres recomendados en imagen gráfica. Incluyen: espacios en blanco, signos de puntuación y caracteres especiales.
de cuerpos de 30pts Mínimo textos. En Light o Regular. Si todo el texto va en mayúsculas puede ser de 28 pts. No aplica para disclaimers.
2. Imágenes: Actualmente se manejan dos formatos de arte: • Arte cuadrado • Arte carrusel Importante: Los carruseles deben enviarse en PDF para su respectiva publicación.
97
130
Volver al menú principal
Volver al submenú
1. Carrusel Dimensiones 1200 x 1200px Formato de archivos .pdf
Youtube 98
Canales Digitales - RRSS Orgánico 99
R R S S O R GÁ N I C O / YO U T U B E
Youtube
A continuación se detallan los formatos y materiales requeridos para el canal de YouTube. A. Imágenes 1. Imagen de perfil: Fotografía o imagen representativa del canal. 2. Portada de YouTube 3. Imagen principal del canal. B. Miniaturas (Thumbnails) • Medida: 1920 x 1080 px. • Para su creación se debe indicar: • Nombre del playlist (si aplica). • Texto que debe aparecer en la miniatura. • Enlace del video correspondiente. • La agencia únicamente entrega los artes gráficos.
Volver al menú principal
Volver al submenú
C. Videos Video horizontal: Formato estándar para publicaciones en el canal. Sin límite de duración definido.
Perfil
D. Shorts: Videos en formato vertical de corta duración. Duración recomendada: entre 10 y 60 segundos.
1. Imágenes Perfil 800 x 800px
2. Videos Horizontal 3840 x 2160px
Portada 1024 x 576px Área visible (centradas) 820 x 175px
Short (10-60s) 1080 x 1920px
Formato de archivos .jpg
Formato de archivos .mp4 3. Miniaturas 1920 x 1080px Formato de archivo .jpg
Portada
TikTok 100
Canales Digitales - RRSS Orgánico
RRSS ORGÁNICO / TIKTOK
TikTok
Es un espacio para conectar de forma cercana y auténtica. Se debe fomentar la conversación, confianza y mostrar el lado más humano de BAC, sin perder el profesionalismo ni la credibilidad de la marca. Priorizamos historias con propósito antes que mensajes comerciales directos, utilizando contenido dinámico, relevante y alineado con nuestra esencia. Podemos participar en tendencias y formatos populares de la plataforma, siempre que sean coherentes con los valores, la identidad y la narrativa estratégica de BAC.
Lineamientos generales Se prioriza la creación de contenido audiovisual original, utilizando música, audios o canciones con los derechos correspondientes. Especificaciones técnicas • Formato: Vertical (9:16) • Medida: 1080 x 1920 px • Duración: Hasta 10 minutos Se recomienda priorizar piezas cortas, dinámicas y con enfoques creativos que se adapten al consumo de los usuarios. Restricciones Evitar el uso de vestimentas cuyos colores puedan asociarse visualmente con otras entidades bancarias, especialmente:
Si desea más información puede ver la guía de RRSS o si desea realizar consultas: Katherine Kauffman | katherine.kauffman@baccredomatic.com
101
Volver al menú principal
Volver al submenú
• Azul • Naranja • Verde Todo actor o influencer que participe en una producción debe contar con la aprobación previa de Reputación. Recomendación El contenido debe sentirse natural, cercano y alineado con las tendencias de la plataforma, sin perder consistencia con la identidad y los valores de la marca.
Dimensiones perfil 200 x 200px Formato de archivo .jpg
Canales Digitales - Anexos de Lectura
ANEXOS DE LECTURA N. Estratégica Hashtags Emojis Glosario de términos Otros Excel Materiales
102
Narrativa Estratégica Narrativa
103
Uso en CR
Canales Digitales - Anexos de Lectura
ANEXOS
Narrativa Estratégica Son los mensajes clave que se posicionan a través de la conversación digital y off-line.
Narrativa usual
¿Por qué? [Propósito]
¿Cómo?
¿Qué? [Propuesta de valor]
Narrativa reputacional
Estructura • Por qué: Posicionar soluciones reales, efectivas y de alta calidad. • Cómo: Fortalecer las características que hacen especial, real y de valor el producto o servicio. • Qué: Nuestro producto, servicio o resultados “El “por qué” conecta con el sistema límbico del cerebro (emociones y decisiones), mientras que el “qué” se relaciona con el neocórtex (lenguaje y lógica). Cuando se comunica primero el “por qué”, se genera confianza y sentido, lo que influye en decisiones más profundas que la lógica por sí sola no logra” (Whatley, 2024). Arquitectura Reputacional & Comunicación Estratégica • Impacto Positivo: Posicionar a BAC como un catalizador de creación de valor social y ambiental positivo para América Central.
Si desea más información o desea realizar consultas: Victor Mora | victor.mora@baccredomatic.com
104
Volver al menú principal
Volver al submenú
• Experiencia: Posicionar a BAC como el banco líder en soluciones financieras centradas en la vida (simples, digitales y de triple valor positivo). • Innovación: Posicionar a BAC como el banco líder en hacer banca con propósito y a la vanguardia de la transformación digital. • Talento: Posicionar a BAC como el banco líder en el desarrollo integral de talento humano y promoción de una cultura diversa e incluyente. Importante: • El código semántico aplica para todas las redes y los hashtags. • Siempre que se menciona la palabra American Express® esta debe ir acompañada del icono ®.
Canales Digitales - Anexos de Lectura
ANEXOS
Narrativa Estratégica A continuación algunos ejemplos de frases para la construcción de mensajes para los ejes reputacionales de impacto, experiencia, innovación, impacto y talento. Experiencia • Trabajamos con calidad • Tu satisfacción es nuestro principal objetivo • Tenemos amplia experiencia en el mercado • Te hemos acompañado/apoyado/ayudado • Adaptamos nuestra oferta según el entorno • Estamos disponibles para atenderte • Te ofrecemos soluciones innovadoras • Planificá tu futuro • Viví momentos únicos • Nos encanta complacerte • Disfrutá junto a nosotros • Compartí momentos únicos • Te invitamos a que disfrutés Frases aplica para la construcción de narrativa en Costa Rica
105
Volver al menú principal
Volver al submenú
• Viví con pasión momentos únicos • Talento • Somos reconocidos • Somos referentes • Hemos impactado • Somos pioneros en • Somos líderes • Nuestros logros nos hacen confiables • Nuestra trayectoria es garantía de • Nuestra experiencia nos diferencia • Estamos orgullos de ser el banco más Innovación • Nos adaptamos • Buscamos mejorar continuamente • Buscamos ser más simples • Nos renovamos • Nos transformamos • Trabajamos para tener altos estándares de seguridad digital
• Buscamos el desarrollo tecnológico • Seguimos transformándonos • Reimaginamos la banca para Impacto • Contribuimos al bienestar • Comprometidos con tu bienestar / ambiente / culturales / educativas • Queremos y trabajamos por tu bienestar • Apoyamos en momentos difíciles • Enfrentamos juntos momentos difíciles • Estamos comprometidos con el país. • Te enseñamos la importancia del manejo financiero. • Te entendemos • Entendemos tu posición • Nos ponemos en tu posición • Cumplimos la norma / ley • Acatamos • Asumimos nuestra responsabilidad
Hashtags Funcionalidad
106
Lista
Canales Digitales - Anexos de Lectura
ANEXOS
Hashtags Con el fin de mantener una comunicación consistente y alineada con la estrategia de marca, se han definido los siguientes hashtags oficiales para las comunicaciones de BAC.
Nomenclatura de Productos y Servicios Para facilitar el monitoreo, análisis y generación de reportes, es indispensable que el nombre del producto o servicio mencionado en la comunicación aparezca explícitamente dentro del caption o copy de la publicación.
Estos hashtags deben utilizarse ya que responden a la narrativa estratégica de la marca nos permiten mayor monitoreo del Social Listening.
Uso de Hashtags para Monitoreo Cuando se requiera realizar seguimiento a iniciativas, proyectos o campañas específicas, se deberá utilizar el hashtag oficial correspondiente.
Importante: No se deben crear ni utilizar hashtags adicionales para productos o campañas, salvo que exista una aprobación previa por parte del equipo de Marca. Únicamente se deberán utilizar los hashtags oficiales detallados en esta guía.
El hashtag puede: • Incorporarse de forma natural dentro del texto del caption. • Colocarse al final de la publicación como cierre. Su uso permite agrupar contenidos y generar reportes más precisos sobre el desempeño de
Si desea más información o desea realizar consultas: Victor Mora | victor.mora@baccredomatic.com
107
Volver al menú principal
Volver al submenú
una campaña o temática en particular. Hashtags Oficiales BAC Experiencia • #BACSimple • #BACTeEscucha • #BACExperiencia Impacto Positivo • #BACReimaginamosLaBanca • #BACApoya • #BACPositivo • Innovación • #BACInnova • #BACDigital Talento • #EquipoBAC • #TalentoBAC
Emojis Funcionalidad
108
Lista
Canales Digitales - Anexos de Lectura
ANEXOS
Emojis Pueden utilizarse para complementar el mensaje, aportar cercanía y reforzar el tono de la comunicación. Lineamientos generales • Máximo de 3 emojis por publicación. • Su uso debe aportar valor al mensaje y no sustituir información relevante. Emojis aprobados Se debe consultar la lista oficial de emojis aprobados por Marca, los cuáles son compatibles con la personalidad, el tono y la narrativa estratégica de BAC. Consideración por segmento No todos los segmentos permiten el uso de emojis. Por ello, se debe validar las directrices de comunicación correspondientes a cada audiencia antes de utilizarlos.
109
Volver al menú principal
Volver al submenú
Segmentos que aplica: BAC, BAC Plus y pyme No aplica: Segmentos Premium, Private Banking, Wealth Managemente y Empresas
Glosario de términos Narrativa
110
Uso en CR
Canales Digitales - Anexos de Lectura
ANEXOS
Glosario de términos CR
HON
ESA
NIC
PAN
GUA
DONDE NO APLICA
TARJETAS
Tarjeta de Crédito BAC
Tarjeta de Crédito BAC
Tarjeta de Crédito BAC
Tarjeta de Crédito BAC
Tarjeta de Crédito BAC
Descentralizado
“...Con tus tarjetas de crédito BAC…”
Tarjetas OMAS
Otra Tarjeta de Credito BAC
Otra Tarjeta de Credito BAC
Otra Tarjeta de Credito BAC
Otra Tarjeta de Credito BAC
Otra Tarjeta de Credito BAC
Descentralizado
No aplica
Tarjetas Adicionales
Tarjeta de Crédito Adicional
Tarjeta de Crédito Adicional
Tarjeta de Crédito Adicional
Tarjeta de Crédito Adicional
Tarjeta de Crédito Adicional
Descentralizado
No aplica
Economía
EconoMía
EconoMía
EconoMía
No aplica
No aplica
Descentralizado
No aplica
Walmart (Tipo de Acumulacion)
Walmart Cash
Lempiras Fáciles
Dólares Fáciles
No aplica
No aplica
Descentralizado
No aplica
Cashback (Acumulación)
CashBack
Cash de BAC Credomatic
CashBAC
No aplica
Cashback
Descentralizado
No aplica Siempre las P en mayúsculas
PRÉSTAMOS PERSONAL
111
Otra línea de Extrafinanciamiento (OLE)
Préstamo Personal
Extrafinanciamiento
Extra
Préstamo Personal Universal Preaprobado (PPUP)
Extra
Descentralizado
No aplica
Mini Cuotas
Mini Cuotas
Mini Cuotas
Mini Cuotas
Mini Cuotas
Mini Cuotas
Descentralizado
No aplica
Traslado de Saldo Revolutivo (TSR)
Traslado de Saldo o Traslado de Saldo a Cuotas
No aplica
No aplica
No aplica
Traslado de Saldo
Descentralizado
No aplica
Libranzas - Préstamo Planilla
Préstamo Planilla
Préstamo Planilla
Crédito Gobierno
Préstamo Planilla
No aplica
Descentralizado
No aplica
Volver al menú principal
Volver al submenú
Canales Digitales - Anexos de Lectura 112
ANEXOS
Glosario de términos CR
HON
ESA
NIC
PAN
GUA
DONDE NO APLICA
Préstamo Hipotecas
Financiamiento de Vivienda
Préstamo Casa BAC
Crédito Casa BAC
No aplica
No aplica
Descentralizado
No aplica
Préstamos Vehículo
Financiamiento de Auto
Préstamo Auto BAC
Crédito Auto BAC
No aplica
No aplica
Descentralizado
No aplica
PRÉSTAMOS VEHÍCULO
Prendario
Auto BAC
Auto BAC
Auto BAC
Préstamo de Auto
Descentralizado
No aplica
PRÉSTAMOS HIPOTECAS
Hipotecario
Casa BAC
Casa BAC
Casa BAC
Préstamo Hipotecario
Descentralizado
No aplica
CUENTAS
Cuentas
No aplica
No aplica
No aplica
No aplica
No aplica
Descentralizado
Plural: La C debe ser minúscula. Singular: “C’ sin acompañamiento de palabra BAC al lado, minúscula
Cuenta Digital
Cuenta Fácil
Cuenta de Ahorro Digital BAC
Cuenta de Ahorro Digital BAC
Cuenta de Ahorro Digital BAC
Cuenta 100% Digital
Descentralizado
No aplica
Cuenta Suma
No aplica
No aplica
No aplica
No aplica
Cuenta Suma
Descentralizado
No aplica
Cuenta Ahorro
No aplica
Cuenta de Ahorro Digital BAC
Cuenta de Ahorro Digital BAC
Cuenta de Ahorro Digital BAC
Cuenta de Ahorro Regular
Descentralizado
No aplica
Cuenta Preferente
Cuenta Inversión Preferente
No aplica
No aplica
No aplica
No aplica
Descentralizado
No aplica
Cuenta Fácil
No aplica
No aplica
No aplica
No aplica
No aplica
Descentralizado
No aplica
Volver al menú principal
Volver al submenú
Canales Digitales - Anexos de Lectura
ANEXOS
Glosario de términos CR
HON
ESA
NIC
PAN
GUA
DONDE NO APLICA
Cuenta Élite
No aplica
Cuenta Élite
Cuenta Élite
No aplica
No aplica
Descentralizado
No aplica
Préstamos Vehículo
Financiamiento de Auto
Préstamo Auto BAC
Crédito Auto BAC
No aplica
No aplica
Descentralizado
No aplica
Planillas
No aplica
Cuenta Planilla
Cuenta Planilla
Cuenta Planilla
Cuenta Planilla
Descentralizado
No aplica
BAC Objetivos
Cuenta BAC Objetivo
Cuenta Objetivos
No aplica
Cuenta Objetivos
Cuenta Objetivo
Descentralizado
No aplica
CDP
Certificado de Depósito a Plazo
Certificado de Depósito a Plazo
Depósito a plazo
No aplica
Certificado de Depósito a Plazo
Descentralizado
SEGUROS
Seguros Masivos / Seguros Tradicionales
No aplica
VIDAMATIC Asistencia Funeraria
No aplica
No aplica
Descentralizado
Seguro Viajero
Seguro Viajero
Asistencia SOS
Asistencia SOS
Seguro de Auto
Seguro de Auto
Descentralizado
PRF
PRF
Descentralizado
Volver al menú principal
SOS
Descentralizado
Descentralizado
PENSIONES
113
Descentralizado
Volver al submenú
No aplica
Canales Digitales - Anexos de Lectura 114
ANEXOS
Glosario de términos CR
GUA
DONDE NO APLICA
Pensión Voluntaria
Descentralizado
No aplica
Pensión Obligatoria
Descentralizado
No aplica
Descentralizado
No aplica
Compass
HON
ESA
NIC
PAN
Compass
PYMES
Pyme
Pyme
Pyme
Pyme
Pyme
Descentralizado
Singular: la pyme / Plural: las pymes / P mayúscula solo iniciando la oración
PymeCash
PymeCash
PymeCash
No aplica
No aplica
PymeCash
Descentralizado
No aplica
Datafono
POS BAC
No aplica
No aplica
No aplica
No aplica
Descentralizado
No aplica
HIT
HIT
HIT
HIT
HIT
HIT
Descentralizado
No aplica
Compra Click
Compra Click
Compra Click
Compra Click
Compra Click
Compra Click
Descentralizado
No aplica
MiPOS
MiPOS
MiPOS
MiPOS
MiPOS
MiPOS
Descentralizado
No aplica
Pyme Store
Pyme Store
Pyme Store
Pyme Store
Pyme Store
Pyme Store
Descentralizado
No aplica
Volver al menú principal
Volver al submenú
Otros 115
Canales Digitales - Anexos de Lectura
ANEXOS
Excel de materiales El Archivo Solicitud de Materiales es la herramienta oficial utilizada para solicitar a las agencias las adaptaciones y bajadas de campañas para los diferentes canales y formatos. Es indispensable utilizar siempre la versión más reciente del archivo, evitando trabajar sobre versiones anteriores o copias desactualizadas. Este documento se actualiza conforme a las necesidades operativas del área y puede solicitarse en cualquier momento al Coordinador de Diseño Web o Líder de Paid Media del equipo de Ventas Digitales. 1. Meta: Según el objetivo de campaña: Awareness, Tráfico, Conversión, RMKT y Geolocalización. 2. Campañas Discovery, PMAX, Display: Se
116
Volver al menú principal
Volver al submenú
solicitan 15 materiales para AO o 9 materiales para TAC. 80 caracteres para todos los formatos. • Imagen horizontal (1.91:1) 5 materiales: 1200 x 628px / 600 x 314px • Imagen cuadrada (1:1) 5 materiales: 1200 x 1200px / 300 x 300px • Imagen vertical (4:5) 5 materiales: 960 x 1200px / 480 x 600px • 3. Youtube: • 1-2 videos de 6seg • 1-2 videos de 12seg • 1-2 videos de 15 seg o más para PMAX 4. Search: 15 títulos: 30 caracteres 90 Caracteres
/ 4 Descripciones:
5. LinkedIN: Según el tipo de objetivo de campaña (Awareness / Tráfico / Conversión) se requiere un mínimo de 3 artes (linkads estáticos,
video o carrusel). Notas: En Meta y LinkedIn se debe especificar si el arte que se ocupa es video, estatico o carrusel o un mix Own Media • POP UP BEL • Banner Sitio Público • Email Pega • Paradoc COM / Banco • Imágen de Formulario Web • Pantallas de Sucursales • Voucher Verde • Imagen de Card • ATM • Arte de Whatsapp • Set de Organicos: Contiene mín. 1 Feed Facebook, 1 Feed IG, 2 Historias 1 TikTok.