Creación de un estudio de marketing visual en la revista digital Viceversa del Gimnasio la Colina by Diego Marín

GIMNASIO LA COLINA

Creación de un estudio de marketing visual en la revista digital Viceversa del Gimnasio la Colina, con el fin de re diseñar su plataforma e incrementar sus visitas por medio de la colorimetría

Alejandra Díaz Tascón 1

ABSTRACT El propósito de este trabajo era crear un estudio de marketing visual en la revista digital Viceversa del Gimnasio la Colina, para así rediseñar su plataforma e incrementar sus visitas por medio de la colorimetría. Para este fin se realizó una entrevista al grupo de trabajo de Viceversa, así mismo una encuesta dirigida a los estudiantes del Gimnasio la Colina, y posterior a eso dos encuestas a egresados, profesores, estudiantes y demás audiencia de la revista. Con los resultados obtenidos se rediseñó la revista y se analizó el incremento de las visitas. De esta manera se pudo concluir que por medio de la colorimetría se logró la selección de la paleta de color indicada para la revista con base en las opiniones y recomendaciones de su audiencia. De igual forma, por medio del estudio de marketing visual, se rediseñó Viceversa y así se cambió su logo, los colores, la organización, la tipografía de títulos y subtítulos, las categorías, los botones, las imágenes y la implementación de una nueva sección para facilitar la comunicación de quienes la visitan con quienes la manejan. Gracias a esto, se mejoró la imagen de la revista y se incrementaron sus visitas. The purpose of this project is to create a visual marketing study in the digital magazine Viceversa of Gimnasio la Colina, to redesign its platform and increase its visits through colorimetry. For this purpose, an interview was carried out to the working group of Viceversa, as well as a survey directed to Gimnasio la Colina students and after that, two more surveys but directed to ex-students, teachers, current students and more of their audience. With the results obtained, the magazine was redesigned and the number of increased visits was analyzed. It was possible to conclude that with colorimetry, the selection of the right color was accomplished based on the recommendations and opinions of Viceversa´s audience. Likewise, through the visual marketing study, the magazine was redesigned where its structure, logo, colors, organization, typography of titles and subtitles, categories, buttons and images were changed. Also, a new section was implemented to facilitate the communication of those who visit it with those who manage it. Thanks to that, its image was improved and its visits increased.

KEYWORDS Colorimetría, marketing visual, revista digital, incremento de visitas. Colorimetry, visual marketing, digital magazine, increased visits.

CREACIÓN DE UN ESTUDIO DE MARKETING VISUAL EN LA REVISTA DIGITAL VICEVERSA DEL GIMNASIO LA COLINA, CON EL FIN DE RE DISEÑAR SU PLATAFORMA E INCREMENTAR SUS VISITAS POR MEDIO DE LA COLORIMETRÍA.

ALEJANDRA DÍAZ TASCÓN

Trabajo de grado para optar el título de bachiller

Asesora: Leidy Tatiana León Comunicadora social y periodista

GIMNASIO LA COLINA DEPARTAMENTO DE LENGUAJE, LITERATURE E INVESTIGACIÓN METODOLOGÍA DE LA INVESTIGACIÓN SANTIAGO DE CALI-COLOMBIA 2019-2020

AGRADECIMIENTOS En primer lugar le quiero agradecer a mis papas y a mi familia por su apoyo incondicional. También, a Daniel Nessim por su ayuda indispensable, por aportarme y aconsejarme con sus conocimientos de diseño. Por último a mi asesora, Tatiana León y a mi profesor Diego Marín, por guiarme a lo largo de esta investigación.

TABLA DE CONTENIDO INTRODUCCIÓN 1. PROBLEMA

12 13

1.1. PREGUNTA PROBLEMA

1.2. PREGUNTAS SECUNDARIAS 2. HIPÓTESIS

3. OBJETIVOS 14 3.1. OBJETIVO GENERAL

3.2. OBJETIVOS ESPECÍFICOS 4. JUSTIFICACIÓN

5. MARCO TEÓRICO

5.1. INCREMENTO DE LAS VISITAS DE UNA PÁGINA WED A TRAVÉS DE LA COLORMETRÍA

5.1.1. Marketing visual 5.1.2. Páginas web

5.1.3. La publicidad

5.2. COLORES MÁS APROPIADOS PARA UNA REVISTA ESTUDIANTIL 5.2.1. Revista estudiantil 5.2.2. Teoría del color

30 31

5.2.3. Percepción e interacción visual del color 5.3. VICEVERSA

5.3.1. Antecedentes y descripción

5.3.2. Creación de Viceversa como sitio web en la plataforma Wix 5

6. CAPÍTULO PROPÓSITIVO 6.1. METODOLOGÍA 6.2. RESULTADOS 6.2.1 Entrevistas

44 46

6.2.2. Observaciones 6.2.3. Grupo focal 6.2.4. Encuesta

49 51

6.3. DISEÑO DE LA REVISTA DIGITAL VICEVERSA 6.3.1. Primer diseño

6.3.2. Segunda encuesta 6.3.3 Segundo diseño

69 72

6.4. INCREMENTO DE LAS VISITAS

6.4.1. Comparación entre las visitas de la antigua versión de Viceversa y el nuevo diseño 78 6.5. DIFUSIÓN DE LA REVISTA 6.5.1. Video tutorial 6.5.2. Tercera encuesta 7. CONCLUSIONES

84 84 87

FUENTES DE CONSULTA ANEXOS

ANEXO 1: Encuesta google forms

ÍNDICE DE TABLAS, GRÁFICAS Y FIGURAS

FIGURAS FIGURA 5.1. Diagrama

FIGURA 5.2. Colores aditivos

FIGURA 5.3. Colores sustractivos FIGURA 5.4. Color Wheel

FIGURA 5.5. Revista digital 60

FIGURA 6.2. Paleta #2

FIGURA 6.3. Paleta #3

FIGURA 6.4. Paleta #4

FIGURA 6.5. Paleta #5

FIGURA 6.6. Paleta #6

FIGURA 6.7. Paleta #7

FIGURA 6.8. Paleta #8

FIGURA 6.9. Paleta #9

FIGURA 6.1. Paleta #1

FIGURA 6.10. Paleta #10

FIGURA 6.11. Primer boceto inicio viceversa en pc. FIGURA 6.12. Primer boceto introducción en pc. FIGURA 6.13. Primer boceto posts en pc.

FIGURA 6.14. Primer boceto textos en pc.

65 7

64 64

FIGURA 6.15. Primer boceto eventos escolares en pc. FIGURA 6.16. Primer boceto contacto en pc.

FIGURA 6.17. Primer boceto inicio en Cel

FIGURA 6.18. Primer boceto inicio en Cel

FIGURA 6.19. Primer boceto inicio en Cel

FIGURA 6.20. Primer boceto posts en Cel

FIGURA 6.21. Primer boceto posts en Cel

FIGURA 6.22. Primer boceto posts en Cel

FIGURA 6.23. Primer boceto eventos en Cel

FIGURA 6.24. Primer boceto eventos en Cel

FIGURA 6.25. Primer boceto contacto en Cel

FIGURA 6.26. Primer boceto contacto en Cel

FIGURA 6.27. Nuevo logo con diferentes paletas de color

FIGURA 6.28. Nuevo logo con diferentes paletas de color

FIGURA 6.29. Nuevo logo con diferentes paletas de color

FIGURA 6.30. Introducciรณn encuesta FIGURA 6.31. Paleta #1

FIGURA 6.32. Paleta #2

FIGURA 6.33. Paleta #3

FIGURA 6.34. Resultados paleta #1

FIGURA 6.35. Resultados paleta #2

FIGURA 6.36. Resultados paleta #3

71 8

FIGURA 6.37. Número de visitas paleta #1

FIGURA 6.38. Número de visitas paleta #2

FIGURA 6.39. Número de visitas paleta #3

FIGURA 6.40. Diseño final inicio viceversa en Cp.

FIGURA 6.41. Diseño final posts viceversa en Cp.

FIGURA 6.42. Diseño final textos en Cp.

FIGURA 6.43. Diseño final eventos en Cp.

FIGURA 6.44. Diseño final contacto en Cp. FIGURA 6.45. Diseño final chat en Cp.

FIGURA 6.46. Diseño final inicio en cel

FIGURA 6.47. Diseño final inicio en cel

FIGURA 6.48. Diseño final incio en cel

FIGURA 6.49. Diseño final posts en cel

FIGURA 6.50. Diseño final posts en cel

FIGURA 6.51. Diseño final posts en cel

FIGURA 6.52. Diseño final eventos en cel

FIGURA 6.53. Diseño final eventos en cel

FIGURA 6.54. Diseño final contacto en cel

FIGURA 6.55. Diseño final contacto en cel

FIGURA 6.56. Diseño final chat en cel FIGURA 6.57. Visitas diseño final

FIGURA 6.58. Visitas diseño anterior

79 9

FIGURA 6.59. Pregunta cerrada encuesta

FIGURA 6.60. Pregunta abierta encuesta

FIGURA 6.61. Resultados pregunta cerrada

FIGURA 6.62. Resultados pregunta cerrada

FIGURA 6.63. Resultados pregunta abierta

FIGURA 6.64. Resultados pregunta abierta

FIGURA 6.65. Tráfico total en 4 semanas nuevo diseño FIGURA 7.1. Paleta escogida

TABLAS TABLA 6.1. Observaciones

GRÁFICAS GRÁFICA 6.1. Edad de los encuestados

GRÁFICA 6.2. Gustos y preferencias de los encuestados GRÁFICA 6.3. Constancia de la audiencia en la revista GRÁFICA 6.4. Gustos de los colores de la revista GRÁFICA 6.5. Diseño y cantidad de visitas GRÁFICA 6.6. Cambios a la revista

GRÁFICA 6.7. Éxito o fracaso de una página

GRÁFICA 6.8. Colores y visitas de la revista

GRÁFICA 6.9. Combinaciones de color

59 10

54 55

GRÁFICA 6.10. Fecha inicial recopilación visitas nuevo diseño GRÁFICA 6.11. Fecha final recopilación visitas nuevo diseño GRÁFICA 6.12. Mayor cantidad de visitas del nuevo diseño

81 81

GRÁFICA 6.13. Fecha inicial recopilación visitas antiguo diseño GRÁFICA 6.14. Fecha final recopilación visitas antiguo diseño GRÁFICA 6.15. Mayor cantidad de visitas antiguo diseño

82 82

INTRODUCCIÓN

El marketing visual, también llamado mercadotecnia visual, es definido, según Peiró (2019), como una estrategia que transmite o comunica lo que busca cada empresa o marca, a través del contenido visual, (imágenes, colores, videos) con el objetivo de atraer más la atención de la audiencia. Hoy en día, el marketing visual predomina en las redes sociales y en la mayoría de páginas web que existen, pues conlleva diversas estrategias que ayudarán a mantener al usuario en la página. Algunas de ellas van conectadas con la idea que plantea Melgar (2019), quien afirma que, “El contenido visual es procesado 60 mil veces más rápido que el texto por el cerebro humano; consigues 94% más visitas cuando en tu contenido incluyes imágenes relevantes y llamativas o videos” (párr. 2), y es debido a estas estrategias que los blogueros, escritores online, dueños de páginas web, suben más imágenes y videos a sus plataformas, que largos textos pues muchos autores, como Rodriguez (2019), indican que “la mayor cantidad de la información que llega al cerebro es por medio de los ojos, pues el 70% de los receptores sensoriales están ahí” (párr. 2). No obstante, aunque los textos también hacen parte de la información visual, las imágenes y videos son muy importantes para el observador, pues muchas veces sirven como sustento del texto para dar otra explicación de la misma idea. Por este motivo, las páginas deben ser estratégicas y tener un balance entre la cantidad de escritura que publican con las imágenes y videos. De acuerdo con Gómez (2013), la colorimetría se define como la psicología del color, que a su vez cumple un papel fundamental en el marketing visual, pues por medio de los colores se transmite una sensación o sentimiento en el usuario. Sin embargo, la colorimetría 12

no puede trabajar sola, pues el color complementa una pieza y le da vida, mas no puede hacerlo sin tener una base. Un ejemplo que nos da Gómez (2013), es el diseño de un logo, en donde el color se complementa con otros aspectos como la tipografía, el slogan, un ícono y la forma del objeto, para así crear algo armónico y a su vez, un equilibrio visual. En este trabajo de grado, se trabajará con el marketing visual y con la colorimetría, para darle vida a la revista digital Viceversa del Gimnasio la Colina y así mismo crear emociones y sentimientos en los usuarios para que entren al sitio web a leer el contenido. Por medio de las estrategias del marketing y del color, se rediseñará toda la página, para que las personas, cuando entren a esta, se interesen más en ella y para que así mismo, se incrementen las visitas en la revista y sus publicaciones tengan más éxito. 1. PROBLEMA 1.1 Pregunta problema ¿Cómo crear de un estudio de marketing visual en la revista digital Viceversa del Gimnasio la Colina, con el fin de rediseñar su plataforma e incrementar sus visitas por medio de la colorimetría? 1.2 Preguntas secundarias ● ¿Cómo se pueden incrementar las visitas de una página web a través de la colorimetría y el rediseño de la misma? ● ¿Cuáles son los colores más apropiados para una revista estudiantil? ● ¿Cuál es el propósito de la revista digital Viceversa del Gimnasio la Colina? ● ¿Cómo, por medio de un grupo focal, se pueden identificar los colores que llaman más la atención en estudiantes del Gimnasio la Colina en la revista digital Viceversa? 13

2. HIPÓTESIS Se podrá evidenciar las preferencias y gustos de estudiantes del Gimnasio la Colina frente a los colores que debería llevar la revista digital Viceversa, por medio de un grupo focal. A su vez, por medio de entrevistas y observaciones a los miembros del grupo de trabajo de Viceversa, se reconocerá el propósito que tiene la revista y se indagará sobre lo que ellos esperan representar por medio de ella. Posteriormente, con dicho estudio de marketing, y en conjunto con las bases de la colorimetría, se cambiará la gama de colores de la página digital de Viceversa, mejorando su imagen e incrementando a su vez, sus visitas. 3. OBJETIVOS 3.1 Objetivo general Crear un estudio de marketing visual en la revista digital “Viceversa” del Gimnasio la Colina, con el fin de rediseñar su plataforma e incrementar sus visitas por medio de la colorimetría. 3.2 Objetivos específicos ● Incrementar las visitas de una página web a través de la colorimetría y su rediseño. ● Definir cuáles son los colores más apropiados para una revista estudiantil. ● Identificar el propósito de la revista digital del Gimnasio la Colina Viceversa. ● Determinar cómo, por medio de un grupo focal, se pueden identificar los colores que causan mayor atracción en los estudiantes del Gimnasio la Colina en la revista digital Viceversa.

