DISEÑO E IMPLEMENTACIÓN DE UNA PAGINA WEB COMO HERRAMIENTA DE COMUNICACIÓN PARA DAR A CONOCER LOS BENEFICIOS QUE BRINDA LA EMPRESA DOCUMENTOS CENTRO DE IMPRESIONES DIGITALES

Texto completo

(1)CARRERA DE DISEÑO GRÁFICO. Diseño e implementación de una página web como herramienta de comunicación para dar a conocer los beneficios que brinda la empresa documentos centro de impresiones digitales.. Proyecto de trabajo de graduación que se presenta como requisito para optar por el título de Tecnólogo en Diseño Gráfico.. Autor: Bryan Eduardo Guachamín Guamán. Tutor: Jonathan Marcelo Vinueza Suárez.. Quito, 2018.

(2) 2.

(3) iii.

(4) iv.

(5) v AGRADECIMIENTO La realización de este proyecto es el resultado del esfuerzo no solo del autor, sino de la contribución de personas externas las cuales me brindaron el apoyo y la fuerza con la cual se sigue mejorando para ser una persona de bien.. Agradezco infinitamente a mis padres por darme la vida y el apoyo para formarme académicamente, logrando así esta meta planteada, a mis hermanos por guiarme y prestarme su compañía en los momentos más difíciles de mi vida.. Y a todas las demás personas que formaron parte de la elaboración y realización de este proyecto..

(6) vi DEDICATORIA Este presente proyecto lo dedico a mis padres los cuales me dieron el apoyo incondicional y motivación para seguir adelante, formándome en el hogar con valores para ser una persona de bien, siendo cada día mejor y seguir cumpliendo mis metas.. También a mis familiares los cuales forman parte de mi entorno con los que he contado en todo momento.. A mi tutor el cual en base a su experiencia y vastos conocimientos guiaron mi trabajo para la cristalización y culminación..

(7) vii. Contenido DECLARACIÓN DE AUTORÍA DEL ESTUDIANTE……………………………ii LICENCIA DE USO NO COMERCIAL……………………………...………….....iv AGRADECIMIENTO ................................................................................................. v DEDICATORIA ......................................................................................................... vi ÍNDICE DE TABLAS ............................................................................................... xii ÍNDICE DE FIGURAS ............................................................................................. xiii RESUMEN EJECUTIVO .......................................................................................... xv ABSTRACT .............................................................................................................. xvi INTRODUCCIÓN ................................................................................................... xvii CAPÍTULO I................................................................................................................ 1 1. Antecedentes ............................................................................................................ 1 1.01. Contexto .......................................................................................................... 1 1.01.01 Tipos de páginas web. ................................................................................. 5 1.01.01.02. Columnas. ............................................................................................. 5 1.01.01.03. Modular. ................................................................................................ 5 1.01.01.04. Jerárquica. ............................................................................................ 6 1.01.02. Comunicación Visual. ................................................................................ 6 1.02. Justificación..................................................................................................... 7 1.03. Definición del Problema Central (Matriz T) ................................................... 9 CAPÍTULO II ............................................................................................................ 10 2.. Análisis de Involucrados .................................................................................... 10 2.01. Mapeo de los Involucrados ........................................................................... 10 2.02. Matriz de Análisis de Involucración ............................................................. 11. CAPÍTULO III ........................................................................................................... 12 3.. Problemas y Objetivos ....................................................................................... 12 3.01. Árbol de Problemas ....................................................................................... 12 3.02. Árbol de Objetivos ........................................................................................ 13. CAPÍTULO IV ........................................................................................................... 14 4.. Análisis de Alternativas ..................................................................................... 14.

(8) viii 4.01. Matriz de Análisis de Alternativas e Identificación de Acciones ................. 14 4.01.01. Tamaño del Proyecto. .......................................................................... 15 4.01.02. Localización del Proyecto. ................................................................... 15 4.01.03. Análisis Ambiental. .............................................................................. 16 4.02.. Matriz de Análisis de Impacto de los Objetivos ...................................... 17. 4.03. Diagrama de Estrategias ................................................................................ 18 4.04. Construcción de la Matriz de Marco Lógico................................................. 19 4.04.01. Revisión de los Criterios para Indicadores. ......................................... 19 4.04.02. Selección de Indicadores. ..................................................................... 24 4.04.03. Medios de Verificación. ....................................................................... 28 4.04.04 Supuestos. ............................................................................................. 34 4.04.05. Matriz de Marco Lógico (MML). ........................................................ 39 CAPÍTULO V ............................................................................................................ 43 5. Propuesta ................................................................................................................ 43 5.01. Antecedentes de la Herramienta y Perfil de la Propuesta ............................. 43 5.01.01. Marco Teórico. ..................................................................................... 44 5.01.01.01. Multimedia. ..................................................................................... 44 5.01.01.02. Página Web. .................................................................................... 45 5.01.01.03. Lenguaje de Programación. ............................................................ 45 5.01.01.04. Teoría del color. .............................................................................. 45 5.01.01.05. Psicología del color. ....................................................................... 46 5.01.01.06. Estilos. ............................................................................................. 47 5.01.01.07. Tendencias. ..................................................................................... 48 5.01.01.07.01. Fotografías. ................................................................................ 48 5.01.01.07.02. Supremacía del scroll. ................................................................ 48 5.01.01.07.03. Flat Design. ................................................................................ 49 5.01.01.08. Retículas Web. ................................................................................. 49 5.01.01.09. Usabilidad. ...................................................................................... 50 5.01.01.09. Software y Hardware. ..................................................................... 50 5.01.01.09.01. Adobe Photoshop. ...................................................................... 51 5.01.01.09.02. Adobe Ilustrator. ........................................................................ 51 5.01.01.09.02. Adobe Muse. .............................................................................. 51 5.02. Descripción de la Herramienta ...................................................................... 52.

(9) ix 5.02.01. Metodología (Materiales y Métodos). .................................................. 52 5.02.02. Resultados. ........................................................................................... 53 5.02.03. Encuesta. .............................................................................................. 53 5.02.04. Modelo de encuesta. ............................................................................. 54 5.02.05. Tabulación de encuestas ....................................................................... 55 5.03. Formulación del Proceso de Aplicación ....................................................... 66 5.03.01. Concepción. .......................................................................................... 66 5.03.01.01 Propósito. ......................................................................................... 66 5.03.01.02. Usuario............................................................................................ 66 5.03.01.03. Herramientas. ................................................................................. 67 5.03.01.03.01 Software. ..................................................................................... 67 5.03.01.03.02 Hardware. .................................................................................... 67 5.03.02. Servicios. .............................................................................................. 67 5.03.03. Desarrollo. ............................................................................................ 68 5.03.03.01. Contenido. ....................................................................................... 68 5.03.03.01.01. Banner. ....................................................................................... 68 5.03.03.01.02. Menú. ......................................................................................... 68 5.03.03.01.03. Botón inicio. ............................................................................... 68 5.03.03.01.04. Botón nosotros. .......................................................................... 69 5.03.03.01.05. Botón productos. ........................................................................ 69 5.03.03.01.06. Contacto. .................................................................................... 69 5.03.03.01.07. Pie de página. ............................................................................. 69 5.03.03.01.08. Encabezado. ............................................................................... 69 5.03.03.01.03. Chat en línea. .............................................................................. 70 5.03.03.02. Mapa de contenido. ......................................................................... 70 5.03.04. Diseño de interfaz. ............................................................................... 70 5.03.04.01. Imagen corporativa. ........................................................................ 71 5.03.04.02. Botones del menú. ........................................................................... 72 5.03.04.03. Botón de regreso al inicio. .............................................................. 73 5.03.04.04. Botón Facebook. ............................................................................. 73 5.03.04.05. Botón Instagram. ............................................................................. 74 5.03.04.06. Botón Añadir a carrito. ................................................................... 74 5.03.04.07. Botón carrito de compras. .............................................................. 75 5.03.04.08. Retícula. .......................................................................................... 75 5.03.04.09. Retícula de los productos. ............................................................... 76.

