Guﾃｭa bﾃ｡sica de
DISEﾃ前 WEB
Tendencias, proveedores y acreedores de la ciudad de Ibarra
Fernando Fiallos
La presente guía de comunicación visual para páginas web y redes sociales nace como propuesta de mi Trabajo de Grado, donde se realizó una investigación en el sector comercial al por mayor y menor de la ciudad de Ibarra (Ecuador) con respecto al uso, diseño y manutención de páginas web y redes sociales en dicho sector, estableciendo tendencias que se manejan actualmente y proponer un medio de información de las mismas. El objetivo principal de la guía es aportar en el mejoramiento de los conoci-
mientos de diseñadores en cuanto a fundamentos básicos de la comunicación visual en medios digitales, tendencias, proveedores y acreedores del servicio en la ciudad de Ibarra. Fernando Fiallos
Guﾃｭa bﾃ｡sica de
DISEﾃ前 WEB
Pontificia Universidad Católica del Ecuador Sede Ibarra Escuela de Diseño Autor: Fernando Fiallos Asesor: Wilfrido Chamorro Año: 2016 Ibarra Ecuador
Dedicado a todas las personas que se dedican al diseño gráfico y que luchan para que la profesión sea considerada como tal. Fernando Fiallos
ÍNDICE ¿Cómo usar esta guía?
pág. 9
Importancia del uso de la web
pág. 10
Bases
pág. 12
Web
pág. 16
pág. 20
pág. 24
pág. 28
Youtube
pág. 32
Proveedores
pág. 34
Acreedores
pág. 36
7
8
¿Cómo usar esta guía?
Se abordará cada tema con una introducción teórica o explicación donde también se la puede ampliar por medio del uso del código qr, para luego
observar ejemplos y culminar con algún dato curioso.
9
Importancia del uso de la web en Ibarra El diseño web dentro del mundo comercial es una fuente muy importante de información y contacto con los clientes. Sin embargo hay aplicaciones que van más allá de estás dos funciones básicas, por ejemplo: El uso de tiendas virtuales para vender desde el internet, sin necesidad de mantener un espacio físico como tienda. Obtener datos de posibles clientes y procesarlos con diferentes estrategias de marketing.
10
Vender espacio publicitario dentro de las páginas web y monetizar la misma. Por lo que es importante conocer los datos estadísticos de la manera en que usa las páginas web en la ciudad por los comercios al por mayor y menor de la misma.
83%
76,5%
17%
Tan solo el 17% de comercios de Ibarra manejan una página web, esto puede ser considerado una oportunidad por el crecimiento de la tendencia a migrar el negocio a internet.
23,5%
El 76,5% de páginas web de comercios de Ibarra las desarrolló o las mantiene un ingeniero o departamento de sistemeas de la empresa.
El negocio de internet, páginas web y redes sociales, necesitan del diseño gráfico para codificar de mejor manera sus mensajes visuales dirigidos a la comunidad. 11
Bases Dentro de los medios digitales, páginas web y redes sociales, existe ciertos parámetros estándar que se debe seguir para que la comunicación visual sea más versatil y óptima, principalmente en las redes sociales que son plataformas con plantillas que ,como usuarios, no podemos alterar.
Formato de imágen.- En cuanto a las imágenes se puede utilizar formatos como .jpg, .gif, .png; sin embargo las redes sociales nos aconsejan utilizar formato .png.
Formato de color.- El formato de color que se debe utilizar en medios digitales es RGB.
Medidas de imágenes.- Para las medidas estándar se toma las redes sociales: Facebook, Instagram, Twitter, las cuales manejan fotos de perfil, portada y publicaciones.
12
.png
FACEBOOK Foto de perfil
Foto para publicaci贸n en el muro
180 px
1200 px 180 px 900 px
Foto de portada 815 px 315 px
13
TWITTER Foto de perfil
Foto para publicaci贸n en el muro
400 px
506 px 400 px
253 px
Foto de portada 1500 px
14
INSTAGRAM Foto de perfil 110 px
110 px
Foto para publicaci贸n en el muro 640 px
640 px
隆Dato curioso! Antes de publicar comunicaci贸n visual en redes sociales te aconsejamos leer las pol铆ticas de cada red para no incurrir en cosas no permitidas por las mismas.
15
Web De acuerdo al estudio realizado en los comercios al por mayor y menor de la ciudad de Ibarra se determina las tendencias en cuanto a comunicación visual dentro de las páginas web, las tendencias que se presenta se encuentran en los campos de composición, familias de fuentes tipográficas, tipos de imágenes utilizadas, calidad, tamaño y profesionalismo de las imágenes.
16
Es necesario recalcar que las tendencias solo presentan la realidad actual de los comercios de la ciudad de Ibarra por lo que pretenden ser una guía al momento de proyectar la comunicación visual sin con esto afirmar que la tendencia actual de la ciudad sea la más idónea para todos los proyectos.
TIPOGRAFÍA Para los titulares, subtitulares, menú y contenido escrito la familia tipográfica más utilizada es palo seco
Helvetica AvantGarde Arial Myriad Pro
COMPOSICIÓN En cuanto a la composición la tendencia es el uso de un solo módulo central, la cual usa un scroll para navegar en la información.
Página web de Supermaxi
17
IMÁGENES La tendencia en los comercios es utilizar fotografías de pequeño tamaño, buena calidad y pueden ser consideradas profesionales. Cabe destacar que dentro de la tendencia de imágenes se encuentra también las ilistraciones en las mismas características de las fotografías, principalmente a modo de mascota del comercio. También vale mencionar que el texto dentro de las imágenes se maneja en familias como palo seco, caligráficas y decorativas.
Helvetica AvantGarde Arizonia 18
Página web de Almacenes la Ganga
Página web de Aeropostale Ecuador
Chopin Script
Ravie Top Secret
Mascota de Farmacias Económicas
Fotografía de Point Tecnology
¡Dato curioso!
Fotografía de La Casa del Jean en su página web
En Ibarra es tendencia el uso de colores según la imagen corportativa de cada comercio, siendo de más alcance los colores cálidos.
19
Facebook De los comercios que utilizan Facebook para comunicarse con sus posibles clientes la mayoría utiliza la comunicación visual como lenguaje principal, siendo esta principalmente de fotografías con texto incluido y algunas ilustraciones.
comunicación visual
90% 20
AvantGarde Arizonia Papyrus Dentro de las imágenes que manejan texto la tendencia se mantiene igual que en las páginas web, se utiliza familias tipográficas palo seco, caligráficas y decorativas, sin embargo el segundo nivel de tendencia es no utilizar texto, seguido de las dos últimas familias nombradas.
En cuanto a la calidad de las imágenes la tendencia es que sea buena, y el tamaño que se adapte a lo que solicite la red social. Sin embargo el 50% de las imágenes que se utiliza en Facebook de comercios no puede ser considerada profesional, principalmente por composición.
Como se mencionó anteriormente el uso de fotgrafías es el principal medio de la comunicación visual en Facebook, seguido de ilustraciones principalmente vectores.
Ilustración utilizada en fanpage de Livita.
Cálidos
Fríos
50% Así mismo hay un uso de colores fríos y calidos en igual condición, pero no se utiliza colores neutros y el uso de colores responde en un 70% a la identidad corporativa.
¡Dato curioso! Facebook es la red social más utilizada por los comercios de Ibarra, pero la comunicación visual es elaborada por sus propietarios o empleados y no por un profesional.
21
Fotografía de Ferretería Andrade
Fotografía de Full phone que utiliza texto en palo seco Fotografía de óptica Garvy
22
Fotografía con tipografía de Veto Cable.
Fotografía de de Aeropostale, una de las empresas que utiliza los servicios de diseñadores gráficos para su comunicación visual.
Ilustración de Miscelandia Store
¡Dato curioso!
Ilustración vectorial y tipografía de Orve Hogar.
En esta red social es donde más se incumple con derechos de autor, incluso desde su política de uso.
23
Twitter En cuanto al uso de Twitter es mucho menos que Facebook, los comercios que lo utilizan solo el 60% manejan comunicaión visual. En cuanto al texto que se utiliza dentro de imágenes opera dentro de las familias tipográficas palo seco, romanas y caligráficas. Aquí se evidencia un cambio frente a las páginas web y Facebook que es la introducción de las familia tipográfica romana.
24
Helvetica AvantGarde Cambria Regular Century Arizonia Chopin Script
En Twitter se utiliza tanto fotgrafías como ilustraciones en igual medida, estas últimas son vectoriales.
que se reutiliza imágenes qde otras redes sociales que exigen formatos más grandes, por lo que no se evidencia un tratamiento exclusivo para Twitter. Los colores más utilizados en Twitter de comercios de Ibarra son los cálidos y responden a su imagen corporativa.
Fotografías Ilustraciones
50% Las imágenes pueden ser consideradas en su mayoría de buena calidad, sin embargo la tendencia es utilizar las más grande de lo que solicita la red social, esto puede darse por-
¡Dato curioso! Twitter es considerada la red social de los negocios, por lo que comercios que se dedique a un enfoque más tecnológico son los llamados a usar esta red.
25
Portada y perfil en Twitter de Orve Hogar
Ilustraci贸n vectorial de Diane & Geordi
26
Fotograf铆a, ilustraci贸n vectorial y texto de TVentas.
Imágen de Supermaxi con medidas adaptadas a Twitter.
Imágen de Comandato
¡Dato curioso!
Fotografía de Miscelandia Store
La mayoría de comercios que utilzan Twitter no son de categoría local, más bien pertenecen a cadenas nacionales o internacionales.
27
Instagram Instagram es una red social que casi exclusivamente maneja la comunicación visual, por lo que resulta obvio que las empresas que manejen una cuenta en esta red social necestiarán la comunicación visual para enviar sus mensajes. Al igual que Twitter las familias tipográficas que se maneja es palo seco, romanas y caligráficas.
28
AvantGarde Century Arizonia
Las imágenes más utilizadas son las fotografías seguidas de las ilustraciones. Estas son de buena calidad y pueden ser consideradas, en su mayoría, profesinales.
En el caso de Instagram no se puede subir de manera normal, una imágen que exceda el tamaño estandar de la red, puesto que la misma se encarga de recortar la imágen a las exigencias.
Predominan los colores cálidos, pero si existe una utilización de los fríos en menor medida.
¡Dato curioso! Instagram es una red considerada casi exclusiva para adolocentes, además cuenta con una serie de filtros fotográficos para permitir realizar una posproducción de las imágenes.
29
Ilustración vectorial de Miscelandia Store.
Fotografía de Miscelandia Store.
30
Imágen de la Ganga que utiliza fotografía, ilustración vectorial y texto.
Ilustración y texto en romanas de TVentas.
Imágen de Supermaxi.
Fotografía de Aeropostale Ecuador.
¡Dato curioso!
Fotografía de Diane & Geordi.
En esta red social destacan las empresas que se dedican al entretenimiento, pero principalmente al vestuario y accesorios, que dicho sea de paso son profesionales en la producción de sus imágenes.
31
Youtube Uso de la red social
Si bien Youtube no es una red que maneje la comunicación visual como tal, puede ser considerada como una oportunidad, puesto que el uso de videos para generación de contenidos es cada vez más amplia, por lo que aumentar conocimientos en cuanto a animación y producción audiovisual pueda ampliar el campo de trabajo de diseñadores gráficos.
32
234 El número de videos subidos por comercios de la ciudad de Ibarra es de 234, de los cuales el de menor duración es de 11 segundos, mientras que el de mayor es de 11 minutos con 21 segundos.
20% 80% Video de Miscelandia Store
El 80% de videos de comercios utilizan animaci贸n para comunicar precios, promociones, marcas o mascotas.
Spot de Comandato.com
隆Dato curioso! La mayor铆a de videos responden a spots publicitarios y pueden ser considerados de producci贸n profesional. Spot de Supermaxi
33
Proveedores En cuanto a proveedores de servicios de comunicación visual para medios digitales como páginas web o redes sociales se considera a los diseñadores gráficos de la ciudad de Ibarra, su experiencia y los servicios que ofrecen a la comunidad.
Páginas web CMS Facebook Instagram Twitter
Medios Digitales
Medios Físicos
50% De los profesionales graduados de diseño gráfico tan solo el 50% manejan comunicación visual en medios digitales.
80% 25% 80% 40% 25%
Tabla de las actividades que los diseñadores gráficos han realizado alguna vez en su carrera profesional.
34
SERVICIOS
Comunicación visual Ilustración Programación web Manutención web Manutención redes sociales Publicidad
100% 75% 30% 60% 75% 25%
Tabla de servicios ofertados por profesionales de diseño gráfico.
Dentro de los servicios que ofrecen los profesionales de diseño gráfico cabe resaltar que la comunicación visual y la ilustración son campos de acción de la mayoría, así como manuntención de redes sociales. También se evidencia que no es un campo específico del diseñador gráfico de la ciudad de Ibarra la programación web y la publicidad.
¡Dato curioso!
Antes de contratar a un profesional del diseño gráfico es recomendable solicitar un portafolio profesional con proyectos reales y permitirse analizarlo previo la contratación.
35
Acreeedores Dentro de la ciudad de Ibarra el sector comercial al por mayor y menor es el más grande sector económico, según datos del Instituto Nacional de Estadísticas y Censos (INEC) este rubro alcanza las 14707 personas que se dedican a esta actividad, esto al año 2010.
En la ciudad de Ibarra se puede clasificar a los comercios lal por mayor y menor en los siguientes sectores comerciales: vestuario y accesorios, salu, artículos de entretenimiento, alimentos, electrodomésticos y accesorios, tecnología y accesorios y productos de belleza.
De este sector la mayoría se dedica a la venta al por mayor y menor, algunos a la venta solo al por menor y nadie a la venta unicamente al por mayor.
Cada sector comercial antes mencionado exige un tratamiento específico en cuanto a comunicación visual en medios digitales, por lo que es importante conocer el medio, la competencia, los clientes, el mensaje que se quiere transmitir y principalmente el objeti-
36
SECTORES COMERCIALES Electrodomésticos y accesorios de cocina 17% Tecnología y accesorios 13%
Productos de belleza 5%
Salud 6% Alimentos 3% Artículos de entretenimiento 10%
Vestuario y accesorios 46%
vo con la comunicación visual en dichos medios, para saber escoger el canal (red social o página web) adecuado. Es importante mencionar que la mayoría de estos comercios no contratan los servicios de profesionales del diseño gráfico, por lo que lo importante es saber ofrecer el servicio desde la confiabilidad.
¡Dato curioso! El sector que más abierto está a contratar a diseñadores gráficos es el sector con más presencia en la ciudad de Ibarra: vestuario y accesorios.
37