4. JUSTIFICACIÓN Decidí trabajar con el marketing visual, porque me parece que está presente en todas partes. Hoy en día tanto los emprendedores como las empresas y los nuevos productos, son presentados en el medio digital, ya sean redes sociales, blogs, páginas web, etc. Debido a esto, son las visitas las que demuestran que la página tiene éxito, pues cuando un usuario decide quedarse a ver el contenido de una página, es porque ha logrado atraerlo. Esto se logra por medio de estrategias de marketing, lo que me parece muy interesante, pues puedo conocer cómo funciona un mercado y como se logra atraer a una persona por medio de este. Además de eso, para poder incrementar las visitas de una revista digital, es importante conocer al consumidor y saber que le gusta, lo cual se logra a través del marketing. Por otro lado, me interesó trabajar con la colorimetría, debido a que es un estudio que está presente en aquellos lugares u objetos que usen los colores para atraer la atención del cliente como, en los restaurantes, en los productos que usamos diariamente, en la comida, en la ropa y en todo lo que sea visible para el ser humano. Sin embargo, muy poca gente conoce el término colorimetría. Es debido a esto, que me interesó trabajar con un tema nuevo, para así crear un conocimiento en las personas y comprobar que por medio de este, se pueden lograr cambios en cómo percibimos lo que está a nuestro alrededor, pues eso es lo que hacen los colores, te producen sentimientos y sensaciones. Por último, decidí juntar esos dos términos en mi trabajo, porque considero que ambos se complementan, es decir que la colorimetría vendría siendo, para mí, una de las estrategias de marketing más importantes y representativas para este trabajo. A su vez, decidí conectar estos dos términos y trabajar con la revista digital Viceversa, porque considero que en el 15

Gimnasio la Colina, los estudiantes no le dan la importancia que deberían a los textos e ilustraciones propuestas por el grupo de trabajo de Viceversa. Gracias a ello, con este trabajo, más que incrementar las visitas y mejorar el diseño, se quiere lograr que la comunidad estudiantil se interese por la revista y que disfruten entrar a la página, para que así, más escritores se animen a publicar sus obras en la revista digital de Viceversa. 5. MARCO TEÓRICO Por medio de un estudio de marketing visual y de colorimetría se rediseñó la revista digital Viceversa del colegio Gimnasio La Colina en la plataforma Wix. Por lo tanto es necesario indagar y tener conocimiento sobre los conceptos a tratar acerca de la teoría del color; estrategias de marketing; los sentimientos producidos por el color; creación y diseño de páginas web; marketing visual; publicidad; índice de visitas; entre otros. Por último, conocer la historia y los cambios que ha tenido la revista Viceversa, para así saber con exactitud su propósito, misión y visión, para lograr una mayor conexión con el público objetivo. 5.1. Incremento de las visitas de una página web a través de la colorimetría y el diseño de la misma. Se desarrolló una investigación sobre cómo incrementar las visitas de una página web y que se necesita para hacerlo. En el siguiente apartado, se tratarán temas como el marketing visual; las páginas web y la publicidad, cada uno con sus respectivos subtemas. 5.1.1. Marketing visual. Según Wedel y Pieters (2008), los consumidores, día a día se enfrentan con todo tipo de publicidad, ya sea en revistas, en televisión, pancartas, folletos, entre otros. Cada uno de estos avisos los percibimos, en su gran mayoría, de forma visual, 16

pues como se mencionó previamente, “el 90% de la información que llega al cerebro es por medio de los ojos” (Peiró, 2019, párr. 2). De esta forma, las personas se ven más atraídas por lo que se está mostrando. Dicho esto, según Wedel y Pieters (2008), el marketing visual, se compone de señales y símbolos que transmiten un mensaje atractivo y útil que a su vez, logra crear una experiencia en el consumidor es decir, establecer una conexión entre el consumidor y el servicio o producto, creando a su vez más atracción hacia ello. Así mismo, se compone del diseño actual del producto, que involucra el logo, empaquetado y su publicidad tanto física como en redes sociales. “En el marketing visual, la vista es el sentido más utilizado. La elección de los colores, la forma de un producto, los puntos de venta, las campañas publicitarias, son determinantes del éxito o fracaso de una empresa” (Chandon y Wansink 2007, p 73). Para muchas personas, la primera impresión influye al decidir si comprar un producto o adquirir un servicio, es decir, si un producto no atrae a los clientes por medio de su presentación, es posible que haya algún aspecto en este ya sea el color o el nombre de la marca, que no concuerde con lo que es el producto o servicio y que no represente su función o uso correctamente. Para que los consumidores o la audiencia tengan un mayor acercamiento y conexión frente a lo que se les muestra visualmente, primero, el texto debe ser presentado de una forma visual, es decir, “que tenga un logotipo o imagen acompañándolo; un tamaño de letra apropiado; un color determinado que transmita el propósito del trabajo, y si se desea, vídeos que sustenten o expliquen lo que está planteado” (Doyle & Bottomley, 2006). Con aquellas estrategias, el consumidor logrará atraerse más a lo que se le presenta y a su vez, tendrá la información necesaria sobre lo que observa.

5.1.1.1 Estrategias de marketing visual. Según Acero y Contreras (2010), el marketing visual, es un conjunto de estrategias o actividades que se realizan dentro de la misma página o en el punto de venta de un producto. Estas tienen el objetivo de llamar la atención del consumidor para motivarlos a adquirir o conocer dicha página o producto. Dicho esto, Rodríguez (2016) plantea 4 estrategias de diseño que ayudan a incrementar el impacto visual y el reconocimiento de las páginas o marcas en las redes sociales. Aquellas estrategias son: 1. Como lo menciona Rodríguez (2016), la paleta de colores es fundamental para una página o marca, pues complementa y beneficia su imagen, haciendo que sea más coherente con su propósito y temática. Así mismo, para que cada marca o página sea reconocida por la audiencia, es clave tener un color que lo identifique para que así, las personas al ver ese color lo asocien con aquella marca o página que lo contiene. 2. Por otro lado la tipografía, al igual que la paleta de colores, es fundamental para representar el propósito de la marca. Esto debido a que escribir las palabras correctas conlleva a una compresión adecuada de lo que se está escribiendo. Así mismo, usar la tipografía correcta es determinante para transmitir el mensaje indicado. Rodríguez, (2016), recomienda utilizar solo dos tipos de letra diferentes en un mismo texto, pues por el contrario, si se usan muchas el público puede distraerse y no captar el mensaje que se quiere transmitir. 3. Optimizar imágenes, es decir disminuir el tamaño de su archivo y lograr que su tamaño no afecte la rapidez de la página, es otra estrategia para mejorar el estilo de tu página web o marca, pues cuando se optimiza la imagen sin comprometer su

calidad y disminuyendo la lentitud del contenido al abrirse, se marca la diferencia entre convertir a un visitante en cliente o hacer que no regrese más a la web. 4. El diseño de plantillas es la estrategia que involucra todas las demás. Las plantillas son un diseño base que comparte elementos comunes (imágenes, tipografía, etc.). Para crear nuevo contenido en una página digital, se necesita identificar los colores que más se ajustan a la página, las fuentes tipográficas y optimizar las imágenes para que por medio de plantillas, se unifiquen y se dé consistencia a los elementos de diseño. Por otro lado, para Fitch (2008), en el marketing visual, la conectividad es el factor clave para crear una experiencia en el consumidor al comprar un producto, ya que considera que debido al diseño, una marca puede tocar el corazón de sus clientes, logrando que esta se posicione en el top of mind de la persona, es decir que esta sea su primera opción o la de su preferencia. Por lo anterior se entiende entonces que para lograr el éxito de una página o producto, se debe tener en cuenta la creatividad, la innovación y diseño como tal del producto; hasta que el consumidor cumpla con sus expectativas y la imagen de aquella marca se le quede impregnada como una experiencia. Otro punto de vista es el planteado por Rodríguez, (2016), indicando que lo que caracteriza al marketing visual, es la habilidad de transmitir un mensaje de una forma emocional o emotiva. A su vez, este debe lograr comunicar de una forma rápida y efectiva, mensajes complejos y aquellos que sean difíciles de explicar por medio de las palabras. Sin embargo, para entender cómo lograr esa conexión con la audiencia y el entendimiento de ellos hacia lo que se está mostrando. Así mismo es fundamental emplear las estrategias 19

establecidas previamente. En cuanto a una página web, aquello se logra por medio de un orden en la estructura de la misma, una paleta de colores y una tipografía acorde al contenido y una facilidad en la búsqueda de información. Ahora bien, en un establecimiento, se logra a partir del alcance del consumidor para adquirir los productos exhibidos, que estos tengan un diseño ordenado, limpio, cómodo y entendible. Todo es tomado en cuenta cuando se trata del marketing visual y son sus estrategias las que permiten que eso que se toma en cuenta, sea recibido de la mejor forma por parte del cliente. Es por ello que cada estrategia planteada se le debe dar la importancia que requiere para que los productos y las páginas sean visualmente agradables. 5.1.1.2 Colorimetría. Para definir la colorimetría o psicología del color se analizarán tres ideas planteadas por diferentes autores. Como lo dice Heller (2010), se puede definir como una estrategia o estudio que analiza el impacto o percepción que causa un color en cada persona. Este estudio, se ve representado en cualquier negocio, marca, producto o programa; se ve desde restaurantes hasta en peluquerías, sin embargo cada estrategia tiene un propósito diferente. Por otro lado, para Chorro, Perales, Martínez y Viqueira (2011), la colorimetría aplicada hace parte de lo que es la ciencia del color, que permite desarrollar diferentes aspectos como la conversión a diferentes espacios de color, al cálculo de descripciones (tono, saturación, claridad), cálculo de diferencias del color, etc. En el caso de la publicidad, la colorimetría tiene el trabajo de definir las sensaciones o sentimientos que causa cada color en los consumidores o en la audiencia, pues de esta manera, al saber cuáles impactan más, estos se seguirán usando para lograr un vínculo con público.

El color tiene el poder de estimular, creando una respuesta inconsciente inmediata, pues como lo explica Bleicher (2011), este tiene la capacidad de afectar las sensaciones del espectador hasta el punto de hacer parecer a un elemento ligero o pesado, cercano o lejano, barato o costoso. Es por esto, que al poner un color se debe hacer previamente el estudio de la colorimetría o de la psicología del color, para identificar que irradia o trasmite cada color puesto en escena. Cuando se llega a un restaurante y se siente el deseo de comer, esto no solo es debido a la comida, sino también a los colores que vemos alrededor. De esta manera, cuando una persona se siente atraída a un lugar, es porque se ha creado un vínculo entre el consumidor y el espacio es decir que el ambiente, los olores, colores y sonidos del lugar, lograron que el consumidor se sintiera a gusto. Así mismo sucede con las páginas web, pues su idea es crear estrategias con el fin de mantener al público enganchado con su producto o idea. En relación al color, el autor Heller (2010), plantea que no todos los colores y tonalidades causan el mismo efecto en todas las personas. Conocemos muchos más sentimientos que colores. Por eso cada color puede producir muchos efectos distintos, a menudo contradictorios. Un mismo rojo puede resultar erótico o brutal, inoportuno o noble. Un mismo verde puede parecer saludable, venenoso o tranquilizante. Un amarillo, radiante o hiriente... Ningún color carece de significado. Su efecto está determinado por su contexto (Heller 2010, p. 12). Cada color evoca un significado que se puede interpretar por medio de palabras, conceptos o sensaciones. Sin embargo, aunque se puedan hacer distintas asociaciones sobre 21

el color, se considera al contexto y a la cultura como factores de gran influencia al momento de otorgarle un significado, pues lo que funciona en Japón, puede causar una perspectiva negativa en Arabia Saudita, así mismo sucede con los colores, no todos son percibidos de la misma manera. Lee, (2006), también señala que el significado de un color es subjetivo y varía según la situación en la que la persona se encuentre por ejemplo, el rojo es un color que puede ser visto desde diferentes perspectivas, pues en situaciones de advertencia o peligro, se relaciona con algo prohibido e incluso con sangre, sin embargo, al estar en una situación romántica, se puede relacionar al rojo con el amor, chocolates y corazones. Es por esto que las decisiones de los diseñadores deben ser neutras, escogiendo aquellos colores que no sean propensos a ser ofensivos, pues es importante pensar en las consecuencias que causaría la mala elección de un color. Cada uno de estos tiene un tono y un significado diferente, lo que afecta el pensamiento y las reacciones de la audiencia, pues Lee (2006), establece “el color correcto da como resultado a la respuesta correcta” (p. 8). A su vez, según Gernsheimer (2008), el color es el que define la apariencia y personalidad de un logo, marca o producto, pues muchas veces, el diseño puede explicarse por sí mismo sin tener que recurrir a un texto. 5.1.1.3. La colorimetría en el mercadeo. En el marketing visual nada es casualidad. Cuando se trata de los colores de un logotipo, una empresa, un producto, un programa, etc., estos tienen una razón de ser. Aquello va ligado a una estrategia que logra crear un sentimiento o causar una sensación en quien lo esté observando. Según, Heller (2010), no es casualidad que Coca-Cola utilice el color rojo en sus productos, que National Geographic use el color amarillo y Facebook el azul. Cada una de estas empresas ha escogido aquel color que identifique su marca, basándose en lo que significa y representa cada uno de ellos, sin embargo, otro factor que influye en esta decisión es el neuromarketing que, como lo 22

menciona Jürgen (2012), es aquel estudio que muestra cómo funciona el cerebro y la mente en el marketing además, conocer cómo el cerebro asimila, interpreta y reacciona a los estímulos, en este caso los colores. La tarea de esta ciencia es aplicar los intereses del mercado en las marcas, productos, páginas, empresas etc. Más específicamente es, “el poder de interpretar el motivo subconsciente-inconsciente de la conexión producto-emoción: el misterio de por qué hay cosas a las que la gente se conecta o no” (Jürgen, 2012, p.32). Así pasa con los colores, pues es a partir de la conexión entre color-producto que se da cuenta de los gustos y preferencias que tienen las personas, ya que cuando alguien escoge el producto que más le atrae, es porque ha tomado en cuenta no solo su contenido, si no también lo que lo conforma, como el estilo, la tipografía y el color. Estas tres hacen parte de los intereses principales de las personas a la hora de tomar una decisión y por ello es de gran importancia conocer cómo piensa, actúa, asimila e interpreta el cerebro de las personas frente a eso. Según Lightfoot & Gerstman, (1998) el color, los símbolos, las formas y letras conforman el patrimonio visual o visual equity de una marca. Estos elementos tienen diferentes significados dependiendo del producto o el contenido (descriptivo o persuasivo). Sin embargo, en el caso del color, este ya tiene su propio significado, por lo que su trabajo es transmitírselo a la marca, o página. Por otro lado, Chandon y Wansink (2007), sostienen que los colores y las formas, son el método más efectivo para diferenciar e identificar un producto, marca o página; como segundo método está el nombre y, como tercero, la función del mismo. Debido a esto, cada marca es representada por un color específico que la define e identifique, logrando, según Chandon y Wansink (2007), que los consumidores reconozcan o se memoricen con mayor facilidad, ya sea el logo o inclusive el nombre de la empresa.

El color, como herramienta de marketing, es utilizada para atraer consumidores y alterar sus percepciones. A través del color, una marca puede comunicar e iniciar un diálogo con sus consumidores que la lleve a posicionarse entre sus competidores, todo a través de la generación de una identidad visual efectiva (Segura 2016, p.19). Aquella identidad visual, se logra a partir de un color específico que haga que los consumidores recuerden la marca a través de este, considerando el tipo de letra, nombre y su estilo como tal. Sin embargo, lo que efectivamente logrará esta identidad es la originalidad y su unicidad. Por otro lado, Según Masdigital (2017), siempre hay que tener en cuenta lo que evoca o emana el color, pues si no se considera, puede que el consumidor perciba un mensaje erróneo, causando que los resultados no sean los mismos hacia la página o producto. Masdigital (2017), también establece que el 84.7% de los consumidores ya sean de la web o no, le dan gran importancia al color al momento de decidir si comprar o no un producto, “El color vende… Y el color correcto vende mejor” (Lambert, 2004 p.4). Sin embargo, también se tiene en cuenta la apariencia visual, la textura y en algunos casos los sonidos y el olor. 5.1.2. Páginas web. En la actualidad, as páginas web son un medio que permite que las personas se comuniquen, que adquieran conocimiento, que se entretengan y que vean lo que más les gusta o atrae, permitiendo que cada usuario sea responsable de escoger sus preferencias. También les da libertad a las personas de crear contenido, de innovar, de volver realidad proyectos y más. Sin embargo, mantener una página web no es fácil, pues como lo resaltan McClelland, Eismann y Stone (2001), lograr que todos los usuarios estén satisfechos

