Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Diseño para No Diseñadores de HubSpot PDF
Diseño para No Diseñadores de HubSpot PDF
DISEÑO DIGITAL
PARA MARKETERS
1
INTRODUCCIÓN
¿Qué hace que un diseño sea bueno? ¿Qué
debemos tener en cuenta como profesionales del
marketing cuando se nos pide crear contenido
visual? ¿Cómo podemos familiarizarnos con ello?
Una vez que tienes eso claro, entonces te preguntas: ¿cómo plasmaré
esto visualmente? Existen un par de principios de diseño muy básicos
que debes tener en cuenta. Estamos hablando de conceptos como
alineación, jerarquía, simetría, escala, entre otros. Vamos a hablar
detenidamente de estos y otros principios, y luego veremos formas
concretas de aplicarlos.
1-Alineación
2-Jerarquía
3-Contraste
El contraste es lo que guía al ojo del lector a través de las partes más
importantes de tu diseño y ayuda a organizar la información de un modo
fácilmente digerible.
4-Repetición
5-Proximidad
6-Balance
7-Color
8- Espacio
UN CASO HIPOTÉTICO
3.1
WEB
- CONTENIDO LARGO
Parte de la estrategia general de HubSpot en los Raquel ha combinado texto y fotos y está poniendo
últimos años ha sido invertir en marketing de toda su energía y todos sus conocimientos en crear
contenido. Se trata de un campo muy saturado y un formato visual. El resultado será un sitio web y un
a estas alturas, si quieres que algo destaque, de enlace, pero hablaremos primero sobre cómo hacer
verdad tendrás que esforzarte para crear el mejor que funcione, así que tenemos primero un titular
recurso posible, lo cual significa contenido largo, claro, un subtítulo, y una portada visual.
pero también implica tener la oportunidad de
equilibrar la longitud del contenido posicionado
con opciones visuales interesantes que apoyen tu
mensaje.
Descubre aquí
cinco formas de
Volvamos a Raquel, quien ha investigado, tomado
personalizar tu
muchas fotos de sus lugares favoritos y de todos
sitio web.
los lugares que quiere recomendar. Tiene páginas
y páginas de texto y se pregunta cómo volverlas
visualmente atractivas.
Raquel ha hecho un buen trabajo utilizando el Al hacer esto, los lectores pueden ver el ritmo
principio de jerarquía. Tenemos un título claro, un a medida se desplazan por la página, y pueden
encabezado y una diagramación con imágenes y entender que cada imagen representa una sección
texto. Se ha logrado una relación eficaz entre ambos. nueva. Combinar el impacto de la imagen en
En esta referencia se combinan una buena aplicación ventana completa con la estructura paralela para los
de jerarquía y escala. encabezados y usar puntos de enfoque visual hará
que las imágenes llamen la atención. Esto es algo que
Algo importante a tener en cuenta en una página se aprende con la experiencia.
es asegurarse de que tiene un formato consistente,
como verías en cualquier página, se han usado Cuando tienes muchas piezas, mucho contenido,
fotos que ocupan el espacio completo de la ventana necesitarás crear una primera experiencia bonita,
de modo que actúan como resumen de sección o visualmente atractiva y la mejor forma de lograrlo es
encabezados. organizándolo.
3.2
IMAGEN ESTÁTICA
- INSTAGRAM
Instagram se ha convertido en una de las tiempo real con esas publicaciones. Instagram es
plataformas más interesantes para que las marcas una gran apuesta para los negocios que quieren
interactúen con sus seguidores. Es una plataforma concentrarse en una sola plataforma.
excelente porque es visual, y eso ayuda a que
las marcas puedan mostrar sus productos. Las Tu feed puede ser tu marketing de marca;
opciones para fijar publicaciones y la característica tus hermosas imágenes pueden captar la
de Instagram Stories abren toda una nueva atención y tus Stories pueden ser el espacio
serie de posibilidades. Hay muchas actividades donde conviertes a la gente y consigues más
diferentes que puedes hacer en Instagram y interacciones. En este caso, Raquel creará algunos
muchas más que puedes probar; hacerlo es gráficos sociales para Instagram Stories.
una gran manera de obtener feedback de tus
seguidores, ya que estos pueden interactuar en
Generalmente, respecto al diseño, deberás De este modo, la guía es el contenido principal, pero
pensar quién será tu protagonista: la tipografía o necesita encontrar un foco casi microscópico en las
la imagen. En este caso queremos que la fuente redes sociales porque solo puedes comunicar una
llama la atención y que la imagen de fondo sea cosa con cada publicación. Utilizar un “desliza hacia
plana y sencilla, así que puede hacer que la fuente arriba” lo vuelve todavía más divertido.
destaque en la imagen, pero también está asociado
directamente con el tipo de mensaje que estamos La llamada a la acción está aún demasiado pequeña,
comunicando. y no es muy fácil leer un turquesa sobre negro, así
que debemos revisar el contraste o algo para que
Empecemos con un poco de Street Art. Dentro de pueda leerse mejor, quizá elegir otro color para el
la guía, Raquel trata de promover distintas gemas texto. Algo que puedes hacer para decidir si tienes
de San Francisco y una manera genial de insinuar buen contraste es apretar los ojos, y si las palabras
algunas secciones de la guía sería tomar una de esas se funden con el fondo, es un indicativo de que
gemas y enfocarnos en ella en una Instagram Story. necesitas subir el contraste entre tu fondo y tu texto.
Raquel crea este gráfico y algo que podría añadirle es
un llamado a la acción para que la gente interactúa
con la guía.
3.3
VIDEO
Si utilizas la redes sociales, sabes que la popularidad Tenemos lapsos de atención más cortos, así que
del video está explotando y es cada vez mayor. el video es una forma estimulante de comunicar
Quizás los últimos 5 años han sido “el año del video”, un mensaje que quizá sea muy largo en formato
pero todavía debemos descifrar si este será un escrito y que, con la brevedad de un video, puede
proceso que nos acompañe durante los siguientes comprenderse mejor. El video es una gran inversión
años. Lo que importa ahora es que los usuarios se para una marca.
interesen e interactúen con tu contenido en video.
De nuevo, si no eres diseñador, esto puede resultar Una buena forma de empezar a crear un video para
intimidante, pero no debe serlo. Debemos empezar redes sociales es reducir el mensaje a una sola cosa, o
por lo simple una vez más. Trata cosas pequeñas a si estás creando contenido más extenso quizá puedas
la vez: graba tu pantalla, añade algunos gráficos y incluir dos mensajes en el video pero no más.
descubre lo que tiene eco para tu marca para poder
construir tu estrategia a partir de ello. Raquel decide empezar con su mensaje y luego
añadirle contenido, esa es la estrategia aquí.
Algo que vale la pena tener en cuenta, también para Una de las cosas que necesitas hacer es captar la
redes sociales, es que necesitas que tu video sea atención en esos primeros tres segundos... ¡es tan
legible. Mucha gente verá tu video en dispositivos difícil! Pero una forma de hacerlo es con un primer
móviles y suavemente no tienen activado el sonido, mensaje fuerte que juegue con un tema consistente
así que quizás debas añadir texto o subtítulos para que incluya texto y transiciones.
lograr transmitir tu mensaje.
Dicho de otro modo: deberías crear una portada Al hablar del ambiente que estás creando con tu
para el video que conecte con todo el mensaje de video debes pensar si quieres algo que se mueva
las “Gemas del Street Art”. Si Raquel usa eso como rápido y que funcione bien con el ritmo del video que
el enganche de su campaña o como lema, puede estás creando o algo más lento y reflexivo, para lo
ponerlo en la portada del video. Puedes elegir que debes pensar también en la música.
cualquier imagen como portada de tu video, pero la
que elijas se convertirá en la imagen miniatura que Antes de continuar, algo importante sobre el video es
se verá en los canales sociales; será lo primero que que debes incluir una llamada a la acción que debe
la gente vea cuando logres captar su atención, así ofrecer algo a la audiencia, ya que le está dando
que querrás ponerle mucho cuidado a esa selección. mucha información de entrada. Esta llamada a la
Recuerda que solo tienes tres segundos y tu imagen acción debe ir al final del video, y con ella Raquel
de portada debe enganchar. espera que la gente se haya interesado por lo que
les ha mostrado. La llamada a la acción podría decir
El resto del video debe también ser consistente con “Descubre más gemas ocultas de SF”, y luego “¡Obtén
esa primera imagen, si por algún motivo esa primera la guía!”. Quizá esto no necesite durar más de tres
lámina no conecta con el resto del contenido, eso te segundos, pero es bueno hacer que tu llamada a la
pone en una situación un tanto rara porque no será lo acción permanezca ahí un momento.
suficientemente atractiva para atraer a la gente.
Puedes probar haciendo tres distintas versiones de
Querrás asegurarte también de que, cuando tu video y publicarlas en distintos momentos para ver
tengas texto en la pantalla, la gente pueda leerlo. cuál tiene mejor reacción de parte de tu audiencia,
Puedes asegurar la legibilidad dejando un tiempo también ver qué diseño y qué colores funcionan y
prudencial para cada sección de texto y oscureciendo qué combinación te genera más interacciones.
o aclarando la imagen para procurar contraste. La
mejor guía para revisar tu video es darle siempre Debes estar pendiente a la reacción de tu audiencia y
una vista previa ya que es importante saber cómo se adaptar tu contenido en consecuencia.
siente tu trabajo y guiarte por las sensaciones que
suscita.
HERRAMIENTAS
CANALES DE DISTRIBUCIÓN
FRECUENCIA DE PUBLICACIÓN
FUENTES DE INSPIRACIÓN
Y FOTOGRAFÍAS
CRÉDITOS:
Carlos Villalobos
HubSpot
Carly Stec
CONTENT STRATEGY @ HUBSPOT
Beth Cartwright
CO-MARKETING @ HUBSPOT
Amanda Fetterly
DESIGN LEAD @ ADOBE SPARK
Amy Copperman
CONTENT & COMMUNITY @ ADOBE SPARK
Puedes ver el
webinar original
dando click en este
enlace