Sunteți pe pagina 1din 13

EDUCACIÓN PARA EL TRABAJO CAFAM - CET - Subdirección de

Institución de Educación para el Trabajo y el Desarrollo Humano: Resoluciones SED 1929 de Junio de Educación
2002, 2020 de Julio de 2002, 0102 de Junio de 2010 y 180211 de Diciembre de 2010. SGC
GUÍA DE APRENDIZAJE No.3 Versión 1

Programa
Mercadeo & Ventas
Académico.
Asignatura. Marketing Digital
Proyecto de La Fidelización del cliente a través de la aplicación de estrategias de
aprendizaje. Marketing Digital.
• Aplica las herramientas necesarias para el diseño gráfico de una
Competenci
campaña publicitaria en la organización.
as a
• Comprende toda la metodología utilizada en procesos de Social
desarrollar.
media, para las organizaciones.
Elaborar una estrategia de Marketing Digital, basada en programas de
mejoramiento en el servicio, el procesamiento de transacciones (Web),
Objetivo de el grado de compromiso de los funcionarios, incrementando la
aprendizaje. satisfacción del cliente, y aumentando la rentabilidad en los negocios
de las empresas.

Resultado
• Comprende el uso el uso de plataformas digitales.
de
• Aplica el uso de herramientas virtuales social media en campañas
aprendizaje
y estrategias de marketing digital.
esperado.

INTRODUCCIÓN Y CONCEPTOS BÁSICOS DE DISEÑO GRAFICO

Introducción

Apreciado Estudiante, acabamos de revisar como poner en marcha una buena


estrategia de Marketing Digital en una organización. En esta Guía vamos a centrar
nuestros esfuerzos en la “marca de una empresa”, y nos vamos a enfocar en el
diseño, porque la imagen a nivel digital es fundamental para generar impacto y
recordación.
Muchas veces sucede que nuestros contenidos son mejores que los de la
competencia, sin embargo, generan menos engagement (compromiso) debido a que
no son tan atractivos visualmente. ¡Es aquí en dónde entra el diseño gráfico! Este le
agregará impacto visual, para que el usuario sienta más interés por nuestros
contenidos.

Abdel Alexis Arenas Suárez / Fernando Alonso Bermúdez Huertas


Docentes en mercadeo y ventas
Página 1 de 13
EDUCACIÓN PARA EL TRABAJO CAFAM - CET - Subdirección de
Institución de Educación para el Trabajo y el Desarrollo Humano: Resoluciones SED 1929 de Junio de Educación
2002, 2020 de Julio de 2002, 0102 de Junio de 2010 y 180211 de Diciembre de 2010. SGC
GUÍA DE APRENDIZAJE No.3 Versión 1

Para entrar en contexto revisemos los siguientes videos y conjunto con su docente
realicen una mesa redonda para debatir la importancia del diseño grafico.

1. Diseño Gráfico, algo más que dibujar :


https://youtu.be/quCuVZd4sFY

2. El proceso de "Las Artes Gráficas" animado por SDQ Training Center


https://youtu.be/N02_piL1nO8

DISEÑO GRAFICO

Es hacer entendible un contenido para el usuario valiéndose de la estética como eje


para captar la atención y generar interactividad. El diseño no es decoración porque
está compuesto de procesos que traen consigo muchísimo análisis sin dejar de lado
el elemento artístico. Comúnmente, tan pronto pensamos en diseño, nos remitimos
mentalmente a imágenes, colores y textos. Es decir, lo que pueda ser visto; no
obstante, este también puede usar los demás sentidos como el olfato, la escucha y
el tacto, para crear soluciones y continuar llamándose diseño.

El diseño generalmente se divide en tres grandes áreas de actuación:

• Diseño de producto:

Proyectos destinados al desarrollo de objetos tridimensionales y funcionales como:


sillas, lámparas, armarios, celulares, entre otros.

• Diseño gráfico:

Proyectos con finalidades visuales, con el objetivo de informar.

• Diseño de interiores:

Desarrolla proyectos y planeación, para optimizar los espacios de la mejor manera


posible. También ha sido llamado decoración. Estos, a su vez, son divididos
incontablemente en más áreas. Vamos a enfocarnos en el diseño gráfico, ya que es
este el tipo de diseño que resulta ser más útil en el marketing de contenidos.
Logo, marca, logotipo y eslogan.