con el contenido requiere tiempo y dedicación diaria. Debido a eso, es recomendable cambiar y renovar el diseño, las imágenes, la calidad de información, etc. Existen muchos factores que ayudarán que la página web sea exitosa. Uno de ellos son los colores de la página, pues deben ser acordes al tipo de información que se plantea y a los gustos de los observadores. Otro muy importante es la publicidad, pues es el medio por el que las personas tendrán un conocimiento sobre el contenido. Por último, está la constancia y la dedicación que se le proporciona a la página, pues como ya se mencionó, se requiere tiempo y esfuerzo para mantener una página web. Centrándonos en el color en la web, la paleta de colores es muy importante, pues aunque le da vida al contenido, también le da una identidad al mismo, es decir que por medio de esta es que la marca será reconocida y diferenciada de otras. Según McClelland, Eismann y Stone (2001), es aconsejable crear los gráficos utilizando una plataforma llamada “la paleta de colores para la web”, que facilita la elección de los colores para la página. Tiene entre 216 y 256 colores y brinda la opción de encontrar los indicados para cada página, según su contenido e imágenes. 5.1.2.1. Creación y diseño de una página web. Para poder crear una página web, es necesario tener claridad sobre las características de este medio. Así mismo, como lo recalca McClelland, Eismann y Stone (2001), se debe comprender ante qué aspectos reacciona el observador o consumidor, qué hace que se sienta atraído hacia el sitio web, a qué tipo de público se está enfrentando y, por último, se debe lograr que el usuario tenga facilidad en la búsqueda de la información, servicio o producto que se quiere mostrar. Cuanta más información se tenga, mejor será el diseño y el contenido. Sin embargo, a pesar de su 25

importancia, muchas páginas web, como lo es Viceversa, no proporcionan facilidad para encontrar su contenido. Por otro lado, para Palacios y Puente (2015), se deben seguir estos pasos para crear y diseñar una página web: -

Usar HTML (Hyper-Text markup Language), que es una serie de instrucciones que especifican las características visuales de un documento.

Seleccionar las secciones principales de la página, en donde lo más importante será el título y luego el cuerpo.

Hacer uso de las etiquetas principales que son los títulos de las secciones, o sea el título de la página y los encabezados; el resaltado del texto por medio de la negrilla, cursiva o anchura fija; el tamaño, es decir si el texto es grande o pequeño; y enlaces externos o links (que son subrayados y diferenciados con otro color), en donde puede ser un enlace relativo, “Puede ver más información en la Norma” o un enlace absoluto, “El iPod está construido por Apple”.

Publicar en internet, ya sea privado (algo personal) o público (cualquier servidor).

Si se siguen estos pasos, se creará la base de lo que sería una página web. En cuanto al diseño como tal de la misma, este es personal y varía según el tipo de contenido y hacía el tipo de público que va dirigido. Así mismo, como ya se mencionó, es muy importante conocer al cliente, usuario o consumidor; su edad, género y la razón por la que visitan la página (entretenimiento, información, aprendizaje) entre otros. Al crear una página web, se debe tener en cuenta las opiniones y gustos que tiene el observador, pues al final la página estará a su servicio. Para 26

lograr esto, se “Debe diseñar siempre pensando en el tipo de público a quien va dirigido. Organice la información con un diseño claro, evitando utilizar elementos que puedan distraer la atención” (McClelland, Eismann y Stone, 2001, p. 25). Esto es de gran relevancia, ya que la primera impresión siempre influirá en el éxito de la página. Así mismo, las visitas son tan importantes como el contenido mismo, pues son la cantidad de usuarios que ven la página, quienes determinan si lo que se está mostrando es atractivo para las personas. Esto se debe a que si una persona se queda viendo el contenido de una página, es porque se sintió atraído por este, comprobando que tu página tuvo éxito. Para que el diseño de una página sea mejor y para que haya un incremento en las vistas diario, McClelland, Eismann y Stone (2001), recomiendan: 1. Planear el diseño y la estructura del contenido antes de montarlo en la plataforma. Es importante plasmar las ideas primero, para después descartar aquellas que no convengan y dejar las que sirvan. A estos intentos se le llaman borradores que permiten hacer todos los cambios necesarios como: sí hay ciertas zonas que tienen mucho texto, o que este se concentra en un mismo lado, o si, por el contrario, una sección tiene mucha información, es una señal de que la estructura no está del todo bien. Esto ayudará a definir la idea correcta que será plasmada en la página, ya que será aquella idea que no tenga más corrección. 2. El diseño de los botones es muy importante, pues son los indicadores que se ven apenas se entra a una página son las ayudas de navegación, por lo que es necesario que sean atractivas y que llamen la atención del observador. Sin embargo, es aconsejable poner una o dos palabras que describan lo que se mostrará al hundir aquel botón, en vez de poner nombres llamativos o dibujos que puedan confundir a las 27

personas o que los lleve a entender un mensaje erróneo. La claridad y la brevedad son clave en las páginas web, pues entre más preciso sea el escritor, más rápido se encuentra la información ella. 3. Enganchar al visitante es la última recomendación que plantean McClelland, Eismann y Stone, (2001), quienes establecen lo necesario que es renovar con regularidad el sitio web, pues esto hará que los visitantes vuelvan a la página y se interesen por sus nuevos cambios. 5.1.3. La publicidad. La publicidad es fundamental en cada empresa, para cada marca, producto o página. Así mismo, como lo mencionan Russell y Lane (2001), la publicidad es el instrumento de venta más efectivo para crear un vínculo o atracción entre el comprador y el producto. La publicidad se complementa y mejora su efectividad conforme la tecnología aumenta, pues cada día, más programas se han creado para mejorar los anuncios publicitarios, existen más plataformas para mostrar aquellos anuncios y más. A su vez, con la llegada del marketing y sus estrategias, y las nuevas plataformas digitales para crear diseños y anuncios, crear publicidad de un producto se ha vuelto más fácil. Por otro lado, Acosta (1994), indica la importancia del papel de la publicidad en la comunicación que se da por medio de la televisión, revistas, radio, prensa, folletos, etc. A su vez, los anuncios publicitarios tienen la función de informar y motivar al cliente a comprar su producto, pues tienen que lograr convencer al consumidor que su elección ha sido la correcta, pues ha escogido el mejor producto. Desde otra perspectiva, la función básica de la publicidad según Russell y Lane (2001), es crear conciencia y conocimiento de una marca, página o producto y es definida como una 28

comunicación persuasiva. Esta es fundamental para cada emprendimiento o proyecto que tenga una persona, pues es por medio de la publicidad que se conoce cada página, marca o producto ya sea en redes sociales o en físico (periódicos, revistas, pancartas, folletos). No obstante, es necesario tener en cuenta que la publicidad es un esfuerzo pagado, lo que indica que cada anuncio hará lo necesario para ser mejor que otros. Por otro lado, existen varios conceptos que van ligados a la publicidad, como lo explica Rusell (1993), está el anuncio, que es un mensaje específico que una empresa lanza para persuadir a una categoría de público y, por otro lado, están las campañas publicitarias, que son una serie de anuncios coordinados. Sin embargo, a pesar de sus diferencias, ambas formas deben cumplir con ciertos criterios o claves básicas para asegurar el éxito de lo que promocionan, las cuales son: Una comunicación eficaz que genere ideas, mas no confusión; la manera en la que se expresa la idea debe ser clara y específica (solo poner lo más relevante o importante); y las ideas deben ser acompañadas por algo distinto a letras, como un dibujo, una imagen, figuras, entre otras, para así complementar lo que se quiere decir. Es importante resaltar que al realizar publicidad, se debe conocer muy bien el tipo de consumidor que tiene la marca o producto que se está mostrando, pues es a partir de lo que al cliente le guste o no, es que se debe plantear el anuncio. En muchos casos, como lo menciona Russell y Lane (2001), la publicidad solo muestra lo que ella quiere que la gente conozca, pues a partir de lo que se publique, es que la gente se ve atraída o no. Debido a aquello, es fundamental tener estrategias que guíen a las empresas publicitarias a crear mejores anuncios para cada tipo de usuario.

La publicidad es la principal encargada del incremento en las visitas de una página web, pues mantener informado al consumidor sobre las actualizaciones y renovaciones de las páginas, incentiva a las personas a ver los cambios realizados y para que así, el observador se enganche con lo que ve y se quede. 5.2. Colores más apropiados para una revista estudiantil Para saber qué colores son más apropiados para una revista estudiantil, se debe tener un conocimiento sobre conceptos como: revista estudiantil, estudio del color y clasificaciones del color, entre otros. Estos temas ayudarán a que se tenga mayor claridad sobre qué es el color y los sentimientos que puede causar en las personas. 5.2.1. Revista estudiantil. Según Velásquez y Baquero (2014), una revista estudiantil es un instrumento del que pueden disponer los colegios para muy distintos fines: Divulgar el quehacer educativo, ser un medio de comunicación entre la comunidad estudiantil, fomentar el gusto de la escritura o la pasión por el periodismo. Para crear una revista estudiantil se deben definir los temas a tratar en las páginas de la misma. Estos temas pueden ser: salud, deportes, ciencia, cultura, literatura, humor, pasatiempos, etc. También pueden introducirse temas solo del colegio a donde pertenezca la revista, como: reportajes sobre temas del colegio, reseñas, artículos, trabajos de grado y más. Si se quieren mezclar varios temas a lo largo de la revista, es importante separar muy bien cada uno del otro para que no se mezcle su contenido. También, se debe tener presenten el tipo de audiencia que tendrá la revista, saber sus gustos y preferencias para así satisfacerlos a la hora de la lectura.

Ahora bien, así como existen revistas impresas, también las hay digitales o incluso en ambos formatos, como en el caso de Viceversa. Gracias a los recursos de la web, como lo indica Melo (2017), se ha aumentado el número de revistas digitales con contenidos académicos, viéndose así casos de estudiantes que publican proyectos colectivos, proyectos individuales, trabajos de grado o revistas institucionales consolidadas. La publicación digital es atractiva, pues facilita el diseño y el cambio constante del mismo, permite que tenga una audiencia abierta, es decir, que sea cualquier persona y que se puedan incluir o complementar los textos sin tener que volver a publicar la revista. Sin embargo, pese a sus beneficios, también trae consigo retos y problemas que los editores, autores, evaluadores y escritores se ven obligados a enfrentar, como por ejemplo: el colapso de la plataforma, la suspensión del servidor, la falta de mantenimiento de los archivos y bases de datos, las actualizaciones periódicas, ataque piratas informáticos, entre otros. No obstante, estas problemáticas no le ocurren a todas las revistas digitales y si sí, generalmente tienen solución. A la hora de escoger entre una revista impresa o digital, se debe tener en cuenta sus aspectos positivos y negativos, para así tener claro que podría pasar si se escoge la una o la otra. No obstante, también puede ser ambas, pues en el caso de Viceversa, la digital es una aplicación de la impresa, es decir que la una depende la otra. 5.2.2. Teoría del color. Según Lee (2006), la teoría del color es un conjunto de principios que se usan para crear combinaciones armoniosas de colores. Estas ideas se ven representadas en diagramas, tablas y triángulos de color que ayudan a los diseñadores a entender la interacción entre colores, seleccionar y combinar colores y construir distintas paletas de colores que sean atractivas y efectivas. Un ejemplo de un diagrama es la rueda de color (ver figura 5.1). 31

Figura 5.1

Figura 5.1. Diagrama. Tomada de: Color design workbook, Terry (2006): https://bok.cc/book/2288158/4f88d4

En la figura 5.1 se muestranlos colores del arcoíris cada uno con diferentes tonalidades, que sirven de guía para saber cuáles combinar. Sin embargo, este es solo un ejemplo, pues cada diagrama tiene diferentes propósitos; unos son simples; otros complejos. No obstante, todos sirven para armar diferentes paletas de colores. 5.2.2.1. Historia del color. La historia del color empieza desde Aristóteles, el cual, como menciona Sandoval (2017), definió que todos los colores se conformaban con la mezcla de cuatro colores y que a su vez eran provocados por la incidencia de la luz y su sombra. Esos cuatro eran denominados tierra, fuego, agua y cielo. Siglos más tarde, aparece Leonardo da Vinci, quien según Lee (2006), encontró que existían colores tanto contrarios como complementarios entre sí. Así mismo Newton, al diseñar la primera rueda de color, se dio cuenta que al mezclar dos colores que estuvieran en posiciones opuestas en dicha rueda, se producía un color neutral. Sin embargo, en 1666, como lo establece Santos (2010), Isaac Newton tuvo evidencias de la inexistencia del color, pues confirmó que era una apreciación subjetiva. Esto por medio de un experimento en donde al dejar pasar un pequeño haz de luz 32

blanca por medio de un orificio, se vio como esa luz al ser interceptada por un cristal, se descomponía en los seis colores del espectro que se reflejaban en la pared, siendo aquellos: rojo, naranja, amarillo, verde, azul, añil y violeta. Después de dicho descubrimiento, este llegó a la conclusión de que cuando los colores del arco iris incide sobre un elemento, este absorbe algunos y refleja otros dando lugar al principio de que todos los cuerpos al iluminarse, reflejan los colores de la luz que reciben, menciona Sandoval (2017). Por otro lado, Lee (2006), menciona que cuando se empezaron los estudios de los efectos del color desde la psicología, Goethe dividió todos los colores en grupos. En un lado puso los colores cálidos, rojo, naranja y amarillo; y al otro lado los colores fríos, verde, azul y morado. Por medio de dicha separación, Goethe notó que los colores cálidos producían emoción y alegría en los observadores, mientras que los colores fríos producían sentimientos inestables. Debido a esta separación de los colores, se concluyó la existencia de clasificaciones del color. 5.2.2.2. Clasificaciones del color. En el mundo del arte, existen dos principales clasificaciones del color: colores primarios y colores secundarios. Según EcuRed (2007), los colores primarios, son considerados únicos y absolutos, pues no se crean por medio de la mezcla de otros. Sin embargo, al mezclarse entre sí, generan los colores secundarios. A su vez, como lo menciona Lee (2006), existen dos tipos de colores primarios, aditivos y sustractivos. Los aditivos son los colores con una luz pura y los sustractivos son los que se reflejan por medio de la luz. Para un mayor entendimiento, según Santos (2010), los aditivos son, por ejemplo, los que tienen los focos de un escenario para iluminar o los que usan las pantallas, pues al mirar detenidamente con una lupa, se pueden ver puntos rojos, azules y verdes (ver figura 5.2). A su vez, la suma de ellos es el blanco y la ausencia de todos es el 33

negro. Por otro lado, los sustractivos son los colores que vemos en dibujos, pues son aquellos que usa un pintor y tambiĂŠn se usan para imprimir (ver figura 5.3). A diferencia de los aditivos, la suma de los tres colores presentes en la figura es el negro y la ausencia de ellos es el blanco. Figura 5.2

