Tesina UNID Diseño Grafico Digital

¿Quién?

Asesor académico

Nombre: Octavio Víctor Paz del Razo

Contacto (e-mail): 00201672@red.unid.mx

Formación académica: Licenciado en diseño de la comunicación gráfica por la Universidad Autónoma Metropolitana, Campus

Azcapotzalco de la Ciudad de México, 1993.

Puesto UNID: Docente.

Reseña profesional: El docente Octavio Víctor Paz del Razo es un diseñador gráfico que se ha especializado en la ilustración de marca, en el diseño de logotipos, como diseñador editorial y ha participado en diferentes eventos para mejorar Cancún desde que llegó a la ciudad. como el proyecto de la modernización de la Avenida Yaxchilán.

Asesor empresarial

Nombre: Víctor López Martínez

Datos de contacto: valmazgroup@gmail.com

Teléfono: 664 112 4062

Puesto empresarial: Director

Título: Licenciado en mercadotecnia por la Universidad Autónoma de Baja California

Puesto docente: Profesor y consejero de la facultad de Turismo y Mercadotecnia de UABC.

Descripción de Valmaz Group: Iniciaron en 2016 en Tijuana B.C. como un equipo multi disciplinario enfocado en los resultados de las ventas para las empresas con las que colaboran.

Cuentan con especialistas en mercadotecnia, publicidad, diseño gráfico, desarrollo web, fotografía, producción audiovisual y analítica

Participantes

Nombre: Vicente Eduardo Palma Casarrubias

Datos de contacto:

Teléfono: 998 136 6451

Puesto empresarial: Diseñador gráfico

Título: N/C

Puesto académico: Estudiante en la Universidad Interamericana para el Desarrollo

Proyecto: Colaborador en la elaboración del proyecto de Valmaz en el diseño de una guía para las personas que realizan estadías en la empresa.

¿Dónde?

Historia

Descripción de Valmaz Group: Iniciaron en 2016 en Tijuana B.C. como un equipo multidisciplinario enfocado en los resultados de lasventas para las empresas con las que colaboran.

Cuentan con especialistas en mercadotecnia, publicidad, diseño gráfico,desarrollo web, foto grafía, producción audiovisual y analítica.

Meta los ha reconocido como empresa certificada para brindar el mejor servicio en sus plataformas.

Ubicación

Calle Fresnillo 2789 Int. 16 Entre Calle España y, Dinamarca, Col. Madero (Cacho), 22040 Tijuana, B.C.

Tomada de Google fotos en Maps, la fotografia fue tomada en 2019.

Organigrama

Las áreas involucradas en el proyecto son marketing y diseño más que nada, asi que esto queda más o menos dentro de lo que se requiere para la carrera de diseño gráfico

digital en general. Víctor es el director y asesor dentro de la empresa tanto de mi como mi colaborador y con el es el que más conversamos acerca de la propuesta a reali zar dentro de Valmaz.

¿Qué?

Proyecto: Estudiante: Fecha: Tesis de estadía empresarial Eduardo Porcayo Nateras 07 de Octubre de 2022

El reto global que define este proyecto es: ¿El rediseño de la página web permitirá un mejor entendimiento por parte del usuario en diseño gráfico?

Planeo investigar:

La competencia y su diseño de página El uso de la tendencia de flat design Cómo diseñar una página web efectivamente

Necesito realizar las siguientes actividades:

¿Qué haré?

¿Cómo lo haré?

Fecha de entrega

Rediseño de página web

Propuesta de flat design

Presentación de propuesta

Diseñando íconos especializados

Reacomodando los elementos de la página Proponer la propuesta a mi asesor empresarial

Semana 10 Semana 10 Semana 10

Justificación

La jusificacion para este proyecto radica en que la página de la empresa Valmaz no está planteada de la mejor manera, esto se debe a que no existe una buena organización de su contenido en términos de los giros que posee la empresa.

