Skip to main content

Catálogo Canales Digitales - Enero 2025

Page 1

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

EMAIL

META

GOOGLE

YOUTUBE

OTROS

PARADOC

ATMS

OTROS

WHATSAPP

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

FACEBOOK

INSTAGRAM

X

LINKEDIN

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.


Google

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

Email

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

WhatsApp

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

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.


Turn static files into dynamic content formats.

Create a flipbook
Catálogo Canales Digitales - Enero 2025 by BAC Costa Rica - Issuu