Figura 5.2. Colores aditivos. Tomada de: TeorĂa del color, Santos (2010) de: https://adelossantos.files.wordpress.com/2010/10/teroria-del-color.pdf

Figura 5.3

Figura 5.3. Colores sustractivos. Tomada de: TeorĂa del color, Santos (2010) de: https://adelossantos.files.wordpress.com/2010/10/teroria-del-color.pdf

Sin embargo, según Lee (2006), sean aditivos o sustractivos, cada color debe describirse por medio de sus propiedades físicas, pues cada una de estas es independiente y diferente para cada color, por lo tanto no se puede describir completamente al color en conjunto, si no por separado.

Figura 5.4

Figura 5.4. Color wheel. Tomada de: The complete color harmony, Leatrice (2017) de: file:///C:/Users/HOME/Downloads/[Leatrice_Eiseman]_The_Complete_Color_Harmony,Pan(z-lib.org).epub

Esta rueda del color (ver figura 5.4) muestra el posicionamiento de los colores primarios, secundarios y terciarios, señalando también los que son cálidos y fríos. Como fue mencionado, los colores primarios son el rojo, el azul y el amarillo sin embargo, Eiseman (2017), considera que tanto el negro como el blanco son necesarios para completar el rango de los colores pues, como se estableció anteriormente, estos pueden ser la ausencia o 35

presencia de ellos. Además, establece que los colores secundarios son aquellos obtenidos a partir de la mezcla de dos colores primarios como: el naranja, el morado y el verde. Así mismo, existen los colores terciarios, que son el resultado de combinar un primario con un secundario dando así a colores como: rojo anaranjado, amarillo anaranjado, amarillo verdoso, azul verdoso, vino tinto, entre otros. Como lo muestra el la rueda de color en la figura 5.4, existen colores clasificados como fríos y otros como cálidos, lo que demuestra que el color se percibe como si tuviera una temperatura. Esto se debe a las antiguas asociaciones universales que se hacían con cada color. Según Eiseman (2017), es muy improbable que estas asociaciones sean diferentes para cada cultura, pues desde un inicio, los colores se relacionaban con aquellos objetos que los portaran. Según Chijiiwa (1999), el rojo, naranja, marrón y amarillo, hacen parte de los colores cálidos, pues son asociados con el calor del fuego o el sol. Son considerados llamativos, agresivos y brillantes, lo que hace que atraigan la atención y despierten cualquier tipo de emociones, ya sea felicidad, hambre, enojo, gozo, y más, de una manera intensificada en las personas. Por otro lado, el azul, verde, gris y morado, son parte de los colores fríos, ya que se relacionan con el cielo, el mar, el universo, el hielo y la nieve. Estos tienen el efecto contrario a los cálidos, pues pueden verse como sombríos y opresivos. Muchas veces estos colores también son explicados como los que representan el día (cálidos) y la noche (fríos). A parte de estas dos clasificaciones (cálidos y fríos), existen otras que también son de gran importancia al momento de combinar el color. Como lo resalta Chijiiwa (1999), existen los colores claros o colores pasteles, como el blanco, amarillo claro, rosado claro, verde claro, etc. Estos se pueden relacionar con la delicadeza, como el algodón de azúcar o las nubes. También existen los colores oscuros como: el café oscuro, rojo oscuro, verde oscuro, etc. 36

Estos, por el contrario, resultan duros, es decir que se relacionan con la realeza, la elegancia y seriedad. Otra clasificación son los colores intensos y los apagados que, como lo establece su nombre, son aquellos con colores más brillantes y el otro con colores más opacos respectivamente. 5.2.2.3.1. Rojo. Según Segura (2016), el rojo genera excitación y fuerte poder, pues lo relaciona con el color del fuego y lo imponente que es. A su vez, acelera el pulso, pues aumenta la presión sanguínea, y para ciertas empresas, se usa como color representativo. Por otro lado, Gareca (2011), asocia a este color con vitalidad, pasión, euforia y agresividad; lo relaciona también con el principio de vida; es un color agresivo, excitante, sociable y protector. Por otro lado, el rojo como todos los colores, puede ser visto desde diferentes perspectivas. Un ejemplo de esto es dependiendo de la situación en la que se encuentre la persona, pues si se encuentra con una señal roja que indique paso prohibido, inmediatamente asociará el color con una prohibición e incluso con peligro. Sin embargo, en una situación romántica, el rojo se puede relacionar con amor y pasión. Es por esto que se dice que la definición de cualquier color es relativa según la persona y/o en su cultura. Explicando lo de la cultura, Según la Editorial Journey (2019), en algunas culturas, el rojo representa la suerte, el éxito, la prosperidad y la fortuna. Por ejemplo, en China, este color es símbolo de alegría y la bonanza, por esta razón, está la costumbre de entregar regalos monetarios en sobres rojos. Como menciona Lee (2006), en África, el rojo oscuro indica muerte; en Francia el rojo representa la masculinidad; en Asia, la masculinidad, prosperidad y felicidad, y en India es el símbolo de los soldados. Con lo dicho previamente, se da cuenta de las distintas percepciones que cada cultura tiene sobre el rojo.

5.2.2.3.2. Naranja. Según Segura (2016), el naranja es más amigable que el rojo, pero puede causar apetito y llamar la atención, especialmente entre los niños y adolescentes. Mientras que Gareca (2011), lo describe como un color radiante, cálido y que irradia energía positiva y enérgica. Así mismo, que posee una fuerza activa y un carácter acogedor. Por otro lado, como lo establece Lee (2006), el naranja es relacionado con el otoño y las frutas agrias; también lo asocia con la creatividad, energía, estimulación y salud. Este autor también establece las diferentes perspectivas de ciertas culturas: en Irlanda, este color representa los movimientos de protesta en el norte de Irlanda; en culturas nativo americanas, es relacionado con el aprendizaje; en India, representa el Hinduismo y en Países Bajos, el naranja es el color nacional. 5.2.2.3.3. Amarillo. Segura (2016), describe al amarillo como un color que causa tranquilidad y que transmite fuerza y alegría. Gareca (2011), también lo describe como intenso, agudo, violento, relacionado con la energía, riqueza, impulsos, juventud y más. Por otro lado Lee (2006), relaciona el amarillo con el brillo solar, con la sabiduría, optimismo, alegría e intelecto. Así mismo, este autor también menciona como para ciertas culturas este color representa algo diferente. En el budismo, los sacerdotes usan batas de color amarillo; en Egipto significa luto, en India se reconoce como el color representativo del comerciante o granjero; en la cultura Hindú es el color significativo para los festivales de primavera; y en Japón, este color es asociado con el coraje. Siendo el amarillo parte de los colores cálidos, es propenso a irritar a las personas si se observa por un largo tiempo. Un ejemplo de esto es la estrategia que la mayoría de restaurantes de comida rápida usan, que es decorar el lugar con amarillo, para así irritar al consumidor y lograr que este se vaya más rápido para que más clientes puedan consumir. 38

5.2.2.3.4. Verde. Segura (2016), establece que el verde es conocido como un color fresco y de la naturaleza. También es conocido como un color delicado en cuanto al diseño de algún lugar o la combinación del mismo con otros colores, pues se considera que si no se usa correctamente, puede ser recibo de una manera errónea. Para Gareca (2011), es el color más sedante y tranquilo, que se relaciona con lo natural, el frescor, la esperanza y la calma. Debido a que es conocido como un color relajante, es por esto que las personas suelen preferir estar en un lugar lleno de naturaleza para quitarse el estrés, en vez de estar en un lugar amarillo, naranja o rojo que son propensos a causar irritación. Así mismo, para Lee (2006), el verde se relaciona con las plantas, la naturaleza y el medio ambiente; también con la fertilidad, la plata, el éxito y la armonía. Sin embargo, esta definición es diferente para cada cultura. Unos ejemplos son: Para el Islam, el verde es relacionado con el paraíso y es símbolo del islam; en Irlanda es el color sagrado; en las culturas celtas, significa fertilidad, y en las culturas nativas americanas, se relaciona con la voluntad del hombre. 5.2.2.3.5. Azul. Según Segura (2016), el azul es un color que transmite tranquilidad, confianza y serenidad. Produce pureza y frescura. Gareca (2011), describe al azul como un color frío, que transmite optimismo, armonía, amistad, fidelidad, calma e higiene. Se le conoce como un color que se distancia, pues entre más se clarifica, más se pierde su tono real y se esfuma, volviéndose indiferente y vacío. Para Lee (2006), este color se relaciona con el cielo y el mar; con el conocimiento, el frío, la paz, lealtad e inteligencia. A su vez Lee (2006), establece las diferencias de pensamiento de ciertas culturas, como: En china, es considerado un color para niñas chiquitas; en Irán, es el color de luto; y alrededor del mundo, es 39

considerado como un color corporativo es decir, que es muy común en empresas, pues al transmitir tanto tranquilidad como confianza, es uno de los más preferidos para lanzar un producto o para que sea el color representativo de la compañía. 5.2.2.3.6. Morado. Gareca (2011), establece que el morado es el color de la templanza, lucidez y reflexión. Es mítico y puede representar la introversión. También se puede asociar con la majestuosidad, es decir aspectos relacionados con la realeza. Por otro lado, para Lee (2006), el morado se relaciona con la espiritualidad e igualmente con la realeza; a su vez, con la sabiduría, la lujuria, la inspiración y la sofisticación. No obstante, para cada cultura hay una opinión diferente frente al significado del color morado, como lo explica Lee (2006), en América Latina, este color hace referencia a la muerte; en Tailandia, las viudas se visten de morado como significado de luto y en Japón, representa arrogancia y se usa en ceremonias. 5.2.2.3.9 Negro. Segura (2016), dice que el negro se utiliza para crear un ambiente específico, que transmite seriedad, calidad y sobriedad. Sin embargo, no para todos es igual, pues como se ha mencionado anteriormente, cada cultura tiene una percepción diferente. Gareca (2011), también sugiere que el negro representa el silencio, misterio, oscuridad. Se relaciona con lo malo, pero también con la elegancia, el poder y la nobleza. Por otro lado, Lee (2006), relaciona al negro con la noche y la muerte, también al poder, autoridad, peso, elegancia y misterio. También es un color que transmite confianza y seguridad. Lee (2006), menciona que en China es reconocido como un color para niños; en Asia, es asociado con las carreras universitarias, conocimiento y luto; y en América y Europa es el color de la rebelión y del luto. 40

5.2.2.3.10 Gris. Gareca (2011), dice que es un color neutro, que transmite indecisión, sin energía, un ambiente sombrío y melancolía. Es un punto intermedio entre el negro y el blanco. Para Lee (2006), el gris es un color neutro, que representa balance, seguridad, clasismo y madurez. También este autor menciona que en la cultura nativo americana, este color es asociado con el honor y la amistad; en América, el gris representa la industria, y alrededor del mundo, es relacionado con la plata. 5.2.2.3.11 Blanco. Segura (2016), relaciona al blanco con la pureza, limpieza y frescor. Lo define como un color básico, pero que a la vez, se combina muy bien con todos. A su vez, Gareca (2011), menciona que este color expresa luz, paz, felicidad, actividad, inocencia y sinceridad. Posee la capacidad de potenciar a los demás colores. Crea una impresión luminosa y positiva, aunque a veces puede significar frialdad y limpieza sin embargo, estas características cambian dependiendo de la cultura. Según Lee (2006), el blanco es asociado con luz y pureza, la perfección, el matrimonio, la virtud y la verdad. En cuanto a lo cultural, como resalta Lee (2006), tanto en Japón como en China, el blanco es color de funeral; en India, las mujeres casadas que se visten de blanco inspiran infelicidad y alrededor del mundo, una bandera blanca es símbolo de tregua. 5.2.3 Percepción e interacción visual del color. Según Albers, (2001), casi nunca percibimos un color como es en realidad, como es físicamente y es debido a ese hecho que se reconoce al color como el medio más relativo en el arte. Un mismo color evoca innumerables lecturas, por esta razón es necesario desarrollar capacidades de observación para así determinar la acción de los colores y sentir su parentesco.

5.3. Viceversa. En este capítulo se explicará lo que era Viceversa en sus inicios y lo que es ahora, así mismo, se describe lo que es Wix, la plataforma en donde fue creada digitalmente la revista, y, por último, se mencionará información relevante de los integrantes del equipo de trabajo de Viceversa. Esta información es fundamental para complementar los datos teóricos que tenemos sobre la colorimetría, el marketing visual, las páginas web, con el fin de unificar toda esta información y lograr el objetivo final, rediseñar la revista. 5.3.1. Antecedentes y descripción. Viceversa es una revista creada a partir de la idea de dos estudiantes del Gimnasio la Colina, Manuela Molina y Camilo Franco, en el año 2008, cuando los colegios empezaban a tener un medio interno de comunicación en el que cada estudiante se expresaba y aportaba por medio de lo que más le gustaba a cada uno. Esto era lo que querían lograr los dos estudiantes. En un principio, la revista no solo era propiedad de los estudiantes, sino también de los padres de familia, profesores, y demás miembros de la familia colina. La revista, que en un principio no era digital, tenía como objetivo sacar tres ediciones y vender 400 copias a todos los miembros y estudiantes del colegio, para que Viceversa se pudiera auto sostener. Sin embargo, a pesar de los cambios por los que ha atravesado este proyecto, el propósito de ser una creación de estudiantes para estudiantes sigue en pie. Así mismo, son los alumnos quienes se encargan tanto de la escritura como las ilustraciones. 5.3.2. Creación de Viceversa como sitio web en la plataforma Wix. Para que la creación fuera posible, se encontró una página gratuita llamada Wix. Según Zorzini (2020), esta es una plataforma útil para crear una marca, un slogan, un logo, una página, una empresa 42

o lo que sea que una persona quiera y como la persona lo quiera, pues así como establecen, “Ofrecemos una plataforma de creación de páginas web de primer nivel, usada por más de 150 millones de usuarios en 190 países para crear una presencia profesional online, sin importar en qué rubro se desempeñen” (Wix, 2019, p.3). Wix da todas las opciones para que cada individuo personalice su trabajo, mediante una gran variedad de plantillas, colores, imágenes y más. El diseño que se realice en Wix, se puede editar fácilmente, es decir que renovar la página con frecuencia es factible. En el caso de Viceversa, es importante conocer cómo fue diseñada desde un principio (vea figura 5.5). Figura 5.5

Figura 5.5. Revista digital. Tomada de: Viceversa glc. http://viceversa3.wixsite.com/vvglc

Al diseñar Viceversa, se escogieron unos colores planos y opacos con una leve decoración de puntos negros en el fondo, como se puede ver en la figura 5.5. Es un diseño sencillo que no requirió mucho trabajo, pues con Wix, se encuentran distintas plantillas fácilmente y diversas paletas de colores que permiten escoger las tonalidades y combinaciones que la persona desee. Desde que se diseñó, la página no ha tenido 43

renovaciones; los colore han sido los mismos y ha tenido la misma estructura. Es por esto, que se decidió re diseñar su plataforma, para así renovar la página y mejorar su imagen. 6. CAPÍTULO PROPOSITIVO Para realizar esta investigación se efectuaron tres métodos de recolección de datos siendo estos: grupo focal, entrevistas y observaciones. Con dicho estudio y conjunto con las bases de la colorimetría, se rediseño la gama de colores de la revista digital “Viceversa” del Gimnasio la Colina. 6.1. Metodología: Se rediseñó la paleta de colores de la revista digital “Viceversa” del Gimnasio la Colina como una propuesta para mejorar su imagen y, a su vez, aumentar sus visitas. Esto se llevó a cabo por medio de un estudio de marketing, que involucró tres métodos de recolección de datos que fueron cruciales para la toma de decisiones frente a los colores y al nuevo diseño implementado. Los tres métodos de recolección de datos fueron: 