El principio de la página está cubierta con una tipografía sans serif poco profesional y no se alcanza a ver a lo que la empresa se dedica al final, así que es necesario reempla zarla con una que tenga una mejor impresión para las personas que vayan a visitar la página.

Sin embargo no sólamente queda el reem plazo de la tipografía, si no que también se necesitan poner los íconos en la página, es donde más me volcaré para realizar los dise ños necesarios.

Cada ícono simbolizará algo diferente en general, como se muestra en la imagen de abajo, la empresa se dedica a diferentes cosas que necesitan aclararse, ya que el texto solo no hace el trabajo suficiente para agarrar la atención de las personas.

Programa de trabajo

Alumno: Eduardo Porcayo Nateras Carrera: Diseño Gráfico Digital

Empresa/Área: Valmaz Marketing Group

Asesor Empresarial: Víctor Lopez Firma: Asesor académico: Octavio Paz del Razo Firma:

GENERAL:

Mi objetivo en general es establecer una línea gráfica que quede en sintonía con la página de Valmaz.

ESPECÍFICOS:

1- Entrada de usuarios a la página web

2- Vectorización de íconos

3- Acomodo de íconos y elementos gráficos en una propuesta de diseño.

METODOLOGÍA

La forma en como se realizará el proyec to es mediante el diseño de íconos espe cializados para poder garantizar una mejor experiencia a los usuarios, se utiliza rá sólamente illustrator para realizar la propuesta, ya que la página está blo queada detrás de credenciales.

Cronograma de actividades

Actividades a realizar Investigación acerca de la empresa Establecimiento del proyecto Análisis de página web Investigación de la competencia Presentación del proyecto Bocetaje de íconos y elementos graficos Diseño de íconos y elementos gráficos

Presupuesto

El presupuesto con el que se contará será de acuerdo a las horas trabajadas y al uso de los programas, más que nada de illus trator, que es en donde se harán los íconos.

Para calcularlo se tiene en cuenta que serán 560 horas de servicio, el internet aproximadamente cuesta $500 y se cobra mensualmente, como son 14 semanas, o 4 meses, el total sería $2000 pesos.

Mientras tanto se encuentra el uso de la luz, que cuesta unos $1200 pesos mensua les, lo cuál llevaría a un total de $4,800 pesos mensuales.

Todo lo demás se provee por mis padres, por lo tanto llegaría el total de presupues to para este proyecto como $6,800 pesos en total.

No hay gastos como el transporte hacia la empresa ya que la modalidad es home office, así que el proyecto se hará desde casa, sin embargo hay gastos de transpor te hacia la escuela, que llegarían a $200 por mes.

Por: Freepik

Por: Freepik

Presupuesto

Después de tomar en cuenta los gastos que se harán para el internet, la luz y el transporte, es necesario observar los gastos escolares, los cuáles son $2500 por mes, por lo tanto serían $10,000 por el cua trimestre entero.

De igual manera se tiene que dar a notar que aunque el trabajo que esté realizan do para la empresa no está pagado por el momento, si es necesario tomar en cuenta el cómo me pagarían si estuviera contratado formalmente.

El sueldo mínimo mensual es de $5,000, así que los cuatro meses que estoy trabajan do con ellos se darían a entender que son $20,000 en total.

Finalmente, se notan los gastos que se generan de la compra de la computado ra, la cuál fue comprada por $10,000 en su momento, entonces haciendo las cuen tas, esto generaría un gasto bastante alo en términos de proyecto.

Por: Freepik

¿Con qué?

El desarrollo para este proyecto consiste en el establecimiento de los elementos técinos necesarios para la realización del proyecto, que son la tipografía, la utiliza ción de la paleta de colores y la realiza ción de los íconos especializados para la página web, mas un pequeño rediseño de la misma.

Para entender lo que se quiere decir en un principio se establecerá la teoría del lenguaje visual: Esto significa en general que los diseñadores somos responsables de transmitir mensajes y nos encargamos de la comunicación visual hacia aquellos que son los receptores.