(10) x 5.03.05. Producción. .......................................................................................... 77 5.03.05.01. Página inico. ................................................................................... 77 5.03.05.02. Nosotros. ......................................................................................... 78 5.03.05.03. Productos. ....................................................................................... 78 5.03.05.04. Contactos. ....................................................................................... 79 5.03.06. Programación. ...................................................................................... 80 5.03.06.01. Página web. ..................................................................................... 80 5.03.06.02. Código para carrito de compras. .................................................... 80 5.03.07. Pruebas. ................................................................................................ 81 5.03.07.01. Pruebas alpha. ................................................................................ 81 5.03.07.01.01. Página web. ................................................................................ 81 5.03.07.01.02. Página web Tablet. ..................................................................... 82 5.03.07.01.03. Página web dispositivos móviles. .............................................. 82 5.03.07.02. Pruebas beta. .................................................................................. 83 5.03.07.02.01. Página web ordenador. ............................................................... 83 5.03.07.02.02. Página web Tablet. ..................................................................... 84 5.03.07.02.03. Página web dispositivos móviles. .............................................. 84 5.03.08. Mantenimiento. .................................................................................... 85 5.03.09. Marketing y Difusión. .......................................................................... 85 5.03.09.01. Selección del canal de marketing. ................................................... 86 5.03.09.02. Determinar los objetivos y métricas a controlar. ........................... 86 5.03.09.03. Tácticas de marketing. .................................................................... 87 5.03.09.03.01. Fan page Documentos. ............................................................... 88 5.03.09.03.02. Instagram Documentos. ............................................................. 88 5.03.09.03.03. Roll Up. ...................................................................................... 89 CAPÍTULO VI ........................................................................................................... 90 6. Aspectos Administrativos ...................................................................................... 90 6.01. Recursos ........................................................................................................ 90 6.01.01. Técnicos – Tecnológico. ...................................................................... 90 6.01.02. Humano. ............................................................................................... 90 6.01.03. Económico............................................................................................ 91 6.02. Presupuesto ................................................................................................... 91 6.02.01. Presupuestos de producción. ................................................................ 91 6.02.02. Pautaje de medios................................................................................. 92.

(11) xi 6.02.02.01. Medios principales (Afiche). ........................................................... 92 6.02.02.02. Medios secundarios (Facebook). .................................................... 92 6.02.02.03. Medios auxiliares (Instagram). ....................................................... 92 6.02.02.04. Flow Chart. ..................................................................................... 93 6.02.03. Gastos Operativos. ............................................................................... 94 6.02.03. Aplicación del Proyecto. ...................................................................... 95 6.03. Cronograma ............................................................................................... 96 CAPÍTULO VII ......................................................................................................... 97 7. Conclusiones y Recomendaciones ......................................................................... 97 7.01. Conclusiones ................................................................................................. 97 7.02. Recomendaciones ...................................................................................... 98 Bibliografía .............................................................................................................. 100.

(12) xii ÍNDICE DE TABLAS Tabla 1: Análisis de las fuerzas T de la empresa “Documentos”, 2018 ...................... 9 Tabla 2: Análisis de involucrados de la empresa Documentos, 2018 ........................ 11 Tabla 3: Impacto de los objetivos de la Empresa "Documentos", 2018 .................... 17 Tabla 4: Revisión de los Criterios para Indicadores,2016 ......................................... 20 Tabla 5: Selección de indicadores .............................................................................. 24 Tabla 6: Medios de verificación ................................................................................. 28 Tabla 7: Supuestos ..................................................................................................... 34 Tabla 8: Matriz de Marco Lógico .............................................................................. 39 Tabla 9: Pregunta uno ................................................................................................ 55 Tabla 10: Pregunta dos ............................................................................................... 56 Tabla 11: Pregunta tres............................................................................................... 57 Tabla 12: Pregunta cuatro .......................................................................................... 58 Tabla 13: Pregunta cinco ............................................................................................ 59 Tabla 14: Pregunta seis .............................................................................................. 60 Tabla 15: Pregunta siete ............................................................................................. 61 Tabla 16: Pregunta ocho............................................................................................. 62 Tabla 17: Pregunta nueve ........................................................................................... 63 Tabla 18: Pregunta diez .............................................................................................. 64 Tabla 19: Pregunta once ............................................................................................. 65 Tabla 20: Foda............................................................................................................ 85 Tabla 21: Presupuestos de producción. ...................................................................... 91 Tabla 22: Medios principales (Afiche) ...................................................................... 92 Tabla 23: Medios secundarios (Facebook) ................................................................ 92 Tabla 24: Medios secundarios (Instagram) ................................................................ 92 Tabla 25: Flow Chart ................................................................................................. 93 Tabla 26: Gastos operativos ....................................................................................... 94.

(13) xiii ÍNDICE DE FIGURAS Figura 1: Mapa de involucrados de la Empresa Documentos, 2018 .......................... 10 Figura 2: Árbol de Problemas de la Empresa Documentos, 2018 ............................. 12 Figura 3: Árbol de objetivos de la empresa Documentos, 2018 ................................ 13 Figura 4: Matriz de análisis de alternativas e identificación de acciones. ................. 14 Figura 5: Localización del Proyecto .......................................................................... 15 Figura 6 :Diagrama de Estrategias de la Empresa "Documentos", 2018 ................... 18 Figura 7: Pregunta uno ............................................................................................... 55 Figura 8: Pregunta dos ............................................................................................... 56 Figura 9: Pregunta tres ............................................................................................... 57 Figura 10: Pregunta cuatro ......................................................................................... 58 Figura 11: Pregunta cinco .......................................................................................... 59 Figura 12: Pregunta seis ............................................................................................. 60 Figura 13: Pregunta siete ............................................................................................ 61 Figura 14: Pregunta ocho ........................................................................................... 62 Figura 15: Pregunta nueve ......................................................................................... 63 Figura 16: Pregunta uno ............................................................................................. 64 Figura 17: Pregunta once ........................................................................................... 65 Figura 18: Mapa de contenido web ............................................................................ 70 Figura 19: Imagotipo .................................................................................................. 71 Figura 20: Menú tipo cascada .................................................................................... 72 Figura 21: Botón de regreso al inicio ......................................................................... 73 Figura 22: Botón Facebook ....................................................................................... 73 Figura 23: Botón instagram....................................................................................... 74 Figura 24: Botón añadir a carrito .............................................................................. 74 Figura 25: Botón carrito de compras ......................................................................... 75 Figura 26: Retícula página web de 1200. px .............................................................. 75 Figura 27: Retícula página web de 1200 Productos. px ............................................. 76 Figura 28: Página de inicio ........................................................................................ 77 Figura 29: Página nosotros ......................................................................................... 78 Figura 30: Página productos ...................................................................................... 78 Figura 31: Página contactos ....................................................................................... 79 Figura 32: Código página web ................................................................................... 80.

(14) xiv Figura 33: Código carrito de compras ........................................................................ 80 Figura 34: Vista de página web de 1200. Px .............................................................. 81 Figura 35: Vista de página web de 850. Px ................................................................ 82 Figura 36: Vista de página web de 350. Px ................................................................ 82 Figura 37: Vista de página web ordenador ................................................................ 83 Figura 38: Vista de página web Tablet ...................................................................... 84 Figura 39: Vista de página web tablet ........................................................................ 84 Figura 40: Fan page .................................................................................................... 88 Figura 41: Instagram de la empresa ........................................................................... 88 Figura 42: Instagram de la empresa ........................................................................... 89.

(15) xv RESUMEN EJECUTIVO La empresa Documentos no contaba con una herramienta informática que facilite la información de los servicios y productos que tiene la empresa, ya que el cliente necesita una forma rápida y accesible para poder encontrarlos y así poder satisfacer sus necesidades.. El objetivo de esta tesis es analizar, desarrollar e implementar una plataforma web, que nos permita interactuar con el cliente y poder facilitar información de los servicios que brinda la empresa Documentos.. La utilidad del sistema es considerable, debido a que se mantiene un registro de todos los servicios, así como también los productos que ofrece la empresa, todo esto de forma ordenada e interactiva, de tal manera que en cualquier momento se pueda tener acceso a la información necesaria de dicha empresa.. Se investigó sobre las páginas web, que son y como están estructuradas, los tipos, tendencias, varias características, comunicación visual, como influencia el diseño, herramientas, programas e implementación de un portal web..