Grupo focal: Por medio de esta técnica cualitativa de recolección de datos, se reunieron 3 grupos de 6 personas cada uno con edades entre los 15 y los 18 años desde octavo a once grado, (todos pertenecientes al Gimnasio la Colina) en diferentes espacios. Con cada grupo se creó una discusión enfocada en el cambio de la gama de colores de la revista digital Viceversa, indagando así sus gustos y sus expectativas de la revista. A su vez, se explicó el concepto de la colorimetría y se llevó a cabo una actividad denominada “Un color, un sentimiento”, que tenía como propósito descubrir los sentimientos que cada color provocaba en la persona y con ello clasificar los que les gustaría ver en la revista. 44



Entrevistas: Se realizaron diversas entrevistas a cada uno de los miembros del grupo de trabajo de Viceversa. Esto con el fin de identificar el propósito que tiene la revista digital, para que así, al cambiar la gama de colores, se mantuviera la visión de Viceversa y no se opacara el contenido textual de la revista.



Observaciones: Este método de investigación, consiste en un registro visual en el que se analiza una situación real, por medio del cual se consigna y clasifica la información que se necesite según el tema que se estudie (Manrique, 2017). En este caso, se observó el equipo de trabajo de Viceversa, en el que se tomó en cuenta la forma en que trabajan y las ideas que tienen para plasmarlas en la revista. Se dio cuenta también de los tipos de escritos presentes en la revista. Con esta información se logró que el diseño de la misma, estuviera relacionado con su contenido.

Por otro lado, se trabajó con las bases de la colorimetría, comúnmente llamada “psicología del color”, que es de gran ayuda para identificar los colores más acordes para una revista estudiantil. A su vez, ayudó a identificar los colores que generan mayor interés en el usuario para que así, la revista tuviera una mayor acogida por parte de estos. La colorimetría fue indispensable para la resolución de este proyecto, pues a partir de este estudio es que se conoce con claridad lo más benéfico para una página, ya que esta requiere de una publicidad que promocione de tal forma que enganche al usuario. Es debido a este estudio que se escogieron los colores indicados que llamaron la atención de quienes ingresaban a la página. Sin embargo, aparte del estudio de marketing y la colorimetría, se mostró la página rediseñada, pues así se informaría al usuario sobre el cambio en la imagen de la revista digital. Es por esto que para lograr más visitas y que la gente se interesara en el nuevo diseño, se realizaron diversos tipos de promoción hacia esta. En primer lugar, se decidió empezar por 45

las redes sociales. Se publicaron imágenes en la página web de Instagram (@viceversaglc) y un video tutorial mostrando las instrucciones sobre cómo entrar a la página y esto con el fin de aclarar las dudas. Así, por medio de un paso a paso, se explicó la función de los botones, el menú y sus secciones, las categorías y el chat. Así mismo, se decidió pegar alrededor del colegio afiches del resultado final invitándolos a participar. Como última propuesta publicitaria se decidió ir por cada salón del colegio e invitarlos personalmente a entrar. 6.2 Resultados. 6.2.1. Entrevistas. Por medio de entrevistas a los integrantes de la revista digital Viceversa, se indagó sobre su rol en la revista, sobre su versión del propósito de la revista y sobre lo que quisieran cambiarle y agregarle a la revista en el nuevo diseño planteado. A su vez, se les preguntó cuál era el propósito de la revista según ellos y que colores quisieran cambiarle a la revista. 6.2.1.1. Grupo de trabajo de la revista Viceversa. Los integrantes y su rol en la revista son: - Sujeto 1: Escribe artículos de política y trata temas como: Conflicto nuclear entre china, Rusia y Usa; cambio climático; rechazo de Colombia hacia la izquierda entre otros. Le gusta leer política y terror. - Sujeto 2: Escribe sobre todos los temas en cualquier tipo de texto (artículos, libros, reseñas). - Sujeto 3: Escribe cuentos y revisa textos de la parte literaria de la revista. - Sujeto 4: Es ilustradora y escribe libre. 46

- Sujeto 5: Escribe de cualquier tema. - Sujeto 6: Escribe poesía y es ilustradora. - Sujeto 7: Escribe reseñas de cine y series. - Sujeto 8: Ilustradora. - Sujeto 9: Es docente, coordinador, editor, orientador y es el encargado de publicar todo. Estas entrevistas se abordaron en el espacio que tienen los estudiantes de Viceversa cada martes de 2:30 a 4:00 p.m. Cada semana tienen una sesión en donde el docente encargado les da tiempo para que escriban sus textos y para que aclaren sus dudas frente a su trabajo asignado. Debido a eso, se decidió realizar las entrevistas en esa hora y media de manera individual para así no comprometer el trabajo de todos al tiempo, por lo que se les hizo preguntas a cada uno y se tomó apuntes de sus respuestas. Al recolectar esta información, se da cuenta que cada uno de los integrantes asume un rol diferente que le aporta contenido variado a la revista, lo que logra que el lector tenga la oportunidad y libertad de escoger lo que desee para leer. Así mismo, es necesario recalcar, que todos los estudiantes de Viceversa expresan lo que sienten y piensan por medio de la escritura de una forma abierta, sin embargo, al responder las preguntas planteadas en la entrevista, se quedaban cortos en palabras y en la explicación de lo que estaban diciendo, razón por la cual, las entrevistas no fueron extensas, ni las respuestas fueron muy elaboradas. 6.2.1.2. Propósito de la revista. A cada integrante se le pregunto su opinión frente al propósito de la revista. Cada uno interpretó el propósito de la revista de una manera 47

diferente sin embargo, cada respuesta estaba relacionada con una misma idea que es comunicar a la comunidad colina y, a su vez, fomentar la escritura de los estudiantes. ● Para el sujeto 1, sujeto 3, sujeto 5, y el sujeto 7, el propósito es crear entretenimiento familiar, orgullo colino que una a la comunidad; beneficiar a los integrantes para mejorar las habilidades de escritura, mejorar comunicación y brindar información que deje una moraleja o enseñanza a la comunidad. ● Para el sujeto 6, sujeto 8 y el sujeto 4, el propósito de la revista va más ligado a comunicar a los estudiantes las cosas que pasan en el colegio y a nivel mundial, expresando sus opiniones. ● Para el sujeto 9 y el sujeto 2, el propósito es orientar intenciones de escritura y expresión de diferentes alumnos de Viceversa. Todos también mencionaron que la revista no tiene ni misión ni visión, pues más que una plataforma formal, es un medio donde ellos como equipo de trabajo pueden expresarse libremente, sin seguir una restricción educativa, solo gramaticales y de contenido. 6.2.1.3 Contenido de la revista digital según el grupo de trabajo de Viceversa. Como parte final de la entrevista, se les preguntó lo que no les gustaba de la revista digital, qué le cambiarían y qué colores le agregarían. Al hacerles la pregunta de que no les gusta y por consiguiente que le cambiarían a la revista, los integrantes respondieron lo siguiente: la revista necesita tener un mejor sistema de buscador para que no sea tan difícil encontrar los artículos; que se enfocara en los verdaderos intereses de los estudiantes; que capte la atención; que sea más llamativa (colores,

letra e imágenes); que los colores sean menos opacos; que se le cambie el logo; que hayan más videos e imágenes; cambiar la estructura, pues es muy aburrida y no dan ganas de leer. Por otro lado, cuando se les pregunto qué colores le agregarían a la página, respondieron: 

Sujeto 1: Morados y azules y verdes para que combine con el logo de Viceversa



Sujeto 2: Blanco, verde y azul, con un tono más oscuro, para que los artículos se vean en blanco.



Sujeto 6: Tonalidades oscuras.



Sujeto 4: Le gusta como esta, sencillo.



Sujeto 3: Los mismos colores del logo.



Sujeto 3: Colores del logo, más brillantes, menos opacos.

6.2.2. Observaciones. Desde un principio se pensó en realizar observaciones al grupo de trabajo de Viceversa, en donde se identificaría la forma en que trabajaba cada uno de ellos. Aquello se iba a realizar en una sesión de Viceversa, sin embargo, dado una circunstancia de fuerza mayor, no fue posible realizar las observaciones para esta investigación. Por medio de la tabla adjunta (ver tabla 6.1), se da cuenta del plan que se iba a seguir y la metodología por la cual se iban a realizar las observaciones. Por medio de la tabla adjunta se observaría individualmente a cada estudiante con el fin de conocer las ideas planteadas por cada uno, las conversaciones que tenían y el enfoque que le daban a la revista. Esto con el fin de tener los suficientes insumos sobre la revista y lograr plasmar los cambios en ella de acuerdo a su contenido. -Ficha de observación: *Fecha, Hora, Duración del ejercicio de observación. 49

Equipo de trabajo

Temas de

de Viceversa

conversación

Ideas propuestas

Enfoque que le dan a la revista

Sujeto 1 Sujeto 2 Sujeto 3 Sujeto 4 Sujeto 5 Sujeto 6 Sujeto 7 Sujeto 8 Sujeto 9 Sujeto 10 Sujeto 11 Sujeto 12 Sujeto 13 Sujeto 14 Sujeto 15 Sujeto 16 Tabla 6.1. Observaciones

Esta tabla se planeaba llenar en la sesión que se iba a realizar con los integrantes de Viceversa sin embargo, la pandemia del Covid-19 lo impidió, pues debido a la cuarentena estipulada por el país como prevención al coronavirus, se prohibió salir de casa y por consiguiente, asistir al colegio e interactuar con los estudiantes presencialmente. 50

6.2.3. Grupo focal. A través de 3 grupos focales de 6 personas cada uno, se iban a conocer las opiniones que tienen los jóvenes del Gimnasio la Colina de bachillerato sobre el diseño actual de la revista digital Viceversa. Así mismo, se iban a identificar sus gustos y preferencias frente al nuevo diseño que tendría la revista. No obstante, a causa del coronavirus, no se logró realizar lo planeado. Sin embargo, desde un principio el plan era reunir a los estudiantes en un espacio cerrado y así tener una discusión con ellos que fuera direccionada por medio de la guía adjunta. Así, efectuando la guía paso a paso, se esperaba que la actividad y las preguntas fueran entendidas y efectuadas correctamente. Guía: GRUPO FOCAL SALUDO Saluda a los participantes y da paso a la presentación del proyecto.

PRESENTACIÓN DEL PROYECTO POR PARTE DEL MODERADOR Mi proyecto de investigación se enmarca en la creación de un estudio de marketing visual en la revista digital Viceversa del Gimnasio la colina para así re diseñar su plataforma e incrementar sus visitas por medio de la colorimetría.

Presentación breve de cada uno de los participantes del grupo focal Se le pregunta el nombre a cada uno de los participantes, y para tener otro tipo de interacción, se les pregunta que profesión quisieran desempeñar luego de terminar sus estudios de bachillerato y por qué.

PREGUNTAS DE APERTURA ¿Visitas frecuentemente la revista digital Viceversa? ¿Qué piensas del diseño actual de la revista digital Viceversa? ¿Consideras que sus colores son llamativos? 51

¿Qué piensas de que se rediseñe la revista digital Viceversa? PREGUNTAS DE TRANSICIÓN ¿Consideras que el color afecta en el éxito o fracaso de una marca, página o producto? ¿Por qué? ¿Piensas que rediseñando la revista, incrementaría la cantidad de visitas que recibe? ¿Estás de acuerdo con que se mejore la paleta de colores y por consiguiente el diseño de Viceversa? ¿Por qué si o por qué no?´ ¿Qué no te gusta de la revista y que le cambiarías?

ACTIVIDAD: UN COLOR UN SENTIMIENTO. Se les muestra a los estudiantes distintos colores y se les pregunta que sienten cuando ven cada color y que sensación les transmite cada uno de ellos. Al finalizar esa actividad, se prosigue con las preguntas clave.

PREGUNTAS CLAVE ¿Qué combinaciones de color le gustaría ver en el nuevo diseño de Viceversa? *Se les muestra distintas opciones de las cuales pueden escoger más de una y si no les gusta, pueden proponer una. ¿Qué tonalidades les gustaría ver del color? (Claro, oscuro, brillante, opaco, etc.) ¿Le gustaría que los colores combinaran con el logo de Viceversa? *Se les muestra el logo.

CONCLUSIÓN Se les agradece a los estudiantes por su ayuda y compromiso. Ahora bien, a causa de la pandemia del coronavirus, la cual provoco que el gobierno creara prevenciones como no poder salir de casa por un período de tiempo y por consiguiente no poder ir al colegio, se impidió la realización de esta actividad. Por consiguiente, se diseñó una encuesta que abarcó las mismas preguntas del grupo focal, para poder tener claridad y las respuestas necesarias para rediseñar la revista estudiantil Viceversa. 52

6.2.4 Encuestas. Se realizó una encuesta digital por medio de la plataforma Google Forms el día sábado 28 de Marzo de 2020, dirigida a todos los estudiantes de bachillerato del Gimnasio la Colina. El link de la encuesta fue enviada por medio de WhatsApp en donde se le pidió a un representante de cada año que lo mandaran a un grupo donde estuvieran todos. Ahora bien, Google Forms aparte de proporcionar todas las herramientas y opciones para crear una encuesta, permite a su vez conocer los resultados de los encuestados por medio de estadísticas y gráficos, lo que facilitó la separación y a su vez el análisis de los resultados. Por medio de esta encuesta se realizaron las preguntas que estaban planeadas para el grupo focal y por consiguiente, se recopiló la información necesaria para rediseñar la revista digital Viceversa. Como parte introductoria de la encuesta, se explicó el fin de la misma y lo que se haría con los resultados. A su vez, se les preguntó su edad, para así dividir los resultados en edades y por último se les mostró una imagen del diseño actual de la revista digital Viceversa y su respectivo link para que quien deseara, la visitara antes de dar sus respuestas. En cuanto a las preguntas, estas fueron respectivamente: Edad: Como requisito para responder la encuesta, cada persona debía poner su edad. Así se obtuvo 74 resultados.

Edad de cada encuestado 20 10 0 12

15 Edades

Gráfico 6.1. Edad de los encuestados

Con esta pregunta se notó que los encuestados en su gran mayoría, 35,3%, fueron de 16 años y que los de 12 años fueron la cantidad más baja, 2.7%. Sin embargo, se esperaba que estudiantes de 17 años e incluso de 15 años respondieran más que las respuestas obtenidas que fueron 10 en ambas edades, pues aquellos tienen uso de sus aparatos electrónicos la mayoría del tiempo. De igual forma, no se esperaban tantas respuestas por parte de los encuestados más jóvenes (12, 13 y 14), puesto que muchos puede que no tengan sus aparatos electrónicos todo el tiempo o incluso pueden llegar a no tener. 1.

Gráfico 6.2. Gustos y preferencias de los encuestados.

En esta pregunta, por medio de una escala de 1 a 5, siendo 1 el más bajo y 5 el más alto, se quiso dar cuenta de lo mucho, poco o nada que le gustaba el antiguo diseño de la revista digital Viceversa a cada estudiante. Así, los resultados arrojaron que 15 estudiantes escogieron el 1 (no les gusta nada del diseño), 23 estudiantes escogieron el 2 (les gusta muy poco), 24 escogieron 3 (punto intermedio), 11 escogieron 4 (les gusta) y 1 persona escogió 5 (le gusta todo).