Abdel Alexis Arenas Suárez / Fernando Alonso Bermúdez Huertas


Docentes en mercadeo y ventas
Página 2 de 13
EDUCACIÓN PARA EL TRABAJO CAFAM - CET - Subdirección de
Institución de Educación para el Trabajo y el Desarrollo Humano: Resoluciones SED 1929 de Junio de Educación
2002, 2020 de Julio de 2002, 0102 de Junio de 2010 y 180211 de Diciembre de 2010. SGC
GUÍA DE APRENDIZAJE No.3 Versión 1

Es importante que los diferentes términos queden claro para las personas
involucradas en generar la estrategia de marketing digital.

Logo

La etimología de este término nos dice que viene del griego logos, significa
“sentido”. Es un símbolo cuya función principal es la representación de un
producto, persona o idea que generalmente describe las características de una
organización o persona.

Marca

Es el activo más importante de una empresa que la describe, representa y destaca


de los demás competidores haciéndola única. Por ejemplo, en el cerebro de un
consumidor cuando se le nombra una marca inmediatamente muchas imágenes y
sentimientos hacen que tome una determinada actitud frente un producto o idea.
Es esa “imagen” que ves en tu cabeza lo que la marca representa. Pero también, se
usa mucho el término marca para referirse al logo; lo que no es completamente
errado.

Apreciado estudiante complemente estos conceptos en el siguiente enlace:


http://www.marketing-xxi.com/la-marca-46.htm

Logotipo

El texto y la imagen son elementos esenciales para la construcción una identidad


corporativa que luego será nuestro eje visual para la campaña de marketing digital
para esto hay que conocer su clasificación:

Abdel Alexis Arenas Suárez / Fernando Alonso Bermúdez Huertas


Docentes en mercadeo y ventas
Página 3 de 13
EDUCACIÓN PARA EL TRABAJO CAFAM - CET - Subdirección de
Institución de Educación para el Trabajo y el Desarrollo Humano: Resoluciones SED 1929 de Junio de Educación
2002, 2020 de Julio de 2002, 0102 de Junio de 2010 y 180211 de Diciembre de 2010. SGC
GUÍA DE APRENDIZAJE No.3 Versión 1

i.Pinimg 2018

El Eslogan

Frase poderosa que complementa la imagen de una empresa generando un alto


grado de reconocimiento dentro de los usuarios que lo repetirán una y otra vez
potenciando el voz a voz positivo. Un ejemplo claro es del Davivienda:
http://www.portafolio.co/economia/finanzas/davivienda-casita-roja-lugar-
correcto-246136

Abdel Alexis Arenas Suárez / Fernando Alonso Bermúdez Huertas


Docentes en mercadeo y ventas
Página 4 de 13
EDUCACIÓN PARA EL TRABAJO CAFAM - CET - Subdirección de
Institución de Educación para el Trabajo y el Desarrollo Humano: Resoluciones SED 1929 de Junio de Educación
2002, 2020 de Julio de 2002, 0102 de Junio de 2010 y 180211 de Diciembre de 2010. SGC
GUÍA DE APRENDIZAJE No.3 Versión 1
Davivienda. 2018

¿Cómo el diseño puede ayudar al marketing de contenidos?

El aspecto es fundamental para atraer la atención de los usuarios con un plan de


marketing digital.
La preocupación con el diseño en los materiales gráficos que tienes disponibles,
son muy importantes y muy amplios. Al final, el diseño gráfico está presente en
una organización en los impresos pero hoy en día es fundamental llevar esa
imagen a todas las plataformas digitales; el contenido con imágenes atractivas
generan un compromiso mucho mayor en los usuarios.

azulindigo. 2018
Hablando el lenguaje del diseñador
Es importante conocer el glosario básico del lenguaje que utiliza el diseño gráfico:

Imágenes digitales: Debemos entender que unas cosas son las imágenes para
imprimir y otras las que se utilizan en el ámbito digital.
Escala CMYK: Los archivos para fines de impresión, usan la escala CMYK (Cian,
Magenta, Amarillo y Negro).Una vez que sean impresos con tinta, posteriormente,
aquellos colores que vemos en la pantalla durante la visualización de la imagen
son meramente ilustrativas. El resultado final de la impresión depende también del
calibre de la impresora que va a ejecutar la impresión, del tipo de papel, etc.
Escala RGB: Los archivos digitales utilizan la escala RGB (Rojo, Verde y Azul) que
son los tres colores luz que son emitidos por cualquier pantalla.
Esta escala permite que los colores sean más centellantes y fluorescentes, cuya
reproducción sería imposible en una impresión sin tintas especiales.