(16) xvi ABSTRACT The Company “Documentos” did not have a software to provide information about its products and services. The customer needs a technological platform that facilitates the Access to this information in order to meet their needs and wants.. The main objective of this thesis is to analyze, develop and implement a technological platform to allow interaction with the customer and thus, inform them about the services provided by the Company.. The utility of the system is considerably beneficious, given that it allows to keep tracks of the products and services provided by the company. Not to mention it helps the customer be up to date with the company´s advance. All of this, in an organized and interactive manner in order to have easy access to information at any moment.. Information it has been researched about; web pages, what are they and how are they structured. Additionally, all web page finds, trends, characteristics, design influence, visual communication, tools and use of web portals have been studied..

(17) xvii INTRODUCCIÓN La empresa documentos se encuentra ubicado en la Av. Amazonas nº 39 – 165 y Gaspar de Villarroel. Fundada hace 10 años, con el paso del tiempo se ve en la necesidad de buscar un medio informativo para tener un mejor alcance con los clientes y un servicio más accesible.. Dicha empresa presta sus servicios presencialmente, lo que ocasiona que los clientes pierdan el interés ya que necesitan un lugar que les facilite la información acerca de los productos y servicios que tiene la empresa. Además, los clientes al no conocer sobre los grandes beneficios que tiene la empresa, no cuenta con un lugar que sea accesible y se pueda obtener la información necesaria.. Debido a este inconveniente el propósito de la tesis es realizar una página web informativa que facilite al cliente revisar los productos y servicios logrando así automatizar este proceso, y a su vez brindar un vínculo de comunicación entre los clientes y la empresa, la página web se encuentra acoplada a las nuevas tendencias en el diseño..

(18) 1. CAPÍTULO I. 1. Antecedentes Los antecedentes nos ayudan a tener una referencia para analizar o hablar sobre un tema. En cuestión que influye en hechos posteriores y sirve para juzgarlos y entenderlos. Es de gran importancia en un proyecto por el cual podemos guiarnos. Ayuda a estabilizar el proyecto por medio de bases con argumentos sólidos.. 1.01. Contexto Una página web, o página electrónica, es un documento de información capaz de contener texto, sonido, vídeo, programas, enlaces y muchas otras cosas, adaptada para la llamada World Wide Web (WWW) y que puede ser accedida mediante un navegador web. Esta información se encuentra generalmente en formato HTML o XHTML, y puede proporcionar acceso a otras páginas web mediante enlaces de hipertexto. Frecuentemente también incluyen otros recursos como pueden ser hojas de estilo en cascada, guiones, imágenes digitales, entre otros. Pueden estar almacenadas en un equipo local o en un servidor web remoto. (wikipedia, 2015) La historia de la web abarca ya más de 25 años, en los que se han alternado períodos de intenso desarrollo con otros de estancamiento. Esta lección pretende comentar los acontecimientos más importantes sucedidos desde 1991, centrándose en las organizaciones que han guiado el desarrollo de la web, en las normas y recomendaciones publicadas y en los navegadores más importantes de cada época. Por lo general están compuestas principalmente por información de un tema factible (sólo. DISEÑO E IMPLEMENTACIÓN DE UNA PÁGINA WEB COMO HERRAMIENTA DE COMUNICACIÓN PARA DAR A CONOCER LOS BENEFICIOS QUE BRINDA LA EMPRESA DOCUMENTOS CENTRO DE IMPRESIONES DIGITALES..

(19) 2 texto y/o módulos multimedia) así como por hiperenlaces; además puede contener o asociar hoja de estilo, datos para especificar cómo debe visualizarse, y también aplicaciones para así permitir interacción con el usuario. Respecto a la estructura de las páginas web, algunos organismos, en especial el World Wide Web, suelen establecer directivas con la intención de normalizar el diseño, y para así facilitar y simplificar la visualización e interpretación del contenido. (Marco, 2017). A medida que ha evolucionado la tecnología, tanto los ordenadores como las redes de telecomunicaciones, se ha generado nuevas formas de desarrollar la web. La inclusión de imágenes fue la evolución más significativa, pero también debemos mencionar el video y la animación, o los espacios 3D, lo que aporta valores estilísticos, de diseño y de interactividad jamás imaginados antes. Una página web es en esencia una tarjeta de presentación digital, ya sea para empresas, organizaciones, o personas, así como una manera de comunicar ideas, pensamientos, conocimientos, informaciones o teorías. Así mismo, la nueva tendencia orienta a que las páginas web no sean sólo atractivas, sino también optimizadas, para los buscadores a través del código fuente. (creaciondepaginaweb, 2016). El primer servidor de páginas web de la historia se puso en marcha en diciembre de 1990 en el CERN (Ginebra, Suiza). El inventor de la web, el informático inglés Tim Berners-Lee, pretendía crear un sistema que permitiera a los investigadores del CERN compartir fácilmente la información. (Marco, 2017). “Según Marco Bartolomé En noviembre de 1993 se publicó la versión 1.0 de Mosaic, un navegador creado en la Universidad de Illinois por Marc Andreessen y que superaba a todos al permitir, por ejemplo, incluir imágenes en las páginas web.” (Marco, 2017). “En 1994 se permitió el acceso de particulares y empresas a Internet. La web se convirtió por excelencia en el servicio más empleado para ofrecer información, eclipsando a servicios competidores como Gopher o WAIS.” (Marco, 2017). “Según Marco Sintes el diseño web se ha desarrollado a medida que ha evolucionado el Internet. En 1992 sólo había alrededor de 50 sitios web.” (Marco, 2017). DISEÑO E IMPLEMENTACIÓN DE UNA PÁGINA WEB COMO HERRAMIENTA DE COMUNICACIÓN PARA DAR A CONOCER LOS BENEFICIOS QUE BRINDA LA EMPRESA DOCUMENTOS CENTRO DE IMPRESIONES DIGITALES..

(20) 3 Datos recientes estiman que hay alrededor de 2.000 millones de páginas colgadas y se espera que en los próximos años llegue a los 8.000 millones, excediendo el número de habitantes del planeta. Sin embargo, sólo una fracción de este número es visitado habitualmente por la mayoría de los usuarios (sólo alrededor de 15.000 sitios webs, el 0,4% del total). A partir de estos datos se puede entender la necesidad de concentrar los esfuerzos para atraer y mantener la atención de los usuarios. Junto con un desarrollo efectivo de la estructura web y del contenido, el diseño y el uso del color son la llave para atraer y ser identificado, formando vínculos en el subconsciente del usuario y generar esquemas para captar y fidelizar a nuevos visitantes. (Ingenioempresa, 2017). El diseño en las páginas web es un aspecto de gran importancia. La imagen transmitida por el diseño de una página web debe causar una impresión positiva en el visitante del sitio web y debe captar su atención, ofreciendo una imagen que genere confianza en dicho visitante. Los estudios demuestran que, al igual que cuando los usuarios se disponen a comprar un libro tienden a juzgarlo por su portada, los usuarios tienden a juzgar la credibilidad y la confianza que les ofrece una página web en base a aspectos como su diseño visual. El aspecto visual de una página web es otro aspecto más a tener en cuenta para ofrecer a los usuarios una imagen de seriedad y generar en ellos una sensación de confianza hacia el sitio web. (karakana, 2012). Mediante un buen diseño de páginas web, una empresa puede dirigirse, si así lo desea, a un sector muy concreto de la población, centrando su atención en su posible mercado o, por el contrario, abrir las posibilidades a todos los niveles educativos, culturales, geográficos, etc. El éxito depende en buena medida de un correcto estudio de las necesidades de la empresa y la demanda de los clientes, de esta forma será posible dar respuesta a las exigencias de los usuarios ampliando las opciones de convertirlos en consumidores. El impacto que tiene en lo usuarios es tanto, que, si no se logra visualizar bien o no es muy agradable, el usuario puede abandonar el sitio web y no regresar más. Aquí vemos reflejada la importancia del diseño en las páginas web. (Azuanet, 2012). Las páginas web estáticas están formadas por un conjunto de archivos compuestos por códigos HTML, que conforman el contenido de la página, imágenes, textos, videos, etc. Estos archivos se almacenan en un servidor desde se podrán acceder mediante un navegador. Para modificar estos archivos, es decir la página web, se deberán descargar a través de un cliente FTP y modificarlos con algún editor de. DISEÑO E IMPLEMENTACIÓN DE UNA PÁGINA WEB COMO HERRAMIENTA DE COMUNICACIÓN PARA DAR A CONOCER LOS BENEFICIOS QUE BRINDA LA EMPRESA DOCUMENTOS CENTRO DE IMPRESIONES DIGITALES..

