GUÍA de ESTILO
INTRODUCCIÓN XUE PETS es importador exclusivo de BELCANDO® y LEONARDO® en Colombia, marcas que ofrecen el mejor producto alimenticio alemán para mascotas, el cual, bajo la promesa “Los ingredientes hacen la diferencia”, es elaborado mediante procesos probados y con ingredientes frescos y naturales que aportan bienestar a perros y gatos. El conocimiento de la marca sobre lo que hace bien a las mascotas, la naturalidad y frescura de los ingredientes, la confianza en que está ofreciendo un buen alimento pensando en esos seres especiales que hacen parte de las familias, quienes se comprometen con su cuidado y con darles lo mejor, son los componentes conceptuales que fundamentan la identidad de XUE PETS. El tratamiento gráfico se basa en la combinación de elementos visuales sólidos y fuertes con elementos suaves y delicados para transmitir confianza, conocimiento, naturalidad y el carácter gourmet del producto, en combinación con el bienestar y cuidado de las mascotas, transmitiendo así la personalidad conocedora y a su vez cuidadora de la marca. En la presente guía de estilo se incluyen las características de los elementos gráficos y las pautas para su implementación, con los cuales se expresa el carácter de la marca XUE PETS, incluyendo un sistema visual que proporciona referentes de diseño para diferentes aplicaciones gráficas ya sea en medios impresos o digitales.
CONTENIDO
1.
IDENTIFIADOR Versiones Zona de seguridad Implementación Restricciones de usos 2. SISTEMA VISUAL Combinación cromática Tipografía Elementos gráficos Iconos Marcas Estilo de comunicación Estilo fotográfico 3. IMAGEN CORPORATIVA Documentación Tarjeta de presentación Gran formato Aplicaciones web
5 7 8 9 12 13 14 16 17 18 18 19 20 22 23 24 25 26
IDENTIFICADOR
IDENTIFICADOR Elementos gráficos El identificador de XUE PETS es un isologo, lo que implica que siempre será usado de manera indivisible el texto y la parte gráfica o símbolo.
• • •
Formas sólidas y color enérgico. Siluetas de mascotas reales. Línea y rama de tomillo para evocar alimento, delicadeza y naturalidad.
Se combinan gráficamente elementos sólidos con elementos ligeros para relacionar el conocimiento y calidad de la marca, con el entorno natural del producto y el cuidado de las mascotas. Se incluye un color cálido y enérgico para demostrar cercanía y bienestar, así como para conectarlo gráficamente con la marca líder comercializada por XUE PETS, junto con el negro asociado al carácter de conocimiento.
El identificador incluye dos colores:
PANTONE PANTONE
Color Tipografía Se usan dos tipografías serif. La primera para la palabra XUE en la que se utiliza la fuente Benjamin, que tiene formas de letras claras y delicadas, puntuadas con ángulos cincelados y con una sensación pura y artesanal en las formas. Es una tipografía que tiene raíces tradicionales, pero ha sido diseñada para funcionar en un entorno contemporáneo. Con ésta se busca evocar un ambiente rústico de granja, pero a su vez delicado. La segunda fuente es Classic Roman, utilizada para la palabra PETS que acompaña el concepto rustico deseado con la tipografía serif, pero que por sus terminaciones agudas y trazos finos imprime sutileza en las formas del identificador.
PANTONE 137 C RGB 255 164 0 HEX/HTML FFA400 CMYK 0 36 100 0 PANTONE Black C RGB 45 41 38 HEX/HTML 2D2926 CMYK 65 66 68 82
Black C y 137 C. Considerando
que el identificador cuenta con dos versiones principales, una para uso en fondos claros y otra para uso en fondos oscuros, se reemplaza en ésta última el color PANTONE Black C por blanco, pero únicamente en los elementos fuera del circulo naranja. Esto implica que en los elementos dentro del círculo nunca se aplicará, en la versión principal, el color blanco.
6
IDENTIFICADOR Versiones De acuerdo a los requerimientos de uso e implementación, el identificador cuenta con las siguientes versiones. •
Versión principal en cuatricromía (CMYK) será la preferencial para todas las comunicaciones impresas, de acuerdo a los colores de la paleta de la marca. Para aplicaciones digitales, siempre usar la versión en tricromía (RGB) de acuerdo a los colores de la paleta de la marca.
•
Las dos versiones de color se implementan en transparencia y también en versión con fondos originales blanco y fondo Pantone Black C, en impreso o digital para evitar alteraciones en la percepción visual del identificador dependiendo del fondo donde se implementen.
•
Solo para impresión, cuando sea necesario prescindir de tintas de color, se utiliza la versión en escala de grises en la siguiente combinación: Negro al 100% en reemplazo del color original Pantone Black C y gris al 40% en reemplazo del color naranja Pantone 137 C.
•
Cuando se requiera prescindir de escala de gris, se usa esta versión en negro 100% en aplicaciones como fax o fotocopiado.
•
Versión en negro 100% positivo y negativo para aplicaciones que la soliciten, como estampado de una tinta, repujado metálico, sellos, otros.
7
IDENTIFICADOR Zona de seguridad Para garantizar la legibilidad e integridad del identificador de marca, se establecen medidas para mantenerlo separado de otros elementos mediante una zona de seguridad a su alrededor, la cual no debería ser sobrepasada por otro elemento al usarlo en cualquier aplicación. La medida de referencia está dada por la línea de composición del identificador indicada en la siguiente imagen, y ubicada en los puntos más sobresalientes por cada lado.
Como especie de la familia de los carnívoros, los perros aprovechan especialmente bien la carne y metabolizan con facilidad sus nutrientes. En BELCANDO® procesamos exclusivamente carne fresca y renunciamos a la harina de carne previamente secada, empleada incluso en los alimentos secos de mejor calidad. Así conseguimos una preparación hasta ahora considerada imposible. Con nuestra especialmente cuidadosa tecnología de Fresh Meat, la carne fresca se procesa directamente como una croqueta. Ejemplo uso zona de seguridad
8
IDENTIFICADOR Implementación De acuerdo a los requerimientos de uso, el identificador puede ser implementado atendiendo a las siguientes pautas.
Medios Impresos Para impresión de papelería corporativa, usar cuatricromía (CMYK) original de fondo blanco entregada, aplicando de igual manera sobre el isologo (no desde el borde del fondo) la zona de seguridad previamente indicada.
En esta implementación el tamaño del identificador debe ser proporcional al tamaño del formato del documento donde se use y garantizar su adecuada legibilidad. Para éste propósito y poder implementarlo con facilidad en cualquier formato, se establece una retícula guía de 1/20 del ancho total del papel. La escala del identificador debe ajustarse a esta proporción asumiendo su ancho igual a cuatro (4) recuadros de esta retícula. Siempre manteniendo la proporción dimensional original del identificador. De esta manera, para un tamaño estándar de papelería en formato carta, (216 mm x 279 mm) el tamaño del ancho del identificador es de 43 mm. Esta escala del identificador aplica para documentación en formatos de papelería con el mismo ancho o muy similar, como formatos oficio, A4 y sobre DL (Americano o carta). Para otros formatos de papel estandarizados, usar la misma relación de tamaño según la retícula 1/20, pero nunca pasar la escala mínima para el identificador indicada posteriormente.
Implementación de cuadrícula 1/20 en formatos de papel para impresión
9
Para uso sobre fotografía, dependiendo la aplicación, se usan las versiones en transparencia (sin fondo) o las versiones con su propio fondo blanco o Pantone Black C (versiones originales entregadas), para facilitar la implementación sobre diferentes tonos de imágenes. Cuando se use sobre fondos sólidos de color, usar las versiones con fondos originales blanco y fondo Pantone Black C, para evitar alteraciones en la percepción del color del identificador.
Imagen tomada de: Giorgio Trovato-Unsplash
Para aplicaciones digitales, siempre usar la versión en tricromía (RGB) de acuerdo a los colores de la paleta de la marca.
Uso de identificador en transparencia
Imagen tomada de: drz-Unsplash
Medios Digitales
Imagen tomada de: Elijah M. Henderson-Unsplash
Implementación
Imagen tomada de: Autri Taheri-Unsplash
IDENTIFICADOR
Uso de identificador con fondo propio
10
IDENTIFICADOR Implementación
Escala mínima Para uso impreso diferente a documentación corporativa, el identificador no deberá ser reproducido en un tamaño inferior a 30 mm de ancho, de tal forma que siempre mantenga una adecuada legibilidad y siempre asegurando su proporción dimensional original.
30mm
30mm
Cuando se usen las versiones con fondos propios blanco o Pantone Black C, la medida mínima se toma directamente sobre los extremos más sobresalientes del identificador y no sobre el fondo.
Para uso en pantalla o publicaciones web, la escala mínima del identificador será de 250px X 110px.
Implementación de identificador en escala mínima en espacios reducidos
11
IDENTIFICADOR Restricciones de uso Para mantener la identidad de la marca, se requiere siempre una buena implementación en el uso del identificador, así como usarlo siempre de la misma manera para garantizar la recordación de marca y no permitir su confusión con otras. Por tanto se presentan algunas pautas de lo que no debería hacerse con el identificador.
No se deben modificar los colores de cualquiera de los elementos del identificador. No se debe deformar el identificador ni alterar sus proporciones.
No se debe usar el identificador en su versión de color en transparencia sobre fondos sólidos de color, para evitar alteraciones en la percepción de los colores originales del identificador, los cuales pueden cambiar debido a contraste de fondo (use las versiones originales del identificador con fondo blanco y fondo Pantone Black C).
No se debe alterar la composición original del identificador ni cambiar el tamaño de alguno de sus componentes. No se deben añadir sombras dentro del identificador.
Para mantener la identidad de marca, el identificador siempre debe ser reproducido a partir de los archivos originales y no debe sufrir variación alguna. Para escalar el identificador use siempre el archivo editable sin alteraciones de ningún tipo.
12
SISTEMA VISUAL
SISTEMA VISUAL Combinación cromática Se usa una paleta análoga de colores cálidos con los cuales se busca transmitir energía y dinamismo, así como asociarla con los ingredientes frescos empleados en los productos de la marca. Debido al carácter enérgico de estos colores, se incluye como parte de la paleta una gama monocromática de colores neutros para crear equilibrio, mediante los cuales también se busca expresar la personalidad conocedora de la marca.
Los colores Pantone Black C y el naranja Pantone 137 C son tomados como colores principales, pero aplicados con diferente peso visual y diferente proporción cuando se usen juntos y dependiendo del tipo de aplicación.
PANTONE 137 C
RGB 255 164 0 HEX/HTML FFA400 CMYK 0 36 100 0
PANTONE 4017 C
RGB 222 184 59 HEX/HTML DEB83B CMYK 5 18 81 4
PANTONE Black C
RGB 45 41 38 HEX/HTML 2D2926 CMYK 65 66 68 82
PANTONE 2350 C RGB 175 35 28
HEX/HTML AF231C CMYK 0 99 100 19
El rojo y el dorado se usan para acentos, lo que indica su uso en pequeñas proporciones. Los tres colores neutros (Pantone Black C, Pantone 2323C y blanco) se usan como base o fondos de algunas composiciones junto con el color naranja Pantone 137 C.
BLANCO
PANTONE 2323 C
RGB 184 178 152 HEX/HTML B8B298 CMYK 24 20 35 3
14
SISTEMA VISUAL Combinación cromática Usos según las siguientes combinaciones que son implementados dependiendo el tipo de aplicación que se realice: • El negro Pantone Black C y naranja Pantone 137 C son los colores principales de la marca y deben estar en todas las composiciones. • El Pantone Black C se usa en mayor porcentaje que el naranja Pantone 137 C . • Se combinan los dos colores principales con uno de acento a la vez. • El dorado Pantone 4017 C y rojo Pantone 2350 C se usan en iconos, grafismos y pequeños acentos. • Blanco y gris Pantone 2323 C se usan en fondos para contrastar, pero siempre en presencia de los colores principales Pantone Black C y naranja Pantone 137 C.
15
SISTEMA VISUAL
Dale a tu perro lo que le gusta y le hace bien
Tipografía Atendiendo a las diferentes implementaciones, se usan cuatro tipos de fuentes, todas en estilos limpios dentro de su clase, cada una con una función específica. Dos serif en conexión con la tipografía del identificador, otra sans serif para suavizar la lectura de textos impresos y en digital y una tercera cursiva para crear acentos en composiciones específicas y en pequeñas proporciones, nunca usando mas de tres fuentes en la misma composición.
ABCDEFGHIJKLMNOP QRSTUWXYZabcdefg hijklmnopqrstuwxyz 123456789 ABCDEFGHIJKLMN OPQRSTUWXYZab cdefghijklmnopqrst uwxyz123456789 ABCDEFGHIJKLMN OPQRSTUWXYZabc defghijklmnopqrst uwxyz123456789
Una fuente: Cardo con uso de signos como elemento gráfico.
Classic Roman (serif) Conecta con el identificador y es usada para TÍTULOS en mayúscula y Subtítulos en medio impreso. Es una fuente versalita, para garantizar la unidad en los subtítulos.
Cardo (serif)
En concordancia con la anterior es una fuente romana antigua y es de fácil implementación en aplicaciones web por su licencia abierta. Usada en mayúscula para títulos en sitios web. Es la fuente predominante en diseño de imágenes de publicaciones ya que ofrece variedad de caracteres y signos, los cuales son usados en éstas como recursos gráficos.
Una fuente: Cardo con uso de signos como elemento gráfico.
Sabes lo que la CARNE
Libre Franklin (sans serif)
Usada para párrafo en medio impreso y sitios web, también con licencia abierta.
(script) Una tipografía monolínea de trazo limpio usada para acentos en imágenes de publicaciones.
Dos fuentes: Cardo con variaciones de tamaño y acentos en
puede hacer por tu
MASCOTA Una fuente: Cardo combinación mayúscula minúscula y diferentes tamaños.
16
SISTEMA VISUAL Elementos gráficos Apoyan el concepto de conocimiento mediante elementos sólidos y formas geométricas como el cuadrado. Predominio de líneas rectas y ortogonales evadiendo elementos inclinados, curvos y amorfos. Usar degradados sólidos para implementacione digitales, para dar profundidad y leves contrastes en determinadas aplicaciones, usando máximo tres puntos en tono monocromático derivados de los mismos colores de la paleta de la marca(*), con segundo tono también en especificación Pantone. PANTONE 4231 C
PANTONE 2323C*
RGB 99 92 79 HEX/HTML 635C4F CMYK 49 48 55 36
PANTONE 7527 C
PANTONE BLACK C*
RGB 99 92 79 HEX/HTML 635C4F CMYK 49 48 55 36
PANTONE 7552 C PANTONE 2323C*
…
PANTONE 137 C*
RGB 214 210 196 HEX/HTML D6D2C4 CMYK 12 10 14 0 PANTONE 4231 C
Iconos y signos de puntuación se incluyen como un elemento gráfico para resaltar la intención comunicativa afectiva y reflexiva.
RGB 115 83 29 HEX/HTML 73531D CMYK 7 42 100 58
Combinación de colores como fondos para textos o fotos. Nunca sobreponerlos a las fotografías ni usar transparencias. Los únicos elementos que pueden ir sobre imágenes y fotografías son los identificadores de la marca. Para incluir textos se usan fondos complementarios.
“”
Líneas y marcos gruesos en composición con los mismos colores de la paleta de la marca.
Elementos línea y rama de tomillo del identificador dentro del cuerpo de los textos coros.
POR AMOR
Sabes
lo que la
carne
puede hacer por tu
mascota
17
SISTEMA VISUAL Iconos
Marcas
Implementados en diferente aplicaciones, como en la página web como íconos temáticos, en el blog, en el clasificador de historias de Instagram, en las imágenes de publicaciones, entre otros. Los iconos pueden ser usados con fondo circular o sin fondo dependiendo de la aplicación. Se usan en los colores principales de la paleta de la marca (Pantone Black C y naranja Pantone 137 C) cuando sean implementados con fondo, o en estos mismos colores y los demás de la paleta de la marca cuando sean implementados sin fondo. El estilo visual en su mayoría es arte de líneas y se involucra como componente acompañante del icono temático el elemento rama de tomillo del identificador ( ).
Gráficamente los identificadores de las marcas BELCANDO® y LEONARDO®, se usan en segundo nivel de jerarquía, lo que implica que el identificador de XUE PETS se presente como principal y siempre estará presente en las publicaciones, ya sea acompañado por uno o los dos identificadores de las marcas endosadas, según el objetivo de la publicación. De igual manera, el identificador principal puede ser usado de manera independiente, según el tipo y objetivo de la comunicación.
Icono de Favicon. Usado como identificador de los sitios web en el navegador.
Cuidado
Alimento
Tips
Para ti
Dependiendo de la composición, el identificador principal debe ubicarse en la parte superior, o en la primera línea y columna destinada para la ubicación de los identificadores de marca. Los identificadores de BELCANDO® y LEONARDO®, pueden tener un tamaño menor o igual al principal, pero no sobre pasar su tamaño.
Perros
Gatos
18
SISTEMA VISUAL Estilo de comunicación Xue Pets habla del cuidado de las mascotas y se compromete con estas, reforzando el mismo sentimiento entre la audiencia. Es por eso que las expresiones de afecto y los entornos de vida de las mascotas, deben estar presentes en las diferentes piezas de comunicación, con imágenes o de manera verbal. Se busca entonces un tono afectivo pero directo, proveniente de alguien que habla de algo que conoce y que sabe que hace bien.
Discurso El contenido del discurso se enfoca a destacar el amor por las mascotas asociado a su cuidado y bienestar, dirigiéndose a la necesidad emocional del propietario de la mascota al concebirla como parte de la familia y que también merece lo mejor. Incluye experiencias personales con mascotas que hagan que la audiencia se sienta identificada. Lo que te da tu mascota frente a lo que tu le
Que mejor que un instante de bienestar con alguien que te ama
El mejor pacto del día
…
puedes dar. El amor se refleja en el bienestar y cómo éste se manifiesta en las mascotas. Conocemos lo que le hace bien a tu mascota.
Tono Crea identificación e interacción con la audiencia, donde se emitan mensajes para potenciar la reflexión sobre amor, cuidado y bienestar de las mascotas, ya sea mediante afirmaciones o mediante preguntas. De esta manera el tono debe cuidar de no usar el imperativo y a cambio presentarse más ameno, como un mentor que busca lo mejor para el usuario, aportando de manera cercana y motivacional el conocimiento que tiene la marca.
Toda la vida dándole lo mejor
19
SISTEMA VISUAL Estilo fotográfico Las imágenes y la fotografía son fundamentales para expresar los conceptos asociados a la marca, de tal forma que, ya sea para seleccionar o para producir imágenes propias, se deben tener en cuenta los siguientes conceptos: Afectividad Cuidado Dar lo mejor
Cuando las imágenes sean de mascotas solas, mostrar escenas naturales y no de estudio, enfocando sus expresiones así como las cualidades de bienestar, como calidad del pelo, ojos, lengua, nariz.
Cuando se incluyan personas, que se perciban en relaciones genuinas y naturales con las mascotas, expresándoles amor, atención y siendo el personaje principal la mascota.
Conocimiento Confianza Experticia
De acuerdo con la intención comunicativa y el tipo de producto, se usan cuatro tipos de imágenes y fotografía: • Mascotas solas • Mascotas con personas • Ingredientes • Producto En este sentido, las escenas para fotografía dependen del público al cual se dirige y la intención comunicativa de cada imagen (entretener, atraer, informar, aportar contenido, motivar, vender), por tanto, se consideran las siguientes pautas generales que se pueden aplicar sobre cualquier tipo de escena que se desee producir, apelando a las emociones que despiertan las mascotas para reforzar el sentimiento de amor y cuidado en los propietarios.
Cuando se trate de imágenes de ingredientes, usar fondos de madera o concreto en tonos oscuros, usar primeros planos o plano detalle de los ingredientes resaltando su frescura y colores. Cuando sea imagen del producto se usa fotografía tipo bodegón en fondos madera o concreto.
20
SISTEMA VISUAL Estilo fotográfico
Producción de fotografía con composiciones naturales y espontaneas, captando las expresiones de los personajes.
Características generales para fotografía • •
•
• • •
Imágenes que muestren un estilo de vida relajado pero con cierto status.
Fotografía muy intencionada y elaborada, pero sin perder naturalidad. Fotografía a color pero teniendo en cuenta que, aunque la paleta de colores de la marca incluye colores enérgicos, siendo el negro y el naranja los colores principales, la fotografía se basa en los tonos grises para fondos, debido a que se quiere dar relevancia a los personajes de la composición (las mascotas). No incluir filtros de color naranja (ni de ningún otro color), ya que las composiciones generales donde se implementan las imágenes contienen otros elementos gráficos y no es la intención saturar la composición con color naranja. Registrar ambientes sobrios (sin recarga de elementos) pero con alto contenido emocional. Iluminación: Evitar imágenes sobre expuestas. Planos a disposición, dependiendo de la escena. Fotografía en ambiente real con primer plano dando prioridad a la expresión de la mascota, usando como herramientas tonalidades grises y desenfoque para neutralizar los fondos.
Uso de pocos elementos con colores neutros en la escena, para dar importancia a la mascota y la intención de la escena. Evocar entornos de vida y experiencias de las mascotas (interiores o exteriores).
21
IMAGEN CORPORATIVA
IMAGEN CORPORATIVA Documentación De acuerdo a los criterios de implementación del logro en medios impresos establecidos previamente, para la documentación corporativa se usa el identificador en versión principal fondo blanco en el tamaño según cuadrícula 1/20 y se acompaña con el tagline para apoyar la definición comercial de la marca. IMPORTADOR EXCLUSIVO DE BELCANDO ® Y LEONARDO ® EN COLOMBIA 25mm
43mm
20mm
35mm
45mm
35mm
15mm 70mm
• Identificador alineado a margen izquierda y superior. • Línea separadora entre identificador y tagline en color Pantone Black C de 22 mm de alto y 0.5 pt ubicada a la distancia establecida por la zona de seguridad. • Tagline a lado derecho de identificador a 2,5 mm de la línea separadora en tipografía Classic Roman 10 pt a 5 líneas.
•
Fondo para datos corporativos en color
Pantone Black C. • •
Datos corporativos en tipografía Libre Franklin 10 pt color blanco. Iconos para datos tamaño 4,6 mm de alto.
23
IMAGEN CORPORATIVA Tarjeta de presentación Resaltando los conceptos visuales asociados a la marca, se incluye en la cara frontal de la tarjeta el color con el cual se expresa la personalidad conocedora en su versión degradado descrito previamente (Pantone Black C en la base a Pantone 4231 C en la parte superior) y al respaldo se incluye naranja Pantone 137 C para expresar el carácter cálido, creando una pieza llamativa, moderna y no fácil de olvidar. Se incluyen opciones de respaldo en otros colores de la paleta de la marca (blanco y Pantone Black C).
24
IMAGEN CORPORATIVA Gran formato Para presentación general de la marca mediante piezas gráficas de gran formato, como posters para ferias o representación en tiendas de mascotas, se usan composiciones sobrias pero con impacto visual, centrando la atención de la composición en las tres esencialidades de la marca: • El producto, destacando su origen alemán • La importancia de los ingredientes • La movilización de afectividad
25
IMAGEN CORPORATIVA Aplicaciones web El diseño de las aplicaciones web dependen de los objetivos de comunicación, del tipo de contenido, la audiencia a la que se dirige y el medio en el que se publiquen. En cualquier caso, se debe mantener un estilo visual y de comunicación acorde con la marca, mediante la aplicación de las pautas de cada elemento del sistema visual mencionadas previamente. Firma email. Se usa el identificador en versión RGB fondo original blanco en escala mínima, con tagline de la misma manera que se usa en la documentación impresa, adicionando los datos de contacto en la parte inferior. IMPORTADOR EXCLUSIVO DE BELCANDO ® Y LEONARDO ® EN COLOMBIA +57 313 3485279
www.xuepets.com @xuepets
De acuerdo con el tipo de comunicación, puede incluir llamados a la acción agregando un vínculo hacia la página web, blog o algún sitio de la marca que se considere puede interesar, atraer o ampliar la información que el cliente tiene sobre la marca.
De igual manera se puede manejar el estilo de comunicación de la marca con mensajes personalizados de acuerdo a la necesidad del cliente.
Por AMOR a tu
26
IMAGEN CORPORATIVA Aplicaciones web Redes sociales. la composición debe ajustarse al tamaño de cada pieza gráfica según el requerimiento de cada sitio, teniendo en cuenta aspectos como la ubicación y el uso de la versión adecuada del identificador, de la tipografía, las combinaciones cromáticas, los iconos y fotografía.
Imagen perfil. (180px x 180px). Fondo en formato cuadrado color Pantone Black C o blanco, circunscribiendo un círculo invisible donde el identificador quede completamente incluido.
Stories. (1080px x 1920px) Centrar imágenes y textos evitando dejar elementos cerca de los bordes para impedir que se corten o se les sobrepongan otros elementos. Incluir fondo en colores de la paleta de la marca acorde con el contenido de la imagen o video de la historia.
Portada Facebook (PC: 820px x 312px). Imagen principal centrada con vacíos laterales del 15% aprox. del ancho total de la imagen para asegurar responsividad entre dispositivos (Movil: 640px x 360px).
38%
15% 100%
27
IMAGEN CORPORATIVA Aplicaciones web Sitios web. Además de contener la mayoría de la información de la marca, debe mantener las pautas del sistema visual (incluso el uso de fuentes y estilo de comunicación), atrayendo la atención de la audiencia tanto de manera visual como en la forma como se organizan los contenido y sobre todo la calidad de la información incluida. Tanto página web como blogs, desde el punto de vista de composición deben atender el diseño responsivo que se adapte a diferentes dispositivos, tener una experiencia de usuario satisfactoria para garantizar una efectiva y rápida navegación en el sitio y una comunicación visual correspondiente con la audiencia.
Para el caso del blog, tanto imágenes, fotografía, contenido relevante, estilo de comunicación deben ajustarse dependiendo del destinatario de los mensajes. Incluir información visual acorde con el contenido, como infografías, animaciones, videos y otras que acompañen la lectura de manera amena y que genere recordación. Incluir iconos temáticos para categorizar contenidos y facilitar la conexión con información relevante para el usuario, así como iconos de redes sociales, que permita compartir el contenido por parte de los usuarios. Incluir llamadas a la acción, ya sea para acceder a información complementaria o para dar a conocer más sobre las marcas y los productos, mediante una landing page, un formulario otro recurso.
28
IMPORTADOR EXCLUSIVO DE BELCANDO ® Y LEONARDO ® EN COLOMBIA