Para entender aún más el lenguaje visual es necesario identificar todos sus elemen tos:

El signo: Es aquel objeto que representa a otro. Pueden haber diferentes tipos de signos.

El código: El código es aquel que ayuda en la composición visual de los símbolos y signos.

El proceso de diseño: El proceso de diseño se compone en general de la adquisicón de conocimiento mediante la recopilación de información y la interpre tación gráfica de este mismo conoci miento específicamente realizada para la comunicación visual que los diseñadores gráficos aprovechan.

Ícono: Signo que representa una idea u objeto con los que guarda una relkación formal de identidad o semejanza.

Índice: En un libro u otra publicación, lista ordenada de los capítulos, artículos, ma terias, voces, etc., en él contenidos, con indicación del lugar donde aparecen.RAE

Símbolo: Elemento u objeto material que, por convención o asociación, se conside ra representativo de una entidad, de una idea, de una cierta condición. - RAE

Valor y arbitrariedad: La unión del signifi cado y el significante es la arbitrariedad, mientras que el valor es aquel que depen de de la cultura del lugar donde se encuentre el diseño o diseñador.

SIgnificado y significante: El significado es aquel que surge en la mente de las perso nas mientras captan un mensaje por medio de lo cognitivo, por mientras el significante es la forma física de un signo que se quiere repreentar.

Lenguaje y habla: Una lengua es aquella que se estableció socialmente mediante signos que todos pueden entender, el lenguaje es algo que se puede aprender y se puede enseñar.

Sintagma y paradigma: El sintagma es un grupo de signos relacionados entre si y el paradigma es aquello a lo que pertene cen los sintagmas.

Diseño

Este proyecto contará con una paleta de colores de negro, azul, dorado y azul obscu ro, estos colores están establecidos para que sea más atrayente a la vista y pueda ser más fácil de leer. De igual manera se le agregará un gris claro que resaltará los textos que se encuentren en la página como la información acerca de los giros de la empresa.

Esta paleta fue escogida para obtener los mejores resultados posibles en cuanto a la presentación de la página, se verá más pro fesional y más propia, especialmente con los acentos dorados que se tienen cuando se resalta una palabra.

Así es como los colores complementarán la composición de la página, por medio de la interacción con ella por los usuarios. La tipo grafía usada para este proyecto será Acumin Variable concept, que cuenta con una gran variación de tipos y elementos.

Diseño

La tendencia del diseño que se seguirá será el flat design, la cual se describirá a continuación:

El flat design, o diseño plano es una tendencia que nace en el diseño de interfaces. Se caracteriza por el uso de colores claramente diferenciables, planos y muy vivos. Formas geométri cas que proporcionan orden en la estructura. Tamaños tipográficos gran des y mensajes simples y directos. Con esto se consigue una clara compren sión y una fácil interacción por parte del usuario.

El flat design es muy atractivo por su sencillez en las formas y mensajes. Esto ha hecho que poco a poco se extien da a otros ámbitos del diseño.

- Por Gonzalo (2019) en waka.com

La razón por la que el flat design está siendo utilizado en este proecto es porque la misma página al principio está pidiendo que fuera estilo flat design en general.

Los íconos que normalmente se encon traban en la página web se muestran que son de estilo flat design al principio y se intende que se queden así, pero con mi propio estilo de diseño.

Mi estilo de diseño es un poco minima lista fácil de entender, puesto que los íconos deben de ser lo más básico de entender.

En términos de nivel de iconicidad esta debe der ser una iconicidad media, en donde se reconoce muy bien lo que se quiere dar a entender sin hacerlo tan complicado.

- Enfoque gaussiano blog

¿Como?

La manera en la que se abordará la situación del proyecto es mediante el uso de los materiales y estilos ya propues tos en esta tesina. Primero se propondrá lo que es la retícula que se ha estado usando para este proyecto:

La retícula, o grid como se le conoce en inglés, es una serie de líneas y guías ima ginarias tanto verticales, horizontales y diagonales que permiten la distribución de los componentes en el espacio de una composición.

Estas líneas son las directrices para la alineación de los elementos como solu ción a problemas visuales bi o tridimen sionales que puedan surgir a la hora de componer. - CEI.com

La retícula propuesta en este proyecto cuenta con ángulos de 90 grados y está propuesta en illustrator, así que en gene ral es una guía que ayuda a darle estructura al diseño de la página web y todos sus íconos.

Hablando de los íconos, estos también poseen una cierta estructura, sin embar go no están atados a una retícula en específico, están hechos más libremen te, sin embargo no significa que estos no posean uniformidad en el diseño.

Esta guía propuesta se verá a continua ción, ilustra cómo queda la misma retí cula para todo el documento que se hace en illustrator:

- Grid de 2.5mm x 5mm

Diseño de íconos

El diseño de los íconos es bastante senci llo y fácil de entender, esto es hecho adrede ya que para que el lector que esté en la página de servicios de Valmaz se enganche con la información, se prooverá con íconos estilo flat design que enriquezcan la página.

La metodología utilizada para el diseño de estos fue basado en diseños especiali zados buscados en internet, en íconos preexistentes que la mayoría de la gente debe reconocer y tiene que observar para obtener un mayor entendimiento de la información que se le está prove yendo.

Ya que no todos los íconos son cuadra dos o poseen una forma geométrica, se decidió que estos no llevarían retícula, además de que es importante saber que todos estos son ilustraciones originales realizadas en illustrator con fines de prac ticidad y de comodidad.

De igual manera se realizaron estos por términos de tiempo limitado, puesto que solo poseo cierta cantidad de semanas para realizarlos.

Tipografía

La tipografía seleccionada para este proyecto en este caso fue Acumin Variable Concept, diseñada por Robert Slimbach para Adobe, así que es una fuente stock de adobe illutsrator.

Acumin es una familia tipográfica sans-serif versátil destinada a una cali dad equilibrada y racional. Sólidamente neo-grotesque, funciona maravillosa mente en tamaños de cartelería, pero también mantiene un grado excepcio nal de sensibilidad para los tamaños de texto. - Adobe fonts

Esto significa que acumin está diseñada como una tipografía versátil que puede ser uilizada tanto para títulos como para exo debido a su gran variedad en térmi nos de estilos.

Con un impresionante número de ellos (91) Esta fuente fue elegida por su gran legibilidad y su gran uso para muchas ocasiones.

Tipografía

Acumin Variable Concept es una tipo grafía sans serif especializada en la capacidad de ser utilizada como texto corrido, lo cual es bastante importante al diseñar cuadros de texto especializa dos para la página de Valmaz.

Sin embargo sus usos no sólamente quedan ahi, como se propuso en la anterior página, Acumin también se usará para títulos, en específico las variaciones Black y Bold.

Acumin se utilizó por toda la página en general, como en las barras de arriba y en los textos, así como también en sus títulos que se encuentran arriba de ellos y explican todo acerca de los servicios que provee Valmaz.

Parece una tipografía completamente diferente, aunque sin embargo esto es porque se utilizaron más que nada las versiones Bold Condensed y Semicon densed.

Aparte de el uso de esta tipografía que es explícitamente sans serif, es elegante y fácil de digerir para el lector, es por eso que se utiliza tanto en esta pagina, ya que es oficial.

La elegancia y profesionalidad que posee esta tipografía es necesaria ya que el proyecto propuesto es el redise ño de la página de Valmaz. Es una em presa que no debe irradiar sentimientos de improfesionalidad.

Como se puede observar aquí, la tipografía no contiene serifas, es por eso que también se quiso utilizar para ese proyecto.

Colores