(21) 4 HTML como podría ser Dreamweaver y volverlos a subir al servidor nuevamente. Este tipo de páginas están en desuso por la complejidad de realizar modificaciones en ellas. Una página web dinámica es aquella que reacciona según las acciones del usuario, no es un simple archivo HTML, sino que es interactiva. La información en estas páginas se almacena en base de datos desde donde se recupera la información necesaria según las peticiones del usuario. Esto proporciona un abanico muy amplio en cuanto a posibilidades de diseño, el usuario puede interactuar con el contenido y se pueden modificar sin necesitar de acceder directamente al servidor, a través de un gestor de contenido. Entre ellas podemos encontrar páginas en flash las cuales son animadas y generalmente se emplean con diseños muy coloridos. (okhosting, 2015). Los programas que se utilizan es de interés general, no exclusivos para programadores o desarrolladores. Entre los programas más representativos se encuentran: Mozilla, Xenu Link, Opera (Navegador), FileZilla (Cliente FTP), Open Office, Picasa2, Skype, PDFill, 7-Zip, etc. Algunos Programas que son útiles en el diseño de páginas Web en general. Entre esta categoría de programas se encuentran: Photoshop Elements 3.0, Flash, Dreamweaver, Corel Ventura 10, Photo Impact, Xara X1, Deep Paint 3D, Adobe Muse, Joomla, Adobe Photoshop. (Mosquera, 2015). En los programas para la edición de código HTML, Se aplica a los procesadores de texto y otros editores de texto con formato, como los editores de HTML que permiten escribir un documento viendo directamente el resultado final, frecuentemente el resultado impreso). Algunos ejemplos de estos programas son: Dreamweaver, Adobe GoLive, HTMLKit. Komposer, TsWebEditor, Edit plus, Coffee Cup free y Front page. Existen programas servidores de FTP que permiten alojar la página Web en un servidor. (okhosting, 2015). La retícula es una herramienta compositiva que tiene como finalidad ajustar la posición de los diferentes elementos que componen la página que estás diseñando. Gracias a su uso, dotarás a tus diseños de una estructura interna armónica y visualmente agradable. Sin embargo, el uso de la retícula tiene otra propiedad aún más importante que mejorar la estética. Es un medio de comunicación con el desarrollador que tendrá que ocuparse de programar la web que estás diseñando. (creativate, 2015). DISEÑO E IMPLEMENTACIÓN DE UNA PÁGINA WEB COMO HERRAMIENTA DE COMUNICACIÓN PARA DAR A CONOCER LOS BENEFICIOS QUE BRINDA LA EMPRESA DOCUMENTOS CENTRO DE IMPRESIONES DIGITALES..

(22) 5. Gracias a ella, el encargado de desarrollo web podrá plasmar una versión interactiva y navegable lo más fiel posible desde un punto de vista visual a la maqueta que has diseñado. Las retículas te ayudan a alcanzar una alineación eficaz y consistente con poco esfuerzo. "Dar alas" y confiar en tu intuición no funciona tan bien. Si se emplean adecuadamente, tus diseños tendrán un aspecto cuidado, organizado, claro y estructuralmente sólido.. 1.01.01 Tipos de páginas web. La más sencilla de todas, se usa para textos largos porque están contenidos en un bloque grande delimitado por un margen y tiene un espacio para los títulos y la numeración.. 1.01.01.02. Columnas. Es muy flexible y se pueden separar distintos tipos de información, es unas de las retículas más utilizadas en revistas y también en el diseño web, porque puede utilizarse varias columnas para texto amplio e imágenes grandes y también pequeñas. (Carlos, 2014). 1.01.01.03. Modular. Útil cuando es algo muy complejo, es parecida a la de columnas solo que las divide en filas creando así una matriz de celdas que se denominan módulos, en cada uno de ellos se puede colocar información o en varios agrupados. Son flexibles y precisos, pero en exceso puede crear confusión. (Carlos, 2014). DISEÑO E IMPLEMENTACIÓN DE UNA PÁGINA WEB COMO HERRAMIENTA DE COMUNICACIÓN PARA DAR A CONOCER LOS BENEFICIOS QUE BRINDA LA EMPRESA DOCUMENTOS CENTRO DE IMPRESIONES DIGITALES..

(23) 6 1.01.01.04. Jerárquica. Esta la he visto que la ocupan en gran medida en el diseño web, la información se organiza de forma intuitiva en proporción a los elementos y no en intervalos regulares y repetidos como sucede con las otras, es por eso que es muy variable. (Carlos, 2014). 1.01.02. Comunicación Visual. La comunicación visual se describe como la transmisión de ideas e información en formas que se pueden percibir total o parcialmente con la vista. Se suele presentar o expresar en imágenes bidimensionales, e incluye: carteles, tipografía, dibujo, diseño gráfico, ilustración, diseño industrial, publicidad, animación, color y recursos electrónicos. Contempla también la idea de que un texto cuando va acompañado de un mensaje visual tiene un mayor poder para informar o persuadir a una persona o audiencia. La misma ha ido evolucionando atreves del tiempo acogiendo a la imagen como parte de esta y ha migrado a diferentes plataformas digitales para adquirir nuevos beneficios y adquirirlos en el diseño web. (InboundCycle, 2014). DISEÑO E IMPLEMENTACIÓN DE UNA PÁGINA WEB COMO HERRAMIENTA DE COMUNICACIÓN PARA DAR A CONOCER LOS BENEFICIOS QUE BRINDA LA EMPRESA DOCUMENTOS CENTRO DE IMPRESIONES DIGITALES..

(24) 7 1.02. Justificación En el Ecuador existen varias Empresas que tienen un gran potencial creativo, presentan de una manera muy organizada sus diferentes diseños, las cuales se manifiestas con las diferentes artes que las realizan.. En el caso de la Empresa documentos, en donde la mayoría de los clientes no están informados sobre los servicios, existe una inadecuada cultura que no permite brindar una correcta información a los clientes, por lo cual la empresa puede verse afectada si no se da una solución factible. Pudiendo con el tiempo verse afectada en la economía de la empresa.. Se debe tomar en cuenta en informar los servicios de la empresa, se brindará nuevas tomas de decisiones que, a diferencia de dar un mal trato al cliente, se dará un buen servicio, y así tener una buena comunicación entre cliente y el empleado. No se debe olvidar que la información brindada genera una mayor acogida en los clientes, obteniendo nuevas fuentes de trabajo, creando micro, y pequeñas empresas, mejorando así de esta forma la calidad de vida de los habitantes. Si bien es cierto en la ciudad de quito existen varias empresas que prestan algunos servicios de diseño, cada uno de ellos, aunque tengan los mismos servicios, cada una tiene más peculiaridades, no siendo así la excepción de la empresa documentos tiene un valor agregado que las diferencia de otras. Haciéndola de esta una empresa única en la industria del diseño.. Es importante resaltar que, si bien se busca mejorar la comunicación de la empresa documentos, esto no implica que los clientes deban estar atados a la empresa, sino más bien se busca tener un vínculo emocional entre el cliente y la empresa, sobre todo informar de una manera correcta los servicios para brindar la información necesaria y de una manera acertada. Por lo que la realización de este proyecto reviste una importancia significativa, por tener como objetivo dar a conocer los servicios que brinda la empresa, para lo cual el diseño e implantación de una página web, ya que. DISEÑO E IMPLEMENTACIÓN DE UNA PÁGINA WEB COMO HERRAMIENTA DE COMUNICACIÓN PARA DAR A CONOCER LOS BENEFICIOS QUE BRINDA LA EMPRESA DOCUMENTOS CENTRO DE IMPRESIONES DIGITALES..