Los resultados de esta pregunta llevaron a entender que efectivamente los estudiantes no estaban muy a gusto con el antiguo diseño de la revista digital Viceversa, pues 62 estudiantes de 74, escogieron las respuestas 1,2 y 3. No obstante, gracias al gráfico se dió cuenta que la respuesta más común fue el número 3, dando a entender que aunque no estaban a gusto con gran parte del diseño, si había algo de él que les llamaba la atención. En este orden de ideas, por medio de esta pregunta, se conocieron las opiniones de los estudiantes de una manera general frente al diseño de la revista. 2.

Gráfico 6.3. Constancia de la audiencia en la revista.

Con esta pregunta se quería conocer cuántas veces visita Viceversa cada estudiante por medio de las categorías de respuesta “siempre”, “a veces” y “nunca”. Así se encontró que 54 personas (73%) nunca visitan la página, 19 personas (25.7%) a veces la visitan y 1 persona (1,4%) siempre la visita. Con los resultados se dio a entender que los estudiantes no visitan la revista frecuentemente, pues la mayor cantidad de ellos, 73%, nunca entran a la página y el 25,7% ellos no lo hacen con frecuencia. 55

3. 74 respuestas

Gráfico 6.4. Gustos de los colores

Con los resultados de esta pregunta se encontró que a 60 personas (81.1%) no les parecen llamativos los colores de Viceversa, mientras que a 14 personas (18,9%) si les parecen llamativos. Esto dio a entender que más de la mitad de las personas, casi el 100% consideran que no son llamativos, siendo esta un posible razón para su falta de presencia en la revista. 4.

Gráfico 6.5. Diseño y cantidad de visitas

Con las respuestas de esta pregunta, se entendió que 64 personas (85.3%), consideran que efectivamente el diseño si influye en la cantidad de visitas que recibe Viceversa, mientras que 11 personas (14.7%), piensan que el diseño como tal no afecta en la cantidad de visitas. 56

Así, se confirmó que los colores si son una razón que influye en la cantidad de visitas que tiene la revista, pues más de la mitad de los estudiantes están de acuerdo con esta idea. Con ello se afirma la necesidad de reformar el diseño de Viceversa para así cambiar la forma de pensar de sus visitantes. Ahora bien, no se puede olvidar de aquellas personas que no están de acuerdo con la pregunta, sin embargo, el hecho de que haya tenido una menor cantidad de respuestas, hace que la otra resalte y sea más relevante por el tipo de pregunta. 5.

Gráfico 6.6. Cambios a la revista

Para esta pregunta se podía dar más de una respuesta, por lo que los estudiantes tenían la libertad de escoger la cantidad de cambios que le harían. De igual forma se les dio la opción de “todo” o “nada”, dándoles la libertad de escoger si le querían cambiar todo o si no querían hacerle ningún cambio al diseño. Con estos resultados se obtuvieron los siguientes datos: 44 personas (59.5%), le cambiarían los colores a la revista; 28 personas (37.8%), le cambiarían la organización del contenido; 18 personas (24,3%) la lentitud; 20 personas (27 %) la tipografía, es decir el tipo de letra; 34 personas (45.9%) le cambiarían las imágenes; 25 personas (33.8%) le cambiarían 57

todo y, por último, ninguno escogió cambiarle nada. Así mismo, en la pregunta se les daba la opción de agregar otro cambio en donde recomendaron darle más promoción a la revista y distribuir mejor las categorías. 6.

Gráfico 6.7. Éxito o fracaso de una página

En esta pregunta se obtuvo casi un 100% de la respuesta esperada, pues 73 personas (98.6%) contestaron que para ellos los colores si son muy influyentes en las páginas web sin embargo, 1 persona (1.4%) escogió la otra respuesta. Siendo esos los resultados, se confirma que para los estudiantes los colores son muy importantes, por lo que se infiere que la mayoría estará de acuerdo con el cambio de estos en Viceversa. 7.

Gráfico 6.8. Colores y visitas de la revista

Esta pregunta era diferente a las demás, pues el contestar sí, llevaba al encuestado a responder la siguiente pregunta que tenía que ver con la elección de la paleta de colores. Así, según el gráfico, de 74 encuestados, 64 (86.5%) contestaron y dieron su opinión en la siguiente pregunta. Por otro lado, a los que contestaron que no, siendo estos 10 personas (13.5%), no les aparecían las últimas dos preguntas y por consiguiente los mandaba directamente a enviar la encuesta. Se tomó la decisión de que fuera así, pues se contempló la posibilidad de que hubiera gente que no creyera que la paleta de colores incrementaría las visitas de Viceversa. No obstante, no se esperaba tantos votos al No debido a los resultados obtenidos en la pregunta anterior. 8.

Gráfico 6.9. Combinaciones de color

Esta pregunta era la más importante, pues por medio de esta se iba a conocer los gustos y preferencias de los estudiantes frente a las paletas propuestas para el nuevo diseño de la revista. Si bien es cierto, cuando se va a tomar una decisión frente a un producto, marca o página, es muy importante conocer la opinión de sus clientes, es por eso que al decidir la paleta de color para Viceversa, en una primera instancia, se debía tomar en cuenta el punto de vista de los estudiantes y a partir de ahí realizar el respectivo cambio. Así, se escogieron 59

10 paletas con colores y tonalidades diferentes, cada una mostrada como verán en la siguiente página. Se debe tener en cuenta que al estar relacionada con la pregunta anterior, esta tuvo 64 respuestas de 74, pues 10 personas pusieron NO en la anterior. Por otro lado, los resultados fueron así: 11 personas escogieron la paleta #1; 5 personas la #2; 22 personas la #3; 4 personas la #4; 10 personas la #5; 28 personas la #6; 12 personas la #7; 1 persona la #8; 5 personas la #9 y por último 1 persona escogió la #10. Gracias a los resultados, se escogió la paleta de color para el primer boceto de la revista, siendo esta el #6, rojo, blanco y azul claro y oscuro. Vale aclarar que cada encuestado podía seleccionar más de una paleta, lo que les daba la libertad de tener más posibilidades de respuesta. Así mismo, se les dio la posibilidad de proponer otra paleta si nunca de las mostradas le había llamado la atención. 9.

Como se puede ver, nadie decidió proponer una nueva, por lo que se concluye que todos los encuestados estuvieron de acuerdo con al menos una de las paletas propuestas. Ahora bien, para tener más claridad de cómo se veían las paletas en la encuesta, estas se mostrarán a continuación:

Figura 6.1. Paleta #1.

Figura 6.2. Paleta #2.

Figura 6.3. Paleta #3.

Figura 6.4. Paleta #4.

Figura 6.5. Paleta #5.

Figura 6.6. Paleta #6.

Figura 6.7. Paleta #7.

Figura 6.8. Paleta #8.

Figura 6.9. Paleta #9.

Figura 6.10. Paleta #10

En cuanto a la decisión de poner esas paletas en específico, esta se basó en los estudios previos de la colorimetría, en donde se definió cada color tomando en cuenta las perspectivas de culturas diferentes y las combinaciones del color en el círculo cromático. A su vez, por medio de la investigación de los colores más apropiados para una revista estudiantil, ejemplos 61

de colores de revistas y a través de las distintas clasificaciones del color que existen, se escogió una variedad de colores que de igual manera sirven para el diseño de Viceversa. Desde un principio, debido que las paletas de color se iban a mostrar en los grupos focales, eran los estudiantes los encargados de explicar lo que cada paleta le trasmitía. Gracias a que no se pudo realizar aquella actividad y en vez, se mostraron los colores por medio de esta encuesta, el estudio de colorimetría no se llevó a cabo de la manera esperada. Es por esto que se escogieron aquellas paletas y solo se les dio la posibilidad de escoger la que para su gusto, era la mejor. Ahora bien, la paleta #6 se escogió no solo por las clasificaciones del color y por ejemplos de revistas, si no más que todo por representar los colores del Gimnasio la Colina, dándole así la oportunidad a los estudiantes de escogerla si consideraban que esa debía ser la indicada. Efectivamente, aquella fue la que tuvo más votos, lo que dio a entender que esos 28 encuestados prefieren que la revista se vea más institucional que con otros colores. A su vez, aunque también hacía parte de las paletas escogidas por la investigación, la paleta 3 fue petición de los integrantes del grupo de trabajo de Viceversa, quienes en conjunto coincidieron en que querían ver colores que combinaran con el antiguo logo de Viceversa. Así, analizando el gráfico con las votaciones, esta fue la segunda con más votos, lo que puede indicar que no solo los integrantes de Viceversa, sino también otros estudiantes consideran que esa sería la paleta ideal. 9.

Siendo la última pregunta, se decidió que era importante darle la libertad a los encuestados de sugerir o agregar lo que les pareciera pertinente en relación a la revista digital Viceversa. 6.3 Diseño de la revista digital Viceversa 6.3.1. Primer diseño. De acuerdo a los resultados de las entrevistas al grupo de trabajo de Viceversa y a la encuesta realizada, se decidió empezar con el primer diseño de la revista digital Viceversa. Para esta se tomó en cuenta la paleta que tuvo más votaciones, la cual fue la #6, con los colores institucionales, rojo, azul oscuro, azul claro y blanco. A su vez, gracias a las recomendaciones de los estudiantes Viceversa, del colegio en general y siguiendo las estrategias planteadas en el marco teórico para la creación del diseño de una página web, se cambió la tipografía de los títulos y subtítulos, las imágenes, la organización de las categorías y del contenido como tal de la revista. Por último, se decidió cambiar el logo, pues se quería lograr un diseño más limpio, simple y, por consiguiente, más moderno y acorde con el nuevo diseño. Para lograr aquello, se hizo hincapié en factores como los colores definidos y los trazos simples sin contorno, sin nunca perder la esencia de la revista y del antiguo logo, pues se mantuvieron las flechas y la organización de las letras en el otro sentido. En síntesis, se quiso modernizar el logo con una temática simple y minimalista. Es necesario tener en cuenta que la revista digital tiene dos medios de visualización, una por medio del computador y la otra por medio del celular; ambos diseños aunque tenían el

mismo estilo, se diferenciaban en algunos aspectos. Para tener más claridad se mostraran los resultados del primer boceto de como se ve desde el computador y el celular. 6.3.1.1. Visualización desde el computador. Lo primero que se veía al entrar a la página era el logo y el menú, el cual estaba compuesto por inicio, posts, eventos y contacto (ver figura 6.11). Figura 6.11

Figura 6.11. Primer boceto inicio Viceversa en cp. Tomado de: https://viceversa3.wixsite.com/viceversadigital

Lo segundo que se puede apreciar en la parte inferior del logo es una pequeña descripción de lo que es Viceversa que tiene el título de “¿Quiénes somos?”. Este cuadro a su vez, tiene un botón llamado “conócenos”, que manda a la persona directamente a “posts” (ver figura 6.12) Figura 6.12

Figura 6.12. Primer boceto introducción en cp. Tomado de: https://viceversa3.wixsite.com/viceversadigital

Siendo esa la sección de inicio, lo segundo en el menú y a lo que lleva el botón de “conocernos” es a posts. Cuando se llega a esa sección, se encuentran organizadas las distintas categorías que contienen los posts de los integrantes de Viceversa. Aquellas se dividen en miscelánea, recomendados, literatura, noticias, política, entrevistas, exalumnos, la perspectiva de todos y medio ambiente. Cada una de estas categorías está en un cuadro que permite pasar de una categoría a otra. Además, cada una de ellas tiene un botón que dice “textos”, el cual al hundirlo traslada al observador a los textos de cada categoría. Para más claridad, se mostrará como se ve una sola categoría y su diseño, que para todas es el mismo. Figura 6.13

Figura 6.13. Primer boceto posts en cp. Tomado de: https://viceversa3.wixsite.com/viceversadigital

A su vez se mostrará como se ve el contenido al abrir “textos” en una sola categoría, que como se mencionó anteriormente, todas tienen el mismo diseño. Figura 6.14

Figura 6.14. Primer boceto textos en cp. Tomado de: https://viceversa3.wixsite.com/viceversadigital

Siguiendo con el menú de la parte de arriba, en el botón de “eventos” aparecen algunos eventos escolares como Halloween y Monkey day, en donde al hundir el botón de “hacer clic aquí”, se encuentran imágenes e información sobre el respectivo evento (ver figura 6.15). Figura 6.15

Figura 6.15 Primer boceto eventos escolares en cp. Tomado de: https://viceversa3.wixsite.com/viceversadigital

Por otro lado, en la parte del menú se agregó una sección llamada contacto, en donde los estudiantes tendrán la posibilidad de escribir sus sugerencias y comentarios a los encargados de manejar la plataforma y así sus recomendaciones serán tomadas en cuenta y en la medida de los posible, contestadas. Así, la sección contáctanos se ve en la figura 6.16. Figura 6.16

Figura 6.16. Primer boceto contacto en cp. Tomado de: https://viceversa3.wixsite.com/viceversadigital

6.3.1.2. Visualización desde el celular. Al igual que desde el computador, lo primero que se ve es el inicio, con el logo y la descripción de lo que es viceversa con el mismo botón de “conócenos” que al hundirlo lleva a la persona a posts. Así mismo contiene un menú que guía al observador (ver figuras 6.17, 6.18 y 6.19) Figura: 6.17

Figura: 6.18

Figura 6.19

Figuras 6.17, 6.18 y 6.19. Primer boceto inicio en Cel. De: https://viceversa3.wixsite.com/viceversadigital

Después del inicio, ya sea hundiendo el menú o el botón de conócenos, se muestra la sección de posts en donde al igual que desde el computador, se ven las categorías de la misma forma, pero con su diseño reducido al tamaño del celular. Para ver otra categoría, se mostrará una diferente a miscelánea y así mismo se enseñará como se ve el diseño de los textos. Figura: 6.20

Figura: 6.21

Figura: 6.22

Figuras 6.20, 6.21 y 6.22. Primer boceto posts en Cel: https://viceversa3.wixsite.com/viceversadigital

Pasando a la siguiente sección, esta es “eventos” según el orden. El diseño que se ve desde el celular e igual a como se ve desde el computador y tiene los mismos botones y colores (ver figura 6.23 y 6.24). Figura 6.23

Figura 6.24

Figuras 6.23 y 6.24. Primer boceto eventos en Cel: https://viceversa3.wixsite.com/viceversadigital

Por último, al igual que desde el computador, la última sección es “contacto”, en donde el diseño es el mismo y su función también (ver figuras 6.25 y 6.26) Figura 6.25

Figura 6.26

Figuras 6.25 y 6.26. Primer boceto contáctanos en Cel. https://viceversa3.wixsite.com/viceversadigital

Con esa última parte se da como terminado el diseño del primer boceto de la revista digital Viceversa.

6.3.2. Segunda encuesta. Con el fin de confirmar si los colores propuestos eran los indicados y debido a que los estudiantes en la primera encuesta podían escoger más de una paleta, se realizó una segunda encuesta con las tres paletas más votadas, las cuales fueron la #6, la #3 y la #7. Esta decisión también se tomó para que más estudiantes votaran y para que las personas que ya lo habían hecho, esta vez solo escogieran una. Por otro lado, se decidió eso gracias a las recomendaciones del grupo de trabajo de Viceversa del colegio donde establecieron que no querían que la revista se viera tan institucional. Así mismo, para que la decisión no recayera solo en los integrantes de la revista, se realizó esta encuesta en las historias de la página de Instagram de Viceversa “@viceversaglc”, en donde no solo estudiantes, sino también exalumnos, profesores, padres y demás seguidores, tuvieron la posibilidad de votar por la que más le gustaba entre las tres paletas, con el fin de tomar la decisión final. Sin embargo, las paletas de color no se mostraron de la misma forma que en la primera encuesta, pues en vez se visualizaron en el nuevo logo como se ve en las figuras 6.27, 6.28 y 6.29. Figura 6.27