Abdel Alexis Arenas Suárez / Fernando Alonso Bermúdez Huertas


Docentes en mercadeo y ventas
Página 5 de 13
EDUCACIÓN PARA EL TRABAJO CAFAM - CET - Subdirección de
Institución de Educación para el Trabajo y el Desarrollo Humano: Resoluciones SED 1929 de Junio de Educación
2002, 2020 de Julio de 2002, 0102 de Junio de 2010 y 180211 de Diciembre de 2010. SGC
GUÍA DE APRENDIZAJE No.3 Versión 1

Formatos en las imágenes diferentes

Esta clasificación es muy sencilla y es la siguiente:

Imagen vectorial

Las imágenes vectoriales, o simplemente “vectores”, son imágenes planas, sin


sombres muy complejas y de una estética mucho más ilustrativa. Aunque algunos
artistas logran que los vectores se parezcan a una fotografía.
Tiene muchas ventajas pero las más relevantes son: para imprimir o para ambiente
digital estas imágenes garantizan calidad en resolución es decir no se deforman y
se ven muy bien para complementar las ideas que plasmemos en texto.

Ejemplo:

Abdel Alexis Arenas Suárez / Fernando Alonso Bermúdez Huertas


Docentes en mercadeo y ventas
Página 6 de 13
EDUCACIÓN PARA EL TRABAJO CAFAM - CET - Subdirección de
Institución de Educación para el Trabajo y el Desarrollo Humano: Resoluciones SED 1929 de Junio de Educación
2002, 2020 de Julio de 2002, 0102 de Junio de 2010 y 180211 de Diciembre de 2010. SGC
GUÍA DE APRENDIZAJE No.3 Versión 1

taringa. 2018

Las imágenes vectoriales pueden ser encontradas en formatos .ai, .cdr, .eps, .svg,
.pdf. Vamos a entender un poco mejor estos formatos en la parte sobre
herramientas, no obstante, adelantando, para agregar un vector en un formato de
página web, se debe utilizar el SVG.

vector-conversions. 2018

Mapa de bits

Las imágenes bitmap o mapa de bits son las más difundidas en el medio digital,
una vez que ellas puedan reproducir fotos con fidelidad.

El nombre de “mapa de bits” se da por el hecho de que las imágenes son formadas
por varios puntos minúsculos llamados pixeles. Los pixeles son aquellos cuadros
que vemos cuando le damos zoom a una imagen.
El mapa de bits es, sin duda, el tipo de imagen más utilizado en el medio digital,
no obstante, tener un conocimiento sobre sus particularidades es esencial.

Abdel Alexis Arenas Suárez / Fernando Alonso Bermúdez Huertas


Docentes en mercadeo y ventas
Página 7 de 13
EDUCACIÓN PARA EL TRABAJO CAFAM - CET - Subdirección de
Institución de Educación para el Trabajo y el Desarrollo Humano: Resoluciones SED 1929 de Junio de Educación
2002, 2020 de Julio de 2002, 0102 de Junio de 2010 y 180211 de Diciembre de 2010. SGC
GUÍA DE APRENDIZAJE No.3 Versión 1

Primero, los mapas de bits poseen un dato muy importante llamado resolución,
que no es más que el límite de escalabilidad predefinido e inmutable que las
imágenes poseen.

ite.educacion. 2018

Bancos de imágenes
Son sitios en la web donde podemos encontrar imágenes para utilizar en nuestros
contenidos digitales pero debemos tener cuidado de no utilizar imágenes que
tengan derechos de autor, más bien debemos utilizar imágenes de uso libre o pagar
los derechos respectivos para poder utilizar dichas imágenes.
Fuentes
La tipografía es otro elemento a tener en cuenta para nuestros contenidos digitales
pues dependiendo de la fuente que se escoja lograremos transmitir con eficacia
nuestros mensajes.
Se recomienda utilizar fuentes que transmitan lo que queremos un gran ejemplo es
la Helvética la más utilizada por su versatilidad y capacidad para generar
enganche con el cliente, revisemos el siguiente video:
https://www.youtube.com/watch?v=Bec_WaunPMo