(25) 8 esta nos ayuda a tener una información precisa y accesible hacia el cliente donde se complementa con un botón cotizador, en el que se permitirá calcular el precio de cada producto seleccionado ayudando y fortaleciendo el vínculo informativo con el cliente, generando mayor acogida de los clientes en base a los recursos que dispone la página web.. Así mismo la creación de este proyecto parte con la necesidad de informar sobre los servicios que tiene la empresa hacia el cliente ya que es necesario tener un vínculo adecuado para generar apego mutuo tanto con el cliente y la empresa. Tomando en cuenta que estas acciones se ponen en marcha también con el plan nacional de desarrollo, que tiene por objetivo; impulsar la productividad y competitividad para el crecimiento económico sostenible de manera retribuida y solidaria, generando empleo de calidad y un desarrollo equilibrado, equitativo, y sostenible.. DISEÑO E IMPLEMENTACIÓN DE UNA PÁGINA WEB COMO HERRAMIENTA DE COMUNICACIÓN PARA DAR A CONOCER LOS BENEFICIOS QUE BRINDA LA EMPRESA DOCUMENTOS CENTRO DE IMPRESIONES DIGITALES..

(26) 9 1.03. Definición del Problema Central (Matriz T) En este análisis existen diferentes características que nos ayudaran a obtener la definición del problema su situación actual, situación empeorada y situación mejorada, ayudando así a obtener las fuerzas bloqueadoras y las fuerzas impulsadoras. Tabla 1: Análisis de las fuerzas T de la empresa “Documentos”, 2018 Análisis de las Fuerzas T. Situación empeorada. Situación actual. Situación mejorada. Desinterés en los productos de la. Escasa información de los. Clientes informados de los. empresa.. productos de la empresa. servicios y mejora en las ventas.. “Documentos” en los clientes. Fuerza impulsadora. Interacción de los clientes con los servicios de la empresa.. Gran acogida de la plataforma virtual con los clientes.. Tener mayores ingresos. I. PC. I. PC. 5. 5. 4. 5. 4. 5. 4. 5. Limitada gestión de relación del producto con el cliente. Inexistencia de plataformas virtuales que promociones productos de la empresa.. 5. 4. 4. 4. Tener información más accesible.. 5. 5. 5. 5. Ampliación del mercado. 3. 4. 5. 5. financieros y rentabilidad.. Fuerza bloqueadora. Bajos ingresos de productos en la empresa.. Inadecuado manejo de estrategias comunicacionales.. Limitados estudios de mercado.. En la tabla que antecede encontramos las siguientes nomenclaturas: I = Impacto y PC = Potencial de cambio. Que nos muestra el impacto actual y a donde va a cambiar una vez que hayamos ejecutado el proyecto.. Elaborado por: Bryan Guachamín.. DISEÑO E IMPLEMENTACIÓN DE UNA PÁGINA WEB COMO HERRAMIENTA DE COMUNICACIÓN PARA DAR A CONOCER LOS BENEFICIOS QUE BRINDA LA EMPRESA DOCUMENTOS CENTRO DE IMPRESIONES DIGITALES..

(27) 10. CAPÍTULO II. 2. Análisis de Involucrados En el análisis de involucrados identificamos los actores del proyecto, lo que incluye la investigación e interpretación de sus necesidades, expectativas e intereses. 2.01. Mapeo de los Involucrados Para realizar el mapeo de los involucrados debemos revisar si los objetivos de dichas instituciones son compatibles con nuestro producto o grupo objetivo. Investigador. Propietario. Diseño e implementación de una página web como herramienta de comunicación para dar a conocer los Distribuidores. beneficios que brinda la empresa Documentos Centro de Impresiones Digitales.. Empleados. Cliente. Figura 1: Mapa de involucrados de la Empresa Documentos, 2018 Elaborado por: Bryan Guachamín.. DISEÑO E IMPLEMENTACIÓN DE UNA PÁGINA WEB COMO HERRAMIENTA DE COMUNICACIÓN PARA DAR A CONOCER LOS BENEFICIOS QUE BRINDA LA EMPRESA DOCUMENTOS CENTRO DE IMPRESIONES DIGITALES..

(28) 11 2.02. Matriz de Análisis de Involucración En la matriz de análisis de involucrados damos a conocer e identificar las necesidades y capacidades de los interesados de un proyecto. Deben estar obligatoriamente relacionadas con la Matriz T, donde el interés sobre el problema viene a ser la fuerza bloqueadora, y la fuerza impulsadora viene a ser el interés sobre el proyecto. Tabla 2: Análisis de involucrados de la empresa Documentos, 2018. Actores. Interés sobre el. Problemas. involucrados. problema. percibidos. Recursos. Interés. mandatos y. sombre el. capacidades. proyecto. Investigador. Buscar una solución al problema. Falta de un recurso que facilite la información entre la empresa y el cliente. Propietario. Mejorar las ventas de la empresa. Bajas ventas en la empresa. Clientes. Tener mayor facilidad al obtener información de los productos.. Escasa información de los productos. Económicos. Empleados. Obtener mayores ingresos económicos. Bajos sueldos en los empleados. Recursos informativos Humanos. Proveedores. Generar mayor acogida en el mercado. Escasos pedidos de material en la empresa. Recursos informativos. Conflicto potencial. Recursos Tecnológicos Humanos De Investigación. Solucionar el problema que facilite la información. Desconocimie nto de la información de la empresa.. Recursos Administrativos Información. Mayores ingresos económicos. Desconfianza en el proyecto. Tener accesibilidad a los productos de la empresa Mejorar los sueldos en los empleados beneficiarios por la ventas Tener una ampliación en el mercado. Desinterés de los clientes en la página web. Desinterés del proyecto. Desconocimie nto del proyecto. En caso de hacer falta colocar una nota que complemente a la información de la tabla. No hay que poner lo mismo que dice la tabla.. Elaborado por: Bryan Guachamín.. DISEÑO E IMPLEMENTACIÓN DE UNA PÁGINA WEB COMO HERRAMIENTA DE COMUNICACIÓN PARA DAR A CONOCER LOS BENEFICIOS QUE BRINDA LA EMPRESA DOCUMENTOS CENTRO DE IMPRESIONES DIGITALES..

(29) 12. CAPÍTULO III. 3. Problemas y Objetivos En los problemas y objetivos logramos captar las dificultades y que vamos a ejercer para poder dar una solución a cada uno de ellos.. 3.01. Árbol de Problemas En el Árbol de Problemas nos permite definir de manera organizada el conjunto. Causas. Problema Central. Efectos. de problemáticas que vamos a transformar con el proyecto. Ausencia de relaciones comunicacionales internas y externas.. Incorrecta comunicación visual de la empresa hacia el cliente.. Inadecuado manejo del diseño en el desarrollo de piezas gráficas.. Inadecuado uso de los recursos tecnológicos.. Desconocimiento de los productos y promociones de la empresa.. Desinterés en los productos de la empresa.. Desinformación de los productos de venta de la empresa “DOCUMENTOS”. Incorrecta administración de los recursos tecnológicos y comunicacionales de la empresa.. Problemas de comunicación en los productos y beneficios que tiene la empresa.. Carencia de piezas gráficas de soporte a los medios publicitarios.. Personal no capacitado en el área diseño.. Escasas piezas gráficas comunicacionales.. Desconocimiento de los beneficios del diseño como soporte en piezas gráficas.. Figura 2: Árbol de Problemas de la Empresa Documentos, 2018 Elaborado por: Bryan Guachamín. DISEÑO E IMPLEMENTACIÓN DE UNA PÁGINA WEB COMO HERRAMIENTA DE COMUNICACIÓN PARA DAR A CONOCER LOS BENEFICIOS QUE BRINDA LA EMPRESA DOCUMENTOS CENTRO DE IMPRESIONES DIGITALES..