Figura 6.28

Figura 6.29

Figuras 6.27, 6.28 y 6.29. Nuevo logo Viceversa con diferentes paletas de color.

Como se mencionó anteriormente, aquellas paletas fueron las tres más escogidas por los estudiantes en la primera encuesta. Debido a ello, se decidió mostrar cada una diferente, por lo que se organizaron de tal forma que se vieran armoniosas en el nuevo logo. Ahora 69

bien, para mostrar evidencia de cómo se preguntó en la encuesta, se mostrarán las fotos de lo se subió a la historia de @viceversaglc en Instagram (ver figuras 6.30, 6.31.6.32 y 6.33) Figura 6.30

Figura 6.30. Introducción encuesta

Figura 6.31

Figura 6.32

Figura 6.33

Figura 6.31. Paleta #1

Figura 6.32. Paleta #2

Figura 6.33. Paleta #3

Cada imagen se mostró en una historia diferente en el orden en el que aparecen arriba. Esto permitió que en una primera instancia las personas vieran las tres paletas juntas y ya después, estando por separado, pudieran votar por la que preferían de las tres. La idea era que votaran Sí en la que preferían y No en las dos restantes. La estrategia que se usó para que más estudiantes contestaran la encuesta, fue subirla a la página después de las 6:00 pm, hora en la que los jóvenes hacen uso recurrente de las redes sociales según Quiroga (2018). Así se 70

decidió subirlas entre 7:30 a 8:00 pm. Ahora bien, los resultados se mostrarán tanto en porcentajes como en la cantidad de votos que tuvo cada una (ver figuras 6.34, 6.35 y 6.36) Figura: 6.34

Figura: 6.35

Figura 6.34. Resultados paleta 1

Figura 6.35. Resultados paleta 2

Figura: 6.36

Figura 6.36. Resultados paleta 3

Para esta primera muestra de los resultados, se ven en porcentajes la cantidad de personas que votaron por el Sí y así mismo por el No. Así, el que tuvo más votos para que fuera la paleta escogida fue la de tonalidades azules, teniendo así 73% de personas a favor y 27% en contra. Sin embargo, para tener más claridad de la cantidad de personas que votaron y de las que vieron las historias, observe las figuras 6.37, 6.38 y 6.39. Figura: 6.37

Figura 6.37. # de visitas paleta 1

Figura: 6.38

Figura 6.38. # de visitas paleta 2

Figura: 6.39

Figura 6.39. # de visitas paleta 3

En las imágenes se da cuenta que, en cuanto a la cantidad de visitas, la paleta #1 tuvo 264, la paleta #2 tuvo 261 y la paleta #3, 257. En cuanto a la cantidad de votos, la paleta #1 tuvo 23 votos por Sí y 92 votos por No; la paleta #2 tuvo 95 por Sí y 39 por No; y por último la paleta #3 tuvo 66 por Sí y 68 por No. Analizando los resultados, se reconoce que efectivamente la paleta preferida entre las tres es la de tonalidades azules gracias a sus 95 votos a favor. A su vez, por la cantidad de respuestas, esta segunda encuesta en comparación a la primera, fue más efectiva, pues mientras que en la primera la mayor cantidad de votos no pasaron de 28 personas, en esta segunda se alcanzaron 95 votos en una paleta. Así mismo, gracias a que se contó con la opinión de estudiantes, exalumnos, profesores y demás seguidores, se considera una encuesta más completa. Gracias a esta se encuentra la necesidad de cambiarle los colores al diseño propuesto en el primer boceto y por consiguiente se escoge la paleta indicada para el nuevo y final diseño de la revista digital Viceversa. 6.3.3. Segundo diseño. Para este segundo diseño se utilizó la paleta con azules de diferentes tonalidades. A su vez, se reformaron imágenes, botones, tipografía, logo, categorías y organización con el fin de que el diseño se viera armonioso con los colores. De esta forma, se intercambiaron los colores del primer boceto del diseño (rojo, azul y blanco) por la nueva paleta escogida por los estudiantes. Ahora bien, igual al primer boceto, este tiene una visualización diferente desde el computador y el celular por lo que se mostrará como se ve en ambas. 6.3.3.1. Visualización desde el computador. Lo primero que se ve es el inicio, esta vez con las diferentes tonalidades de azul y con una imagen diferente en la parte 72

inferior al logo. Al igual que en el primer boceto, tiene un menú en la parte superior en donde se encuentras las secciones de inicio, posts, eventos y contacto; también en la parte inferior se encuentra la misma descripción de Viceversa y un botón “conócenos” que lleva al observador directamente a la sección de posts (ver figura 6.40) Figura 6.40

Figura 6.40. Diseño final inicio Viceversa en cp. Tomado de: https://viceversa3.wixsite.com/viceversadigital

Siguiendo con el orden del menú en la parte superior, al entrar a posts, se encuentran las mimas categorías organizadas de la misma forma que en el primer boceto. Aquellas son 9 dividiéndose y solo a una se le cambió la imagen de su fondo, pues el que tenía fue tomado para el fondo del inicio. A su vez, tiene todos los colores diferentes para cumplir con la respectiva paleta del color. No obstante, es importante recalcar que el azul oscuro en el fondo 73

que estaba presente en el primer boceto, se mantuvo para el diseño final pues después de tratar solo con los colores de la paleta escogida, se prefirió seleccionar un tono oscuro que le diera más profundidad y elegancia a la página. Y gracias a que la paleta de color era de tonalidades azules, permitía mezclar diferentes tonos de azul. Ahora bien, para ver los cambios, solo se mostrara una categoría como se ve en la figura 6.41. Figura 6.41

Figura 6.41. Diseño final posts Viceversa en cp. Tomado de: https://viceversa3.wixsite.com/viceversadigital

Siendo la foto de arriba el nombre de la categoría, al hundir el botón “textos”, se abre la respectiva sección de textos de la categoría seleccionada. Para más claridad se mostrará una foto que muestre evidencia (ver figura 6.42)

Figura 6.42. Diseño final textos en Cp. Tomado de: https://viceversa3.wixsite.com/viceversadigital

Siguiendo con el orden del menú, se encuentra “eventos”. Para este, solo se cambiaron los colores, pues en cuanto al diseño, no varió del primer boceto (ver figura 6.43).

Figura 6.43. Diseño final eventos en Cp. Tomado de: https://viceversa3.wixsite.com/viceversadigital

Por último se encuentra la parte de “contacto” en donde, al igual que eventos solo se cambiaron los colores (ver figura 6.44).

Figura 6.44. Diseño final contacto en Cp. Tomado de: https://viceversa3.wixsite.com/viceversadigital

Así mismo, para cada sección se agregó una app para chatear, es decir que permite tener un contacto más directo entre el creador y observador si se desea (ver figura 6.45) Figura 6.45

Figura 6.45. Diseño final chat en Cp. Tomado de: https://viceversa3.wixsite.com/viceversadigital

6.3.3.2. Visualización desde el celular. Al igual que en el apartado anterior, se mostrarán imágenes de cómo quedó el nuevo diseño de la revista digital Viceversa con la nueva paleta de colores, pero ahora desde como se ve en el celular. Inicio: Ver figuras 6.46, 6.47 y 6.48 Figura 6.46

Figura 6.47

Figura 6.48

Figuras 6.46, 6.47 y 6.48. Diseño final inicio en Cel. Tomado: https://viceversa3.wixsite.com/viceversadigital

Posts: Desde la visualización de otra categoría, ver figuras 6.49, 6.50 y 6.51. Figura 6.49

Figura 6.50

Figura 6.51

Figuras 6.49, 6.50 y 6.51. Diseño final posts en Cel. Tomado de: https://viceversa3.wixsite.com/viceversadigital

Eventos: Ver figuras 6.52 y 6.53 Figura 6.52

Figura 6.53

Figuras 6.52 y 6.53. Diseño final eventos en Cel. Tomado de: https://viceversa3.wixsite.com/viceversadigital

Contacto: Ver figuras 6.54 y 6.55 Figura 6.54

Figura 6.55

Figura 6.54 y 6.55. Diseño final contacto en cel. Tomado de: https://viceversa3.wixsite.com/viceversadigital

Chat: Ver figuras 6.56 Figura 6.56

Figura 6.56. Diseño final chat en Cel. Tomado de: https://viceversa3.wixsite.com/viceversadigital

6.4. Incremento de las visitas. 6.4.1. Comparación entre las visitas de la antigua versión de Viceversa y el nuevo diseño. Es importante tener en cuenta, que el primer boceto del diseño de Viceversa, es decir el que se hizo con la paleta del Gimnasio la Colina, rojo, azul y blanco, se diseñó en el mismo 78

link de la antigua versión. Por consiguiente, los antiguos textos publicados a ese diseño, siguen activos en redes como Facebook, lo que hace que, aunque sean pocas, se siguen presentando visitas a esa página. Ahora bien, el diseño final, se realizó en un link diferente, lo que causó que las visitas comenzaran desde cero, en comparación a la otra versión en donde las visitas siguen igual y en su defecto, incrementando. Sin embargo, es necesario recalcar que desde que se publicó el nuevo diseño de Viceversa, todos los textos y demás contenido se han publicado en esa última versión. Por consiguiente, la cantidad total de visitas en números del último diseño, serían menores que la cantidad de la antigua versión, no obstante, el incremento en cuestión de tiempo de las visitas en el nuevo diseño, sería mayor al antiguo. Aquello se vio reflejado en Wix por medio de gráficos. En este orden de ideas, se compararon en primer lugar, el número total de visitas en un mes de ambas revistas (ver figuras 6.57 y 6.58). Figura 6.57

Figura 6.58

Figura 6.57. Visitas diseño final. Tomado de:

Figura 6.58. Visitas diseño anterior. Tomado de:

https://viceversa3.wixsite.com/viceversadigital

Siendo la imagen de la izquierda (ver figura 6.47) los datos del nuevo diseño, y la de la derecha (ver figura 6.48) los del antiguo, se recopiló la siguiente información: La cantidad total de visitas del nuevo diseño son 116 y las del antiguo diseño son 224, así mismo, 75 son 79

visitantes únicos y en la otra 172 respectivamente. Ahora bien, es necesario tener en cuenta que al momento de comparar ambos valores, la nueva página de Viceversa llevaba menos de un mes publicada, tiempo en el cual se estaban tomando los valores. Esta se publicó el 01 de abril de 2020 y los valores fueron comparados 17 días después. Es decir, que aunque la cantidad de visitas del nuevo diseño fue menor que las del antiguo, debido al tiempo en que se compararon los valores, la nueva página tuvo un mayor incremento, pues en 16 días obtuvo más la mitad de las visitas que la antigua versión lograba en un mes. Por otro lado, también se analizaron la cantidad de visitas en gráficos mostrados a continuación. -Gráfico del nuevo diseño y evidencia de la fecha de publicación: Ver gráfico 6.10 Gráfico 6.10

Gráfico 6.10. Fecha inicial recopilación visitas nuevo diseño. https://viceversa3.wixsite.com/viceversadigital

Como se ve en el gráfico 6.10, los datos fueron recopilados desde el 01 de abril de 2020, fecha en la que fue publicado la página y en donde se recopilaron visitas a la revista. -Gráfico del nuevo diseño con la última fecha en que se tomaron los datos: Ver gráfico 6.11

Gráfico 6.11

Gráfico 6.11. Fecha final recopilación visitas nuevo diseño. De: https://viceversa3.wixsite.com/viceversadigital

Así mismo, los últimos datos se tomaron el 18 de abril de 2020 como se ve en la última sección de la gráfica. En este día se presentaron 4 visitas en la página. -Gráfico del nuevo diseño indicando el pico más alto que tuvo sus visitas en menos de un mes: Ver gráfico 6.12. Gráfico 6.12.

Gráfico 6.12. Mayor cantidad de visitas del nuevo diseño. De: https://viceversa3.wixsite.com/viceversadigital

El gráfico (ver gráfico 6.12) muestra que la mayor cantidad de visitas que tuvo en un día, en este caso el 16 de abril de 2020, fue de 31 visitas, cantidad más alta registrada para ambas versiones en un día.

-Gráfico del antiguo diseño con la primera fecha desde que se tomaron los datos: Ver gráfico 6.13. Gráfico 6.13.

Gráfico 6.13. Fecha inicial recopilación visitas antiguo diseño. : https://viceversa3.wixsite.com/viceversadigital

Como lo indican las estadísticas, los datos de las visitas fueron registrados desde el 22 de marzo de 2020, en donde se presentaron 7 visitas a la página. -Gráfico del antiguo diseño con la última fecha en que se tomaron los datos: Ver gráfico 6.14. Gráfico 6.14.

Figura 6.14. Fecha final recopilación visitas antiguo diseño. De: https://viceversa3.wixsite.com/viceversadigital

El último día en el que se registró la cantidad de visitas fue el 18 de Abril de 2020, día en donde se presentaron cero visitas en la página. -Gráfico del antiguo diseño indicando el pico más alto que tuvo sus visitas en un mes: Ver gráfico 6.15. Gráfico 6.15

Gráfico 6.15. Mayor cantidad de visitas del antiguo diseño. De: https://viceversa3.wixsite.com/viceversadigital

El gráfico (ver gráfico 6.15) indica que el pico más alto fue el 01 de abril de 2020 con 22 visitas. Aquella fecha en la que se presentó esa cantidad, fue la mima fecha en que se publicó el nuevo diseño de la revista y como se puede observar, no se volvió a registrar esa cantidad de visitas hasta en el mes. Ahora bien, al comparar cada una de estas gráficas, se da cuenta que en menos de un mes el nuevo diseño de Viceversa logró el pico más alto de visitas en la página. Así mismo, el gráfico arrojó cero visitas a la antigua versión de la revista el último día que se tomaron los datos. De igual forma se notó que las visitas del nuevo diseño decrecieron después de tener las 31 visitas. Sin embargo, aunque disminuyeron, siempre siguieron siendo mayores a las de la antigua versión.

6.5 Difusión de la revista. 6.5.1. Video tutorial. Para enseñarles a las personas a manejar la nueva revista digital Viceversa, se realizó un video tutorial en donde se explica paso a paso la forma en que funcionan los botones, el menú y sus secciones, las categorías y el chat. Esto con el fin de aclarar las dudas que tuvieran y para que el ingreso a la página y la búsqueda de los textos fuera más efectiva. Así mismo, se esperaba que la cantidad de personas que no entraban a la página por confusión de cómo manejarla redujeran y que por consiguiente las visitas incrementaran. 6.5.2. Tercera encuesta. Se realizó una última encuesta con el fin de indagar las variables extrañas que impulsaban a las personas a visitar Viceversa. De igual forma, se quería investigar si efectivamente las personas entraban con más frecuencia a la página desde su nuevo diseño, para confirmar si el fin de la investigación era válido o no, pues aunque se notó un incremento en las visitas, el objetivo era que el diseño y más que todo los colores impulsaran a las personas a entrar a Viceversa. En este orden de ideas, la encuesta se realizó en la página de Instagram de Viceversa en donde se hizo una pregunta abierta y otra cerrada como se muestra en las figuras 6.59 y 6.60 Figura 6.59