Se recomienda no utilizar las siguientes tipografías porque carecen de estética:

Comic Sans MS: Tiene un aire infantil y puede ser sustituida por otras fuentes
menos usadas.
Papyrus: Comúnmente utilizada fuera de lugar y ya fue usada exhaustivamente.
Zapfino: Muy utilizada y muy invasiva, no funciona bien en los layouts.

Abdel Alexis Arenas Suárez / Fernando Alonso Bermúdez Huertas


Docentes en mercadeo y ventas
Página 8 de 13
EDUCACIÓN PARA EL TRABAJO CAFAM - CET - Subdirección de
Institución de Educación para el Trabajo y el Desarrollo Humano: Resoluciones SED 1929 de Junio de Educación
2002, 2020 de Julio de 2002, 0102 de Junio de 2010 y 180211 de Diciembre de 2010. SGC
GUÍA DE APRENDIZAJE No.3 Versión 1

Crear una identidad para tu marca/empresa, está directamente relacionado a las


fuentes que usas en tus materiales. La cantidad de estilos tipográficos que se deben
utilizar en los post generalmente son dos máximo tres para no saturar a los
usuarios sobre todo en páginas web.

Herramientas de diseño
Estimado estudiante revisemos algunas de las más importantes herramientas
utilizadas en diseño gráfico:

Suite de Adobe
Es un conjunto de programas que dependiendo se función se utilizan para darle un
entorno gráfico diferente y dinámico para nuestros contenidos.

Adobe Photoshop
Debido a su versatilidad, es sin duda, el software gráfico más famosos del mundo.
Ideal para manipular imágenes bitmap. Se pueden corregir errores fotográficos,
hacer montajes e ilustraciones.

Adobe Illustrator
Este es el software de imágenes vectoriales de Adobe. Ideal para generar
ilustraciones para hacer agradable los entornos digitales.

Adobe InDesign
El Word evolucionado 1000 veces ideal para hacer catálogos, libros y en general
trabajar textos para medios digitales.

Adobe Premiere
Si necesitas editar tus videos con recursos profesionales de corte, transiciones,
corrección de colores y muchos otros, este es el programa que buscas.

Adobe After Effects


Un Software de post-producción de video. En él, podrás hacer desde animaciones
simples de texto, como deslizarlo por la pantalla, hasta helicópteros explotando y
dinosaurios caminando por la ciudad. No es un programa tan intuitivo, de hecho
exige un conocimiento y experiencia.

HERRAMIENTAS DE INTERNET

Si quieres medir el real alcance de tus publicaciones las siguientes herramientas


son ideales para tal fin.

Abdel Alexis Arenas Suárez / Fernando Alonso Bermúdez Huertas


Docentes en mercadeo y ventas
Página 9 de 13
EDUCACIÓN PARA EL TRABAJO CAFAM - CET - Subdirección de
Institución de Educación para el Trabajo y el Desarrollo Humano: Resoluciones SED 1929 de Junio de Educación
2002, 2020 de Julio de 2002, 0102 de Junio de 2010 y 180211 de Diciembre de 2010. SGC
GUÍA DE APRENDIZAJE No.3 Versión 1

1. Google Analytics
Es una herramienta de analítica web de la empresa Google y ofrece información
concentrada del tráfico de visitas que llega a los sitios web según la audiencia,
adquisición, comportamiento y conversiones que se realizan en dichos sitios,

Google

developers.google. 2018

2. GTMetrix
El porcentaje de rebote de un sitio web debe ser medido para analizar si la carga
del sitio es la adecuada. El tiempo de carga es uno de los temas que más desespera
a los usuarios afectando su decisión de compra. Si el usuario pasa de lo que ve en
un post a complementar su información en Google eso se llama porcentaje de
rebote haciendo que google posicione mejor a nuestro sitio. Es una gran
herramienta para el marketing digital y con un gran atractivo es Gratis.

iebschool. 2018

3.HubSpot

Abdel Alexis Arenas Suárez / Fernando Alonso Bermúdez Huertas


Docentes en mercadeo y ventas
Página 10 de 13
EDUCACIÓN PARA EL TRABAJO CAFAM - CET - Subdirección de
Institución de Educación para el Trabajo y el Desarrollo Humano: Resoluciones SED 1929 de Junio de Educación
2002, 2020 de Julio de 2002, 0102 de Junio de 2010 y 180211 de Diciembre de 2010. SGC
GUÍA DE APRENDIZAJE No.3 Versión 1