(30) 13 3.02. Árbol de Objetivos En el árbol de objetivos definiremos criterios de evaluación de las distintas soluciones a un problema. Basándonos a partir de la formulación de los problemas. En. Propósito. Fines. los objetivos del Árbol de Problemas se los transformara a acciones positivas. Mejorar las relaciones comunicacionales internas y externas de la empresa.. Mejorar la comunicación visual entre cliente y empresa.. Mejorar la calidad del diseño en el desarrollo de piezas gráficas.. Optimizar los recursos tecnológicos y comunicacionales.. Conocer sobre los productos y diferentes promociones que ofrece la empresa.. Fortalecer la comunicación visual de las piezas gráficas.. Informar a los clientes sobre los productos de venta de la empresa “DOCUMENTOS”. Medios. Gestionar con las autoridades de la empresa la administración de los recursos tecnológicos y comunicacionales.. Orientar al personal en el área de diseño.. Realizar una página web para difundir los productos y beneficios que brinda la empresa.. Diseñar piezas gráficas comunicacionales actualizadas y acorde a la necesidad de la empresa.. Diseñar piezas gráficas de soporte a los medios publicitarios.. Brindar asesoramiento en el diseño de piezas gráficas.. Figura 3: Árbol de objetivos de la empresa Documentos, 2018 Elaborado por: Bryan Guachamín.. DISEÑO E IMPLEMENTACIÓN DE UNA PÁGINA WEB COMO HERRAMIENTA DE COMUNICACIÓN PARA DAR A CONOCER LOS BENEFICIOS QUE BRINDA LA EMPRESA DOCUMENTOS CENTRO DE IMPRESIONES DIGITALES..

(31) 14. CAPÍTULO IV. 4. Análisis de Alternativas En el análisis de alternativas identificamos los medios que representan estrategias. 4.01. Matriz de Análisis de Alternativas e Identificación de Acciones En la matriz de análisis lograremos alcanzar los objetivos del presente proyecto.. Medios. Informar a los clientes sobre los productos de venta de la empresa “DOCUMENTOS”. Gestionar con las autoridades de la empresa la administración de los recursos tecnológicos y comunicacionales.. Orientar al personal en el área de diseño.. Realizar una página web para difundir los productos y beneficios que brinda la empresa.. Diseñar piezas gráficas de soporte a los medios publicitarios.. Diseñar piezas gráficas comunicacionales actualizadas y acorde a la necesidad de la empresa.. Brindar asesoramiento en el diseño de piezas gráficas.. Actividades. - Recoger información a - Hablar con las autoridades para la administración de los recursos tecnológicos. - Organizar de una manera adecuada los recursos tecnológicos y comunicacionales de la empresa. - Elaborar un manual corporativo de la empresa. - Indicar al personal al uso adecuado de los recursos de diseño.. - Investigar información necesaria sobre los productos y beneficios que brinda la empresa.. incluir en los diseños de. - Realizar el rediseño de logotipo.. - Crear línea gráfica.. - Tomar fotografías para integrarlas en las diferentes artes.. - Crear artes para Fan. piezas gráficas.. page. - Maquetar el diseño de la página web. - Diseñar artes comunicacionales para añadirlas en la página web. - Realizar el diseño de la página web.. - Desarrollar un roll up informativo. - Realizar flyers. -Diseñar Afiches.. Figura 4: Matriz de análisis de alternativas e identificación de acciones. Elaborado por: Bryan Guachamín.. DISEÑO E IMPLEMENTACIÓN DE UNA PÁGINA WEB COMO HERRAMIENTA DE COMUNICACIÓN PARA DAR A CONOCER LOS BENEFICIOS QUE BRINDA LA EMPRESA DOCUMENTOS CENTRO DE IMPRESIONES DIGITALES..

(32) 15 4.01.01. Tamaño del Proyecto.. El presente proyecto tiene el propósito de generar un vínculo de comunicación con los clientes, para generar una gran acogida en el mercado y esto se verá reflejado en los ingresos económicos de la empresa a través de la creación y diseño de la página web de la empresa.. La página web busca llegar hacia un segmento enfocado y conformado por personas de edades correspondientes de 18 a 50 años, con un nivel socioeconómico medio alto. Por lo que se presenta un diseño amigable hacia el cliente y así generar una gran acogida en el mercado, tratando de mejorar la imagen de manera que se posicione la empresa en la mente del consumidor.. 4.01.02. Localización del Proyecto.. La empresa Documentos estará situada en la región sierra al norte del país, en la provincia de Pichincha, en la ciudad de Quito, en la Av. Amazonas Nº 39-165 y Gaspar de Villarroel donde brinda sus diferentes servicios a sus clientes.. Figura 5: Localización del Proyecto Fuente: Google maps. DISEÑO E IMPLEMENTACIÓN DE UNA PÁGINA WEB COMO HERRAMIENTA DE COMUNICACIÓN PARA DAR A CONOCER LOS BENEFICIOS QUE BRINDA LA EMPRESA DOCUMENTOS CENTRO DE IMPRESIONES DIGITALES..

(33) 16 4.01.03. Análisis Ambiental.. El Ecuador manifiesta la importancia del cuidado del medio ambiente, por lo cual en la Constitución de La Republica manifiesta el siguiente: “Art. 14 Se reconoce el derecho de la población a vivir en un ambiente sano y ecológicamente equilibrado, que garantice la sostenibilidad y el buen vivir, Sumak Kawsay.” Constitución de La Republica, Art. 14 pág. 24, 2017.. El propósito de la evaluación ambiental es asegurar, al planificador, que las opciones de desarrollo bajo consideración sean ambientalmente adecuadas y sustentables, y que toda consecuencia ambiental sea reconocida pronto en el ciclo del proyecto y tomada en cuenta para el diseño del mismo.. 4.01.03.01. Impacto Positivo.. Las páginas web implican participación y comunicación bidireccional. Los ciudadanos pueden seguir de forma más directa a personalidades públicas, empresas o instituciones influyentes y reclamarles que hagan más a favor del medio ambiente, informarles de una acción que cause impacto ambiental, sugerirles ideas "verdes" para mejorar su organización, etc. Hay incluso páginas web concretas que recaban firmas para enviárselas a los responsables de una acción que sus impulsores consideran negativa, al utilizar las mismas apoyamos al medio ambiente reduciendo el uso de material impreso.. 4.01.03.02. Impacto Negativo.. Usar internet y ser parte de esta también genera contaminación y es que las tecnologías de la información (TIC) son responsables del 2% de las emisiones de gases contaminantes que contribuyen al efecto invernadero. Al abrir una página web supone. DISEÑO E IMPLEMENTACIÓN DE UNA PÁGINA WEB COMO HERRAMIENTA DE COMUNICACIÓN PARA DAR A CONOCER LOS BENEFICIOS QUE BRINDA LA EMPRESA DOCUMENTOS CENTRO DE IMPRESIONES DIGITALES..

(34) 17 la emisión de 20 miligramos de dióxido de carbono (CO2), el principal gas de efecto invernadero (GEI) implicado en el cambio climático 4.02. Matriz de Análisis de Impacto de los Objetivos. En la matriz de análisis de impacto de los objetivos veremos la factibilidad que tienen los mismo en el siguiente proyecto. Tabla 3: Impacto de los objetivos de la Empresa "Documentos", 2018 Objetivos. I. sobre. Factibilidad. Factibilidad. Factibilidad. Factibilidad. el. Técnica. Financiera. Social. Política. Total. Categoría. Propósito Gestionar con las autoridades de la empresa la administración de los recursos tecnológicos y comunicacionales Realizar una página web para difundir los productos y beneficios que brinda la empresa. Diseñar piezas gráficas de soporte a los medios publicitarios. Orientar al personal en el área de diseño. Diseñar piezas gráficas comunicacionales actualizadas y acorde a la necesidad de la empresa. Brindar asesoramiento en el diseño de piezas gráficas.. 5. 4. 5. 4. 3. 21. Alta. 5. 5. 5. 5. 3. 23. Alta. 5. 4. 4. 5. 3. 21. Alta. 5. 5. 4. 5. 2. 21. Alta. 5. 5. 5. 4. 3. 22. Alta. 5. 4. 5. 4. 3. 21. Alta. Alta= 21-25 Media= 16-20 Baja= 15-0. Elaborado por: Bryan Guachamín.. DISEÑO E IMPLEMENTACIÓN DE UNA PÁGINA WEB COMO HERRAMIENTA DE COMUNICACIÓN PARA DAR A CONOCER LOS BENEFICIOS QUE BRINDA LA EMPRESA DOCUMENTOS CENTRO DE IMPRESIONES DIGITALES..