Figura 6.60

Figura 6.59. Pregunta cerrada encuesta.

Figura 6.60. Pregunta abierta encuesta

Los resultados de la pregunta cerrada fueron: Ver figuras 6.61 y 6.62. Figura 6.61

Figura 6.62

Figura 6.61. Resultados pregunta cerrada.

Figura 6.62. Resultados pregunta cerrada

Según los resultados, (ver figura 6.61) el 71%, es decir 29 personas aseguran que desde el nuevo diseño (ver figuras 6.62), visitan más la página, mientras que el 29%, 12 personas, negaron su presencia en la revista. En este orden de ideas, aunque los resultados sean muy positivos, la cantidad de personas que votaron no era la esperada, pues debido a que Instagram es el medio por el cual la mayoría de las visitas de registran, se suponían más respuestas. No obstante, con las que se obtuvieron, se confirmó que el diseño si ha causado un impacto y un incentivo en sus visitantes. Por otro lado, los resultados de la pregunta abierta fueron: Ver figuras 6.63 y 6.64 Figura 6.63

Figura 6.64

Figura 6.63. Resultados pregunta abierta

Figura 6.64. Resultados pregunta abierta

Gracias a las respuestas, se dio cuenta de algunas de las variables extrañas que impulsaban a las personas a visitar la página. Entre ellas se mencionaron mucho los colores, el diseño y la organización del mismo. Sin embargo, al igual que la otra pregunta, esta no tuvo la cantidad de respuestas esperadas, lo que hizo que el análisis se viera muy sesgado a los 4 resultados. Ahora bien, debido a la cantidad de las respuestas, se considera pertinente fundamentar la razón por la cual se decidió realizar la encuesta en la red social Instagram en vez de otro medio. Esto fue debido a las estadísticas y datos arrojados por Wix como se muestran en la figura 6.65. Figura 6.65

Figura 6.65. Tráfico total en 4 semanas nuevo diseño. De: https://viceversa3.wixsite.com/viceversadigital

Como lo indica Wix, Instagram es el medio más común por donde entran las personas a la página, siendo esta la principal razón por la que se decidió hacer por este medio. Sin embargo, además de esa razón, también se tomaron en cuenta los resultados de la segunda encuesta realizada en esa misma página web, en donde se obtuvo la cantidad esperada de respuestas.

7. CONCLUSIONES En el marketing visual existen distintas estrategias para lograr el éxito de una página web como: La tipografía correcta para el tipo de contenido; una paleta de color que la diferencie de otras páginas y que a su vez la complemente dándole vida, el uso de botones y más. Por otro lado, está la colorimetría, llamada también “psicología del color”, que es un estudio que involucra la creación de sentimientos y sensaciones en una persona por medio del color. En este orden de ideas, el objetivo de esta investigación era crear un estudio de marketing visual en la revista digital Viceversa del Gimnasio la Colina, con el fin de rediseñar su plataforma e incrementar sus visitas por medio de la colorimetría. Con el fin de cumplir con este propósito, se plantearon cuatro objetivos específicos que guiaron el marco teórico y capítulo propositivo, en donde se utilizaron las estrategias de marketing visual y el estudio de la colorimetría para rediseñar la revista y los distintos medios de recolección de datos para conocer la opinión de los estudiantes frente a Viceversa y así mismo sus sugerencias frente al nuevo diseño. En cuanto al primer objetivo específico, se incrementaron las visitas de la revista digital Viceversa al rediseñarla y al aplicarle las bases de la colorimetría. Esto se evidenció por medio de estadísticas arrojadas por Wix, plataforma por la cual se rediseñó la revista. Dichos datos mostraron un incremento en las visitas después de publicar la revista rediseñada en comparación a las visitas que tenía Viceversa con su anterior diseño, pues según los gráficos, en 16 días la nueva revista obtuvo 116 visitas, es decir, más la mitad de las visitas promedio que la antigua versión lograba en un mes (224). Gracias a ello se dio cuenta del efecto del nuevo diseño en quienes visitan la página. 87

No obstante, siendo datos muy generales, no especificaban la verdadera razón o las variables extrañas que incitaban a las personas a entrar a la revista, pues se hipotetizó que estas podían variar entre: el interés del contenido, el amor por la lectura, la variedad de los textos, orgullo colino; el cambio de los colores, de la tipografía, de la estructura, del logo, de las imágenes o inclusive por simple curiosidad. Así mismo, y debido a que el contenido de Viceversa seguía publicándose antes y durante y después del rediseño, no se tenía certeza si el aumento se debía a las publicaciones o si era resultado del nuevo diseño. Debido a ello y puesto que hacía parte de la metodología, se decidió crear un vídeo tutorial explicando el paso a paso de cómo manejar la revista e incentivando a las personas a visitar la página, creando así un antes y un después en la posibilidad de que las personas entraran a la misma, es decir que se hipotetizó que las visitas registradas antes de publicar el vídeo se debían más al contenido de la revista, mientras que las registradas después de publicarlo eran gracias a las instrucciones del vídeo y, por consiguiente, al nuevo diseño. Con base en eso, y por medio de las estadísticas, se concluyó que después de publicar el vídeo tutorial, Viceversa tuvo 33 visitas, siendo la cantidad más alta de visitas en comparación con la cantidad más alta del antiguo diseño en donde tuvo 22. Posterior a ello, gracias a la última encuesta realizada después del vídeo tutorial, se dio cuenta que las razones que más motivaron a las personas a entrar a la página fueron efectivamente los colores, la organización y la modernización del nuevo diseño. Así mismo, por medio de la misma encuesta, el 71% de los encuestados confirmaron que desde que cambió su diseño, visitan con más frecuencia Viceversa. Continuando con el segundo objetivo, se definieron los colores más apropiados para la revista. Así, por medio del estudio de la colorimetría, las diferentes clasificaciones del color 88

y a través de los resultados de la entrevista al grupo de trabajo de Viceversa, se seleccionaron diez posibles paletas de colores que serían apropiadas para la revista. Ocho de ellas se decidieron por medio de las combinaciones del círculo cromático, en estudios de colores apropiados para páginas web. Así mismo, observando todo tipo de revistas y tomando como ejemplo sus colores. Por otro lado, la paleta de tonalidades azules se decidió a partir de las sugerencias del grupo de trabajo de Viceversa y, por último, se escogió la paleta de los colores del Gimnasio la Colina, pues era pertinente dar la opción debido a que es manejada por estudiantes para estudiantes de la institución. En el siguiente objetivo se identificó el propósito de la revista digital Viceversa del Gimnasio la Colina, en donde, al preguntarles a los integrantes de Viceversa, se arrojaron distintos puntos de vista frente a lo que consideraban como propósito. No obstante, al juntar todas las respuestas, se concluyó que el propósito es crear entretenimiento familiar y orgullo colino por medio de textos que a su vez mejoren las intenciones y habilidades de escritura de los alumnos de Viceversa. Además, brindar información que deje una moraleja o enseñanza a la comunidad e informar a los estudiantes sobre los sucesos del colegio y a nivel mundial. En el último objetivo, se determinaron los colores que causaban mayor atracción en estudiantes del Gimnasio la Colina para la revista digital Viceversa. Sin embargo, en vez de realizarlo por medio de un grupo focal, como se tenía planeado desde un principio, se hizo por medio de la entrevista al grupo de trabajo de Viceversa y encuestas. Gracias a la realización de ambos métodos, se concluyó que la paleta de color preferida por los visitantes de la revista, incluyendo estudiantes, exalumnos, profesores y demás personas, era la de tonalidades azules (ver figura 7.1). Figura 7.1. Paleta escogida

Figura 7.1. Paleta escogida

Para esta investigación la hipótesis planteada fue que se evidenciarían las preferencias y gustos de estudiantes del Gimnasio la Colina frente a los colores que debería llevar la revista digital Viceversa, a través de un grupo focal. A su vez, por medio de entrevistas y observaciones a los miembros del grupo de trabajo de Viceversa, se reconocería el propósito que tiene la revista y se indagaría sobre lo que ellos esperaban representar por medio de ella. Posteriormente, con dicho estudio de marketing, y en conjunto con las bases de la colorimetría, se cambiaría la gama de colores de Viceversa, mejorando su imagen e incrementando a su vez, sus visitas. Se puede concluir que la hipótesis es válida puesto que, aunque no fue por medio de un grupo focal, si se identificaron por medio de encuestas, los gustos y preferencias no solo de estudiantes del Gimnasio la Colina, sino también de exalumnos, profesores y demás personas en cuanto al diseño anterior de Viceversa y el nuevo. Así mismo, aunque no se realizaron las observaciones, se definió el propósito de la revista por medio de entrevistas al grupo de trabajo de Viceversa y se reconoció lo que los estudiantes querían trasmitir por medio de ella. De igual forma, se realizó el rediseño de la revista y el cambio de la paleta de colores por medio del estudio de marketing visual y la colorimetría en donde según los espectadores, mejoró su imagen. Por último, gracias a las estadísticas arrojadas por Wix, se demostró el aumento de las visitas en la página y se reconoció que el motivo principal que impulsó a las personas a entrar Viceversa, fue el cambio de los colores y su diseño como tal. Ahora bien, la mayor dificultad que se presentó para la realización de este trabajo de grado fue el Covid-19, que provocó aislamiento social, prohibiendo la salida de casa y por consiguiente, la interacción presencial con los estudiantes del Gimnasio la Colina. Este suceso afectó la realización de los grupos focales, pues aunque se podían hacer virtualmente, 90

no hubo interés por parte de los estudiantes a los que se les propuso la actividad, lo que complicó el desarrollo de la misma. De igual forma, no se hubiera logrado el propósito de la actividad planeada, pues esta requería de un contacto directo para que la persona pudiera interactuar más y sentirse cómoda con sus respuestas. Por otro lado, impidió el desarrollo de las observaciones al grupo de trabajo de Viceversa pues, como lo dice su nombre, se debía observar, en este caso el trabajo de los estudiantes, sus actitudes e ideas que surgían de cada uno de ellos. Debido a ello, en vez de esos dos métodos, se realizaron tres encuestas que reemplazaron la función de las dos primeras. No obstante, aunque los resultados fueron muy efectivos, no se identificaron los gustos y preferencias de los estudiantes de la forma en que se quería, pues las encuestas virtuales no se comparan con una conversación en donde la persona puede expresarse con mayor facilidad. Sin embargo, algo positivo de las encuestas, es que se obtuvo una mayor cantidad de respuestas que las que se esperaban con los otros métodos. Finalmente, se rediseñó la revista digital Viceversa del Gimnasio la Colina por medio de un estudio de marketing visual y las bases de la colorimetría, en donde se cambió la paleta de color, el logo, la tipografía, la estructura, el menú, las imágenes, la organización de las categorías y textos, a su vez la implementación de una sección de contacto que permite enviar un mensaje a través del correo y la creación de un chat en donde se puede interactuar con los encargados de la revista. Gracias a ello se mejoró su imagen y se incrementaron sus visitas.

FUENTES DE CONSULTA

- Acero, M y Contreras, C. (2010), Merchandising Visual como herramienta de mercadeo para El Superete Marión ubicado en Sector de Villa del Prado en la Ciudad de Bogotá D.C. Cali. Tesis universidad Javeriana. https://repository.javeriana.edu.co/handle/10554/9095

- Acosta, A. (1994), Mercadeo. Colombia. Norma. -

Albers, J. (2001) La interacción del color. Madrid. Alianza forma.

- Bleicher, S. (2011). Contemporary color theory and use. New York. Delmar, Cengage Learning. -

Capilla, P. Artigas J.M y Pujol, J. (2002) Fundamentos del marketing. Brasil. Educació, Sèrie Materials, 55. Chijiiwa, H. (1999), Combinar el color. China. Naturart, S.A.

Chorro, E, Perales, E, Martínez F.M, Viqueira, E. (2011), Programa on-line de prácticas de colorimetría en formato html. España. Universidad de Alicante. http://rua.ua.es/dspace/handle/10045/19885

Eiseman, L. (2017), Color harmony. USA. Quarto publishing group.

Fitch, R (2008), Balance y consistencia. USA. Pdf.

- Gernsheimer, J. (2008). Designing logos: The process of creating symbols that endure. New York: Allworth Press. -

Gioglio, J, Walter E. (2014) The Power of Visual Storytelling: How to Use Visuals, Videos, and Social Media to Market Your Brand. United States. S.ed.

Godin, S. (2008) La vaca púrpura. Barcelona. Gestión 2000. Hoyos, R. (2019) Plan de marketing. Colombia. Ecoe ediciones. Jürgen, K. (2012), Estamos ciegos (pruebas de los fracasos billonarios de los mercadólogos). Perú. Editorial Planeta.

Lasker, A.D (1992) Campañas publicitarias exitosas. México: McGraw Hill.

Melgar, J. (2019). ¿Cuál es el efecto del contenido visual en el cerebro? Neuromarketing. https://neuromarketing.la/2018/02/contenido-visual-efecto-encerebro/ Melo, A. (2017), Revistas digitales en América Latina: Historia 2.0 y Relaciones estudios de historia y sociedad. Dos experiencias. Colombia. Michoacán. https://www.researchgate.net/publication/321836344_Revistas_digitales_en_Ameri ca_Latina_Historia_20_y_Relaciones_estudios_de_historia_y_sociedad_Dos_exper iencias

McClelland, D, Eismann, K y Stone, T. (2001), Diseño de páginas web. Madrid. Ediciones anaya multimedia. 92

Navarrete, R. (2008), El color normalizado. España. https://gasparbecerra.files.wordpress.com/2008/11/historia-del-color4.pdf

Newman, S (1993) Sales and Marketing. United States. McGraw Hill. Palacios, R, Puente, C (2015), Diseño y creación de páginas web. España. Universidad Pontificia ICAI. https://www.iit.comillas.edu/palacios/cursoweb/cap04.pdf Perreault, W. (2014) Basic marketing. New York. Editorial, Richard D. Irwin. Prieto, J.E (2013) Investigación de mercados. Bogotá, Colombia: Ecoe ediciones. Quiroga, M. (2018) ¿Cuáles son las mejores horas para publicar en Instagram? Webescuela y Metricol. https://webescuela.com/mejor-hora-para-publicar-eninstagram/ Rodriguez, F. (2017) La estimulación sensorial en los espacios Snoezelen. .Ceadac Russell, J y Lane, W.R. (2001), Kleppner publicidad. México. Prentice Hall. Russell, T. (1993), Publicidad. México. Prentice Hall. Sandoval, M. (2017), El color. México. S.ed Santos, A (2010) Teoría del color. Perú. Idat. Shanton, W.J. (2007) Fundamentos de marketing. Colombia. Universidad Icesi. Sheehan, B. (2012). Marketing on-line. Singapur. Naturat. Wedel and Pieters. M. R. (2007). Visual marketing. New York. Francis eBooks. Wedel, M, Pieters, R. (2008). Eye Tracking for Visual Marketing. New York. Francis eBooks. Wells, W. (2007) Publicidad – principios y práctica. México. Pearson. Zorzini, C. (2020), Wix Ecommerce Review: The good, the bad and the ugly. USA. Review. https://ecommerce-platforms.com/es/ecommerce-reviews/the-ultimate-wixecommerce-review

Pdf.

ANEXOS Anexo 1: Encuesta en la aplicaciรณn google forms.