rvn. 2018

Si hay una herramienta esencial para conocer todos los detalles de tu estrategia
basada en Inbound Marketing (mercadeo de atracción) es HubSpot. Con ella
puedes conocer muchos detalles y mejorarlos todos.
Sus características son:
-De gran ayuda para crear tu Buyer Persona dándonos un análisis detallado de
nuestros clientes.
Sigue su comportamiento, dando detalles sobre dónde ha estado interactuando el
usuario, qué contenido les gusta más y cuál fue la vía de contacto. Por ejemplo, si
el usuario llegó a tu web mediante correo electrónico, redes sociales, entre otros.

4. Google Trends

Multiplicalia. 2018

Es muy fácil de usar porque su uso que es similar a la anterior está basado en las
palabras clave que se relacionen con mi negocio y además es gratuita.
Sirve como clasificación para un negocio porque posee las siguientes
características:
Por palabras claves
Búsquedas frecuentes
Tendencias en aumento
Tendencias en una región o localidad
Tendencias por temporada
Los mejores términos de tu lista

Abdel Alexis Arenas Suárez / Fernando Alonso Bermúdez Huertas


Docentes en mercadeo y ventas
Página 11 de 13
EDUCACIÓN PARA EL TRABAJO CAFAM - CET - Subdirección de
Institución de Educación para el Trabajo y el Desarrollo Humano: Resoluciones SED 1929 de Junio de Educación
2002, 2020 de Julio de 2002, 0102 de Junio de 2010 y 180211 de Diciembre de 2010. SGC
GUÍA DE APRENDIZAJE No.3 Versión 1

5. Buffer

Daveismyname .2018

Gestiona las redes sociales para las publicaciones. Se puede acceder desde su
página web o incluso se puede descargar la propia extensión para Chrome, Safari o
Firefox. Análiza las publicaciones para ver qué acciones has percibido. Además
sirve para interactuar con un cliente específico.

6. Ágora Pulse

Daveismyname .2018

Nos sirve esta herramienta para conocer cuáles son los horarios más adecuados
para nuestras publicaciones. Genera unas estadísticas útiles para el desarrollo de
nuestro modelo de negocio.

¿QUE SON LOS MEMES?

Es básicamente un medio de expresión que tiene como su eje la crítica sobre algo o
alguien con humor.
El diccionario de Oxford dice que Meme “es un elemento de una cultura o un sistema
de comportamiento que se puede considerar ser transmitido de un individuo a otro. Puede
ser, además, una imagen, video, frase, etc que se transmite electrónicamente a partir
de usuarios de Internet“. Entonces los Memes no salieron de la nada ni son
aleatorios, hay una historia detrás de ellos. Desde esa óptica, las cosas van
tomando más sentido, ¿no?

Abdel Alexis Arenas Suárez / Fernando Alonso Bermúdez Huertas


Docentes en mercadeo y ventas
Página 12 de 13
EDUCACIÓN PARA EL TRABAJO CAFAM - CET - Subdirección de
Institución de Educación para el Trabajo y el Desarrollo Humano: Resoluciones SED 1929 de Junio de Educación
2002, 2020 de Julio de 2002, 0102 de Junio de 2010 y 180211 de Diciembre de 2010. SGC
GUÍA DE APRENDIZAJE No.3 Versión 1

La Real Academia dice que arte es “la manifestación de la actividad humana mediante
la cual se expresa una visión personal y desinteresada que interpreta lo real o imaginado
con recursos“.

Los Memes son un reflejo de la necesidad del ser humano por expresarse con
frecuencia sobre lo que lo rodea apelando a la reacción del usuario ya sea mediante
la reflexión o la risa.

Mundodeportivo. 2018

https://www.youtube.com/results?search_query=herramientas+del+ma
rketing+digital
www.marketingdirecto.com
Víncul https://www.youtube.com/watch?v=Bec_WaunPMo
os de
apoyo. Video Youtube, conceptos básicos.
https://www.youtube.com/watch?v=fy88g01gcUc
https://www.youtube.com/watch?v=K4z-sp8ohao

Abdel Alexis Arenas Suárez / Fernando Alonso Bermúdez Huertas


Docentes en mercadeo y ventas
Página 13 de 13

S-ar putea să vă placă și