(35) 18 4.03. Diagrama de Estrategias. Fines. Colocamos lo que teníamos en el Análisis de Alternativas. (F.1.). Mejorar las relaciones comunicacionales internas y externas de la empresa.. Componentes. Propósito. (F.4.). Optimizar los recursos tecnológicos y comunicacionales.. (F.3.). Mejorar la calidad del diseño en el desarrollo de piezas gráficas.. (F.5.). Conocer sobre los productos y diferentes promociones que ofrece la empresa.. (F.6.). Fortalecer la comunicación visual de las piezas gráficas.. (P.). Informar a los clientes sobre los productos de venta de la empresa “DOCUMENTOS”. (C.1.). Gestionar con las autoridades de la empresa la administración de los recursos tecnológicos y comunicacionales de la empresa.. (C.2.). Realizar una página web para difundir los productos y beneficios que brinda la empresa.. (C.4.). Orientar al personal en el. (C.5.). Diseñar piezas gráficas comunicacionales actualizadas y acorde a la necesidad de la empresa.. área de diseño.. Acciones. (F.2.). Mejorar la comunicación visual entre cliente y empresa.. (A.1.). Hablar con las autoridades para la administración de los recursos tecnológicos. (A.1.1.). Organizar de una manera adecuada los recursos tecnológicos y comunicacionales de la empresa. (A.1.2.) Elaborar un manual corporativo de la empresa. (A.1.3.). Indicar al personal al uso adecuado de los recursos de diseño.. (C.3.). Diseñar piezas gráficas de soporte a los medios publicitarios.. (C.6.). Brindar asesoramiento en el diseño de piezas gráficas.. (A.2.). Investigar información necesaria sobre los productos y beneficios que brinda la empresa.. (A.3.). Recoger información a incluir en los diseños de piezas gráficas.. (A.2.1.). Realizar el rediseño de logotipo.. (A.3.1.). Crear línea gráfica.. (A.2.2.) Tomar fotografías para integrarlas en las diferentes artes. (A.2.3.). Maquetar el diseño de la página web.. (A.3.2.). Crear artes para Fan page. (A.3.3.). Desarrollar un banner informativo. (A.3.4.). Realizar flyer.. (A.2.4.). Diseñar artes comunicacionales para añadirlas en la página web.. (A.3.5.). Diseñar Afiches.. (A.2.5.). Realizar el diseño de la página web.. Figura 6 :Diagrama de Estrategias de la Empresa "Documentos", 2018 Elaborado por: Bryan Guachamín.. DISEÑO E IMPLEMENTACIÓN DE UNA PÁGINA WEB COMO HERRAMIENTA DE COMUNICACIÓN PARA DAR A CONOCER LOS BENEFICIOS QUE BRINDA LA EMPRESA DOCUMENTOS CENTRO DE IMPRESIONES DIGITALES..

(36) 19 4.04. Construcción de la Matriz de Marco Lógico. Marco lógico es una metodología para la planificación, diseño, ejecución y evaluación.. 4.04.01. Revisión de los Criterios para Indicadores.. La revisión de los criterios para indicadores definimos las metas específicas que puede facilitar o estimar la medida que cumplen los objetivos los cuales son calidad, cantidad, tiempo y lugar lo cual nos permite analizar la eficiencia de los resultados requeridos del proyecto, con esto los indicadores tiene una relación entre dos o más variables. (-Yugsi, 2017). “Indicador es la especificación cualitativa o cuantitativa que se utiliza para medir si se alcanzó un objetivo. Estas especificaciones han sido aceptadas colectivamente por los involucrados como adecuadas para medir el logro de los objetivos” (Ingenioempresa, 2017). Los criterios de revisión nos ayudan a: Regular el proceso de revisión, registro y actualización del proyecto, el cual está dirigido para facilitar el análisis del Marco Lógico permitiendo este medir evolución del proyecto en todo momento el cual se lo demuestra en la “tabla 4: Revisión de los criterios para indicadores”. (-Yugsi, 2017). DISEÑO E IMPLEMENTACIÓN DE UNA PÁGINA WEB COMO HERRAMIENTA DE COMUNICACIÓN PARA DAR A CONOCER LOS BENEFICIOS QUE BRINDA LA EMPRESA DOCUMENTOS CENTRO DE IMPRESIONES DIGITALES..

(37) 20 Tabla 4: Revisión de los Criterios para Indicadores,2016 Indicador. Nivel. Resumen Narrativo. META Cantidad.. Calidad.. Tiempo. Lug.. Grupo Social. Vías abiertas en (F.1.). Mejorar las. un 60 % en la. relaciones. comunicación. comunicacionales. empresarial. internas y externas de. interna y externa. la empresa.. de la empresa.. (F.2.). Mejorar la. Imagen. comunicación visual. Comunicacional. entre cliente y. de la empresa a un. empresa.. 100%. (F.3.). Mejorar la calidad del diseño en el desarrollo de piezas gráficas.. 300. Buena. Quito. Medio alto. 500. Excelente. 150. Excelente. 75. Excelente. 20. Excelente. 1 Mes. Quito. 475. Excelente. 1 Mes. Quito. 475. Excelente. 1 Mes. Quito. Calidad del diseño de un 10% a un. 1 Mes. 100%. 1 Mes. 1 Semana. Quito. Quito. Medio alto. Medio alto. Fines. Administración (F.4.). Optimizar los recursos tecnológicos y comunicacionales.. optima de los recursos tecnológicos y. 1 Semana. Quito. Medio alto. comunicacionales a un 70 %. (F.5.). Conocer sobre los productos y diferentes promociones que ofrece la empresa. (F.6.). Fortalecer la comunicación visual. Propósito. de las piezas gráficas.. Mostrar el 60% de los productos y promociones de la. Medio alto. empresa Vinculo de comunicación visual en piezas. Medio alto. gráficas a un 90%. (P.1.). Informar a los. Clientes. clientes sobre los. informados sobre. productos de venta de. los productos de. la empresa. venta de la. “DOCUMENTOS”. empresa a un 90%. DISEÑO E IMPLEMENTACIÓN DE UNA PÁGINA WEB COMO HERRAMIENTA DE COMUNICACIÓN PARA DAR A CONOCER LOS BENEFICIOS QUE BRINDA LA EMPRESA DOCUMENTOS CENTRO DE IMPRESIONES DIGITALES.. Medio alto.

(38) 21 (C.1.). Gestionar con las autoridades de la empresa la administración de los recursos tecnológicos y comunicacionales de la empresa.. Administración de los recursos tecnológicos y comunicacionales. 75. Excelente. 1 Mes. Quito. 1. Excelente. 1 Mes. Quito. 3. Excelente. 4. Excelente. 3. Excelente. 4. Excelente. 130. Excelente. Medio alto. de la empresa a un 70% Página web que. (C.2.). Realizar una. difunde los. página web para. productos,. difundir los productos. promociones y. y beneficios que. beneficios de la. brinda la empresa.. empresa a un. Medio alto. 100%. Componentes. (C.3.). Diseñar piezas gráficas de soporte a. Piezas gráficas a. los medios. un 100%. 1 Semana. Quito. Medio alto. publicitarios. (C.4.). Orientar al. Personal. personal en el área de. orientado en un. diseño.. 80%. 1 semana. Quito. Medio alto. (C.5.). Diseñar piezas gráficas comunicacionales actualizadas y acorde a la necesidad de la. Piezas gráficas comunicacionales a un 100%. 1 semana. Quito. Medio alto. Actividades. empresa.. (C.6.). Brindar. Conocimiento en. asesoramiento en el. el desarrollo de. diseño de piezas. piezas gráficas a. gráficas.. un 100%. (A.1.). Hablar con las autoridades para la administración de los recursos tecnológicos.. 1 Semana. Quito. Medio alto. Mejora del 90% en la administración de. 1 Mes. Quito. los recursos tecnológicos.. DISEÑO E IMPLEMENTACIÓN DE UNA PÁGINA WEB COMO HERRAMIENTA DE COMUNICACIÓN PARA DAR A CONOCER LOS BENEFICIOS QUE BRINDA LA EMPRESA DOCUMENTOS CENTRO DE IMPRESIONES DIGITALES.. Medio alto.