El primer color elegido es el negro, que le da una cierta elegancia a la página, este color es caracterizado por ser usado para empresas ya que es un color elegante, serio y combina bien con los demás colores establecidos en la página de Valmaz.

El siguiente color es este café que, com binado con el negro, llega a pasar como dorado. Este color es imprescindi ble puesto que de igual manera le agrega formalidad a la página. Es parte de la identidad de marca original de Valmaz.

También está el color verde azulado, que es parte integral de la identidad visual de la marca y era necesario ma nenerlo para poder ser fieles a esta. El logotipo y las letras de las pestañas de la página están en este color, le ayuda a mantener una imagen clara a la página.

Colores

El color que sigue es el gris claro, que se utiliza en conjunto con el negro para darle uniformidad a las letras de los textos ajenos al logotipo y a los títulos de la sección de la página en la que se va a trabajar. Este gris es fácil de distinguir en el blanco del fondo y no daña la vista al leer, así que por eso se eligió este color.

Luego sigue el color azul obscuro, que en general combina con los colores de la página, en especial es un color comple mentario de el verde azulado, es por eso que se eligió para realizar los íconos de la página en general. Es un color que ayuda a identificar los íconos mas facil mente.

Finalmente se encuentra el color blanco que recubre la mayoría de la página como fondo. Se decidió utilizar este color para darle espacio a los demás colores y para que esos fueran más fáciles de digerir en la página.

Tuve las siguientes metas:

Las metas que yo tuve para este proyecto fue mejorar en general el estilo en el que yo diseñaba y establecer una identidad visual básica para la empresa que fuera sencilla de comprender para aquellas personas que visitan la página en general.

Logré lo siguiente:

Mis logros en cuanto a el diseño de la página reflejan que las metas fueron cumplidas, sin embargo recae en las manos del director de la empresa el que este de una respuesta y se pueda implementar al final en la página objetivo de Valmaz.

Miedos:

Al final lo que se busca es que pueda ser lo más intuitivo para los clientes de la empresa y no sólamente para ellos, sino también para las personas como nosotros, que están haciendo prácticas.

Acciones:

Las acciones que seguí fueron el diseño de la página en general y de los íconos, así como el establecimiento de la paleta de colores y demás.

Proyecto: Estadía empresarial Estudiante: Eduardo Porcayo Nateras Fecha: 08/11/20 22

Bibliografía

¿Qué es una retícula en diseño gráfico? (s/f).

CEI: Escuela de Diseño y Marketing. Recuperado el 16 de noviembre de 2022, de https://cei.es/que-es-una-reticula-en-diseno-grafico/

Gonzalo. (2019, febrero 1). ¿Qué es el Flat Design? Agencia WAKA. https://www.somoswaka.com/blog/2019/02/flat-design/ (S/f-a). Rae.es. Recuperado el 16 de noviembre de 2022, de https://dle.rae.es/s%C3%ADmbolo (S/f-b). Rae.es. Recuperado el 16 de noviembre de 2022, de https://dle.rae.es/signo?m=form (S/f-c). Rae.es. Recuperado el 16 de noviembre de 2022, de https://dle.rae.es/icono (S/f-d). Rae.es. Recuperado el 16 de noviembre de 2022, de https://dle.rae.es/c%C3%B3digo?m=form

(S/f-e). Rae.es. Recuperado el 16 de noviembre de 2022, de https://dle.rae.es/%C3%ADndice?m=form (S/f-f). Rae.es. Recuperado el 16 de noviembre de 2022, de https://dle.rae.es/valor?m=form (S/f-g). Rae.es. Recuperado el 16 de noviembre de 2022, de https://dle.rae.es/arbitrariedad?m=form (S/f-h). Rae.es. Recuperado el 16 de noviembre de 2022, de https://dle.rae.es/significado?m=form (S/f-i). Rae.es. Recuperado el 16 de noviembre de 2022, de https://dle.rae.es/significante?m=form (S/f-j). Rae.es. Recuperado el 16 de noviembre de 2022, de https://dle.rae.es/lenguaje?m=form (S/f-k). Rae.es. Recuperado el 16 de noviembre de 2022, de https://dle.rae.es/habla?m=form (S/f-l). Rae.es. Recuperado el 16 de noviembre de 2022, de https://dle.rae.es/sintagma?m=form (S/f-m). Rae.es. Recuperado el 16 de noviembre de 2022, de https://dle.rae.es/paradigma?m=form