(39) 22 (A.1.1.). Organizar de una manera adecuada los recursos tecnológicos y comunicacionales de la empresa.. Recursos tecnológicos y comunicacionales. 130. Excelente. 1 Mes. Quito. 1. Excelente. 1 Mes. Quito. 3. Excelente. 1 Mes. Quito. 75. Excelente. 1. Excelente. 10. Excelente. organizados en un. Medio alto. 80%. (A.1.2.). Elaborar un. Manual. manual corporativo de. corporativo a un. la empresa.. 100%. Medio alto. (A.1.3.). Indicar al personal al uso. Conocimiento del. adecuado de los. diseño a un 90%. Medio alto. recursos de diseño. (A.2.). Investigar. Información sobre. información necesaria. los productos y. sobre los productos y. beneficios que. beneficios que brinda. brinda la empresa. la empresa.. a un 80%. (A.2.1.). Realizar el. Logotipo a un. rediseño de logotipo.. 100%. (A.2.2.) Tomar fotografías para integrarlas en las diferentes artes.. Fotografías de la empresa a un 100%. (A.2.3.). Maquetar el. Maqueta de la. diseño de la página. página web a un. web.. 100%. (A.2.4.). Diseñar artes comunicacionales para añadirlas en la página web.. (A.2.5.). Realizar el diseño de la página web.. 1 Semana. 1 semana. 1 semana. Quito. Quito. Quito. 2 1. Excelente. Semana. Quito. s. Medio alto. Medio alto. Medio alto. Medio alto. artes comunicacionales para añadirlas en. 1. Excelente. 1. Excelente. la página web a. 1 Semana. Quito. Medio alto. un 100%. Página web a un 100%.. 1 Mes. Quito. DISEÑO E IMPLEMENTACIÓN DE UNA PÁGINA WEB COMO HERRAMIENTA DE COMUNICACIÓN PARA DAR A CONOCER LOS BENEFICIOS QUE BRINDA LA EMPRESA DOCUMENTOS CENTRO DE IMPRESIONES DIGITALES.. Medio alto.

(40) 23 (A.3.). Recoger información a incluir en los diseños de piezas gráficas.. Información a incluir en los diseños de piezas. 1. Excelente. 2. Excelente. 1. Excelente. 1. Excelente. 1. Excelente. 1 Día. Quito. Medio alto. 100% Línea gráfica a un. gráfica.. 100%. (A.3.2.). Crear artes. Artes para Fan. para Fan page.. page a un 100%. (A.3.3.). Desarrollar. Banner. un banner. informativo a un. informativo.. 100%. flyer.. Excelente. gráficas a un. (A.3.1.). Crear línea. (A.3.4.). Realizar. 3. Flyer a un 100%. (A.3.5.). Diseñar. Afiches a un. Afiches.. 100%. 1 Semana 1 Semana 1 Semana 1 Semana 1 Semana. Quito. Quito. Quito. Quito. Quito. Elaborado por: Bryan Guachamín.. DISEÑO E IMPLEMENTACIÓN DE UNA PÁGINA WEB COMO HERRAMIENTA DE COMUNICACIÓN PARA DAR A CONOCER LOS BENEFICIOS QUE BRINDA LA EMPRESA DOCUMENTOS CENTRO DE IMPRESIONES DIGITALES.. Medio alto Medio alto Medio alto Medio alto Medio alto.

(41) 24 4.04.02. Selección de Indicadores. Tabla 5: Selección de indicadores. Clasificadores de Nivel. Resumen Narrativo. (F.1.). Mejorar las relaciones comunicacionales internas y externas de la empresa.. (F.2.). Mejorar la comunicación visual entre cliente y empresa. (F.3.). Mejorar la calidad. Finalidades. del diseño en el desarrollo de piezas gráficas.. Indicadores. Indicadores. Puntaje. Selección. A B. C. D. E. X X. x. X. X. 5. Alto. x. x. x. x. x. 5. Alto. x. x. x. x. x. 5. Alto. x. x. x. x. x. 5. Alto. x. x. x. x. x. 5. Alto. x. x. x. x. x. 5. Alto. x. x. x. x. x. 5. Alto. Vías abiertas en un 60% en la comunicación empresarial interna y externa de la empresa. Imagen Comunicacional de la empresa a un 100% Calidad del diseño de un 10% a un 100% Administración. (F.4.). Optimizar los recursos tecnológicos y comunicacionales.. optima de los recursos tecnológicos y comunicacionales a un 70 %. (F.5.). Conocer sobre los. Mostrar el 60% de. productos y diferentes. los productos y. promociones que ofrece. promociones de la. la empresa.. empresa. (F.6.). Fortalecer la comunicación visual de las piezas gráficas.. Propósito. (P.1.). Informar a los clientes sobre los productos de venta de la empresa “DOCUMENTOS”. Vinculo de comunicación visual en piezas gráficas a un 90% Clientes informados sobre los productos de venta de la empresa a un 90%. DISEÑO E IMPLEMENTACIÓN DE UNA PÁGINA WEB COMO HERRAMIENTA DE COMUNICACIÓN PARA DAR A CONOCER LOS BENEFICIOS QUE BRINDA LA EMPRESA DOCUMENTOS CENTRO DE IMPRESIONES DIGITALES..

(42) 25 Clasificadores de Nivel. Resumen Narrativo. (C.1.). Gestionar con las autoridades de la empresa la administración de los recursos tecnológicos y comunicacionales de la empresa. (C.2.). Realizar una página web para difundir los productos y beneficios que brinda la. Componentes. empresa. (C.3.). Diseñar piezas gráficas de soporte a los medios publicitarios. (C.4.). Orientar al personal en el área de diseño.. Indicadores. Indicadores. Puntaje. Selección. A B. C. D. E. x. x. x. x. x. 5. Alto. x. x. x. x. x. 5. Medio. x. x. x. x. x. 5. Alto. x. x. x. x. x. 5. Alto. x. x. x. x. x. 5. Alto. x. x. x. x. x. 5. Alto. x. x. x. x. x. 5. Alto. x. x. x. x. x. 5. Alto. Administración de los recursos tecnológicos y comunicacionales de la empresa a un 70% Página web que difunde los productos, promociones y beneficios de la empresa a un 100% Piezas gráficas realizadas. Personal orientado en un 80%. (C.5.). Diseñar piezas gráficas. Piezas gráficas. comunicacionales. comunicacionales a. actualizadas y acorde a la. un 100%. Actividades. necesidad de la empresa. (C.6.). Brindar ayuda en. Conocimiento en el. el diseño de las piezas. desarrollo de piezas. gráficas.. gráficas a un 100%. (A.1.). Hablar con las. Mejora del 90% en. autoridades para la. la administración de. administración de los. los recursos. recursos tecnológicos.. tecnológicos.. (A.1.1.). Organizar de. Recursos. una manera adecuada los. tecnológicos y. recursos tecnológicos y. comunicacionales. comunicacionales de la. organizados en un. empresa.. 80%. DISEÑO E IMPLEMENTACIÓN DE UNA PÁGINA WEB COMO HERRAMIENTA DE COMUNICACIÓN PARA DAR A CONOCER LOS BENEFICIOS QUE BRINDA LA EMPRESA DOCUMENTOS CENTRO DE IMPRESIONES DIGITALES..