¿Qué pasó?

Lo que pasó en el proyecto fue que me encargaron hacerle algunas cosas diferentes como el rediseñar algunos íconos, en específico los de redes sociales y diseño web en general.

El asesor empresdario tomó acción conforme a lo que se observó durante la producción del proyecto, y pidió esos cambios para que fueran repre sentados correctamente en la página de la empresa.

No sucedió mucho después de eso, así que lo que se concluye es que el pro yecto fue correctamente asimilado por la empresa y será implementado para futuros proyectos.

¿Qué aprendí?

Lo que aprendí dentro de empresa más que nada fue a desarrollar habilidades de diseño y de edición de fotografías, me ayudó bastante a observar bien cómo se hacían todo tipo de diseños, desde lonas hasta posts de Facebook.

La información aprendida fué más práctica más que nada, aprendí a cambiar mis propios paradigmas en términos de los formatos de diseño y cosas como para impresión y para pantallas en general, que es CMYK y RGB.

Lo que más se hizo durante las prácti cas profesionales fueron posts de Face book, Instagram y bannerss, así que en esa área del diseño, el marketing, fue lo que aprendí en general.

Conclusiones

Dentro de la empresa me trataron de muy buena manera, en general se puede decir que el asesor empresarial fue muy bueno al darse cuenta que se trataba de una experiencia enriquece dora y de aprendizaje, así que el trato fue excelente.

El asesor empresarial se dió cuenta de mis necesidades como estudiante y como persona, reconoció mis limitacio nes y mis fortalezas y capitalizó en ellas correctamente.

Se dió cuenta que mis fortalezas son el diseño de posts para facebook e insta gram y eso se vió reflejado en el tipo de trabajo que me ofrecía, sin embargo también me ofrecía trabajos muy difíci les como la edición de fotos en formato CR3 o RAW.

Conforme a la hipótesis, esta fue par cialmente confirmada ya que mi asesor tomó en cuenta mi proyecto y me dijo que le cambiara ciertas cosas para que quedara conforme a la marca y a la imagen que quieren llegar a dar.

Sin embargo, al momento de la escritu ra de esta conclusión, no han imple mentado los cambios propuestos en su página web y es por eso que se puede considerar que mientras si lo tomaron en cuenta, no necesariamente signifi ca que lo implementarían correcta mente.

Debido a la distancia y el hecho de que sea un trabajo totalmente en línea hace que la experiencia, si mas bien ha sido placentera, no ayude a capturar la escencia de el trabajo de un diseñador gráfico.

En las observaciones y sugerencias que se le pueden hacer a la empresa es que contraten más personas en general para el control de las redes sociales de las empresas con las que trabajan, puesto que el diseño que se propone en cada una de las pro puestas y marcas es disparejo.

Se nota que están haciendo mucho trabajo de outsourcing y eso hace que el diseño sea menos consistente, lo que hace que muchas de las em presas no tengan una línea gráfica preestablecida y por eso no puedan posicionarse de una mejor manera en redes sociales.

Igualmente podría mejorar aún más la comunicación entre el empleador con sus empleados, ya que el pro yecto no ha sido implementado y se le preguntó varias veces el cómo lo veía, no obstante esto puede llegar a cambiar si es que desean utilizar los íconos propuestos.

Al final, se puede comprender que es una empresa satisfactoria pero con poca tolerancia para el cambio y los proyectos para mejorar su identidad.