PROGRAMA EDUCATIVO EN DESARROLLO DE NEGOCIOS DISEÑO WEB GASCA RODRIGUEZ EMMANUEL MEMORIA DE ESTADÍA PARA OBTENER EL TÍTULO DE: TÉCNICO SUPERIOR UNIVERSITARIO EN DESARROLLO DE NEGOCIOS PROGRAMA EDUCATIVO EN DESARROLLO DE BEGOCIOS DISEÑO WED EMMANUEL GASCA RODRIGUEZ TECNICO SUPERIOR UNIVERSITARIO EN DESARROLLO DE NEGOCIOS COORDINACIÓN GENERAL DE UNIVERSIDADES TECNOLÓGICAS UNIVERSIDAD TECNOLÓGICA DE TEHUACÁN DISEÑO WEB EMMANUEL GASCA RODRIGUEZ TESINA PRESENTADA COMO REQUISITO PARCIAL PARA OBTENER EL GRADO DE: TÉCNICO SUPERIOR UNIVERSITARIO DESARROLLO DE NEGOCIOS ÁREA MERCADOTECNIA TEHUACÁN, PUEBLA. AGOSTO 2020 Diseño web para la agencia TecSan Tesina realizada por Emmanuel Gasca Rodríguez bajo la dirección del comité asesor indicado, aprobada por el mismo y aceptada como requisito parcial para obtener el grado de: TECNICO SUPERIOR UNIVERSITARIO EN DESARROLLO DE NEGOCIOS ÁREA MERCADOTECNIA DIRECTOR INTERNO: ___________________________________ MTRO. ISMAEL FLORES OLIVERA ASESOR EXTERNO: IGNACIO TECUA SÁNCHEZ RESPONSABLE DEL PROGRAMA EDUCATIVO: ___________________________________ MTRA. SAGRARIO JUÁREZ PÉREZ Sello de carrera Tehuacán, Puebla, Agosto 2019 AGRADECIMIENTOS Agradezco inmensamente a mis padres que sin ellos no podría haber llegado a esta gran escuela y obvio a esta gran carrera. Su gran honestidad, su confianza, su amabilidad y las facilidades para un estudiante de universidad el poder estudiar en un lugar cómodo y de calidad. Agradezco a ms profesores que me ayudaron a mi formación académica y me guiaron a ser un mejor estudiante y una mejor persona. Agradezco a mis compañeros y amigos que me hacen compañía en esta travesía que es esta carrera. Agradezco a mi novia que me apoya, que me cuida y me hace caer en razón cuando sea necesario y por eso lo agradezco.. Resumen RESUMEN En el presente proyecto de investigación se diseñó una propuesta de página web para la agencia TecSan ya que al empezar con sus actividades requiere de esta para tener una presencia en la red. El problema formulado dentro de la agencia es que apenas a incursionado en el mercado por la tanto no ha desarrollado de manera eficiente el uso y presencia dentro de la web. Se tomo en cuenta como fuente de información el diccionario de Marketing que cita que una pagina web es un documento en la red por el cual a través de hipervínculos se puede navegar dentro del sitio, proporcionando una información general de un tema en específico. El nivel de investigación fue exploratorio con un método de observación no experimental sin intervenir en las decisiones de los cibernautas. Con todo lo recabado se realizó una página web en un host llamado Wix.com con la finalidad de generar presencia en internet. Además de generar un contenido, multimedia tipo podcast el cual es uno de los contenidos que más son consumidos en la red En conclusión, es relevante tener un branding bien definido que ayuden a la presencia dentro de la mente del consumidor lo cual ayuda a generar fidelización y recomendación dentro la comunidad de Tehuacán. Abstract ABSTRACT In the present research project, a website proposal was designed for the TecSan agency since it is required to have a presence on the Internet when starting its activities. The problem formulated within the agency is that it has barely entered the market and therefore has not developed an efficient use and presence within the web. We have taken into account as a source of information the Marketing dictionary that states that a web page is a document on the web by which through hyperlinks you can navigate within the site, providing general information on a specific topic. The level of research was exploratory with a non-experimental method of observation without intervening in the decisions of the cybernauts. With all the information gathered, a web page was created in a host called Wix.com with the purpose of generating a presence on the Internet. In addition to generating content, multimedia type podcast which is one of the contents that are consumed more on the network In conclusion, it is relevant to have a well-defined branding that helps the presence within the consumer's mind which helps to generate loyalty and recommendation within the Tehuacán community. Índice ÍNDICE Contenido AGRADECIMIENTOS ...................................................................................................... v RESUMEN....................................................................................................................... vi ABSTRACT .................................................................................................................... vii ÍNDICE .......................................................................................................................... viii ÍNDICE DE FIGURAS ...................................................................................................... x ÍNDICE DE TABLAS ........................................................................................................ xi INTRODUCCIÓN............................................................................................................ xii CAPÍTULO I..................................................................................................................... 1 PLANTEAMIENTO DEL PROYECTO ............................................................................. 1 1.2 Justificación. ........................................................................................................ 3 1.3 OBJETIVOS .......................................................................................................... 4 1.3.1 Objetivo general. ............................................................................................. 4 1.3.2 Objetivos específicos. .................................................................................. 4 1.4 ALCANCE Y LIMITACIONES ............................................................................... 4 CAPÍTULO II.................................................................................................................... 5 MARCO CONTEXTUAL .................................................................................................. 5 2.1 ANTECEDENTES HISTÓRICOS........................................................................... 6 2.2 MISIÓN .................................................................................................................. 6 2.3 VISIÓN ................................................................................................................... 6 2.4 VALORES .............................................................................................................. 6 2.5 ORGANIGRAMA ................................................................................................... 7 2.6 PRINCIPALES ÁREAS DE LA EMPRESA ........................................................... 7 Índice 2.6 DESCRIPCIÓN DEL ÁREADE REALIZACIÓN DE ESTADÍA .............................. 7 CAPÍTULO III................................................................................................................... 8 MARCO TEÓRICO .......................................................................................................... 8 3.1 PAGINA WEB ........................................................................................................ 9 3.1.1 Estructura de página web. ............................................................................... 9 3.1.2 Página de aterrizaje....................................................................................... 10 3.1.3 Wix. ............................................................................................................... 10 3.2 PODCAST ........................................................................................................... 10 3.3 CÁTALOGO DE PRODUCTOS ........................................................................... 11 CAPÍTULO IV ................................................................................................................ 12 METODOLOGÍA ............................................................................................................ 12 4.1 DESCRIPCIÓN DE ACTIVIDADES ..................................................................... 13 4.2 PLANEACIÓN ..................................................................................................... 13 4.3 IMPLEMENTACIÓN ............................................................................................ 14 CAPÍTULO V ................................................................................................................. 15 RESULTADOS Y CONCLUSIONES ............................................................................. 15 5.1 EVALUACIÓN Y RESULTADOS ........................................................................ 16 5.2 CONCLUSIONES ................................................................................................ 19 REFERENCIAS BIBLIOGRÁFICAS .............................................................................. 20 Índice de figuras ÍNDICE DE FIGURAS Índice de tablas ÍNDICE DE TABLAS Introducción INTRODUCCIÓN El presente proyecto Diseño Web trata de dar a conocer la agencia “Tecsan” siendo una agencia dedicada Marketing Digital y creación de estrategias, se encuentra ubicada en Calle 1 Nte. 129ª, Centro de la Ciudad 75700 Tehuacán, Pue. Este proyecto surge a partir de que la empresa empieza apenas sus funciones razón por la cual necesita una página que ayude a captar prospecto a clientes. Esta a su vez sea de ayuda a otras empresas que quieran saber las diferentes ventajas que te da tener una presencia en la web. Ya que la agencia se dedica a estrategias digitales es más que primordial la antes mencionada, a la vez que el contenido con la que se alimente es de vital importancia. Como propuesta se planeó la elaboración de una página web, en la que se planea dar reconocimiento a la pequeña agencia que empieza a laborar, también dotándola de una imagen seria y profesional. Por consecuente el contenido que se planea mas llamativo para el tipo de publico al que queremos llegar es en un formato de podcast el cual al ser un formato de video que actualmente es el mas visto en la web es una de las mejores opciones para dar una imagen a la agencia y a su vez dar una promoción de la misma. xii Capítulo I. Planteamiento del proyecto CAPÍTULO I PLANTEAMIENTO DEL PROYECTO 1 Capítulo I. Planteamiento del proyecto Aunque la evolución de la internet avanza a pasos agigantados, lo cierto es que la primera página web se creó en 1991. Desde entonces, el camino recorrido ha sido breve pero intenso Anna Cano Sanz 2016 Conforme fue evolucionando la web, desde la web 1.0 hasta la web 2.0 en la cual somos participes, con la optimización de aplicaciones, contenidos interactivos, redes sociales y dispositivos móviles hacen que el diseño en la web sea primordial para cualquier empresa Hoy en día el uso de internet en las diferentes empresas que existen en el mercado es fundamental para ser vistos, ya que más personas se suman a las compras en línea, así que en pocas palabras si tu empresa no tiene una página web con un buen contenido, no existe a la vista de los compradores. El diseño web como se sabe actualmente te mantiene a la vanguardia, cuando se referimos a diseño de páginas web no solamente tiene que ver con sitios web cargados de color o imágenes interactivas, sino que contenga elementos útiles y que estén a la vanguardia con las innovaciones. Algunos de los parámetros de calidad giran en torno a la presentación del contenido en una sola página, disminuir los tiempos de carga del contenido y hacer diseños web adaptados a los dispositivos móviles. Aumenta la confianza del cliente potencial, la página web de es tu carta de presentación, a través de ella los usuarios conocerán mejor el negocio; su visión, misión, servicios que ofrece, la calidad de los productos, procesos de compra y toda la información sobre la marca. Mientras más funcional y accesible es el sitio web mejor será la concepción que el internauta tendrá sobre el negocio. . 2 Capítulo I. Planteamiento del proyecto 1.2 Justificación. Con lo anterior dicho, y con el caso importante que se pudo citar podemos darnos cuenta que la empresa carece actualmente de crear y tener un correcto diseño web. Para la agencia que apenas se está consolidando, y que incluso tiene un corto tiempo de vida como agencia se tiene el problema de aun no contar con un contenido multimedia adecuado para captar clientes, además de que es primordial este tipo de contenido para las empresas que han buscado el servicio de la agencia recientemente Se trata de una herramienta de marketing perfecta para marcas en el que mostramos todas las ventajas y puntos fuertes de la empresa, objetivos y branding En anterioridad como antes se ha dicho no se contaba con algún sitio en la web con un contenido especial para el tipo de clientes al que va dirigido la empresa, no se ha establecido como tal el contenido multimedia coherente. Se pretende diseñar un sitio el cual sea adecuado para la agencia, además de entregar un contenido que sea de total atención para los cibernautas llegando a ser los podcast , ya que al ser un video llega a ser mas comprensible para los mismos y que a su vez sean informativos y que ayuden a la agencia en dar una imagen más profesional. . 3 Capítulo I. Planteamiento del proyecto 1.3 OBJETIVOS 1.3.1 Objetivo general. Diseñar una página web que sea funcional, que ayude a dar conocer a la agencia, crear contenido audiovisual para la misma. 1.3.2 Objetivos específicos. 1. Realizar una página web 2.- Producción de videos tipo podcast para la página web 3.- Edición de podcast 4.- Contribuir en la formación de catálogos de productos para las empresas solicitantes 1.4 ALCANCE Y LIMITACIONES 1.- El presente proyecto se desarrolla para dar a conocer a la agencia “TecSan” la cual cuenta con muy poco tiempo de vida, por consiguiente, se quiere dar a conocer a la misma por medio de una página web, además de darle una imagen que sea atractiva y que a su vez sea profesional. Se busca también dar un buen contenido para la misma, atractiva e informativa en donde se optó por un podcast que genere interés por como ayuda del marketig digital actualmente en las empresas y como ante las adversidades el conocimiento y aplicación de las mismas hacen a tu empresa prevalecer. No se le a encontrado alguna limitante ya que ante una actualidad que poco a poco se digitaliza es muy importante una presencia en la web 4 Capítulo II. Marco Contextual CAPÍTULO II MARCO CONTEXTUAL 5 Capítulo II. Marco Contextual 2.1 ANTECEDENTES HISTÓRICOS La empresa “Tecsan” es una agencia dedicada a la estrategia digital, creada por Ignacio Tecua Sánchez un estudiante de la carrera de Innovación de Negocios y Mercadotecnia el al darse cuenta de que en la región de Tehuacán hacía falta una agencia que se dedicara a crear estrategias en el ámbito digital con una vista más a lo profesional y que diera resultados favorables El nombre de TecSan proviene de los apellidos del creador “Tec” de Tecua y “San” de Sánchez la agencia aún está en trámites para registrarse y formalizarse, a pesar de eso en brevedad se contará ya con su formalidad ante Hacienda. Al principio solo era un proyecto a corto alcance, teniendo al creador como único en esa idea, pero conforme avanzo en sus estudios se dio cuenta que era posible crecer más con el apoyo de compañeros de la misma institución y de la misma carrera. Teniendo esto ya en mente solo espero el lapso de tiempo donde algunos de sus compañeros de menor grado tuvieran que ejercer sus conocimientos en alguna empresa, siendo a si la manera en que consiguió más colaboradores para su idea y agencia 2.2 MISIÓN Somos una empresa enfocada en la creación e implementación de estrategias a nivel digital basados en la construcción integra entre referentes y comunidades digitales. 2.3 VISIÓN Ser referentes estratégicos del marketing a nivel nacional trabajando con marcas de nuestros colaboradores y clientes externos. 2.4 VALORES Respeto Confianza Responsabilidad Integridad Cooperación 6 Capítulo II. Marco Contextual 2.5 ORGANIGRAMA El organigrama de la empresa es del tipo ámbito y se estructura de modo especifico Dirección General (Ignacio Tecua Sánchez ) Administraciión Producción (Maira Veronica Zarate Ramos ) (Maricruz Ramos) Ventas (Ignacio Tecua Sánchez ) Figura 2.5.1 Organigrama empresarial 2.6 PRINCIPALES ÁREAS DE LA EMPRESA Área de servicio al cliente Área de diseño Área de ventas físicas y en línea Área de Marketing 2.6 DESCRIPCIÓN DEL ÁREADE REALIZACIÓN DE ESTADÍA El presente estudio se realizará en el área de producción, a cargo de Maricruz Ramos encargada de la misma, en el cual se realizará el trabajo de crear contenido web para la agencia. En especial en la producción de videos y demás contenido multimedia 7 Capítulo III. Marco Teórico CAPÍTULO III MARCO TEÓRICO 8 Capítulo III. Marco Teórico 3.1 PAGINA WEB Es un documento situado en una red informática, al que se accede mediante mensajes de hipertexto. (millenium2003) 3.1.1 Estructura de página web. Cabecera En la cabecera, también llamado header, solemos encontrar el Logo o nombre de la empresa y el menú de navegación. El menú de navegación indicará al usuario a que sección de la página Web dirigirse. Por eso es importante que esté siempre visible. Ya sea de forma extendida cuando navegamos a pantalla completa o de forma contraída como aparece en los dispositivos móviles. Cuerpo En el cuerpo de la página Web, lo que se conoce como main content, iría el contenido principal de la Web. El cuerpo puede estar estructurado a una o varias columnas. Según mejor nos encaje en función de nuestro contenido. A veces vemos el cuerpo dividido en dos columnas. En esta zona encontramos espacios para publicidad, Redes Sociales… Este tipo de distribución de columnas es muy habitual en Blogs. Pie En el pie de página, también conocido como footer es la zona que cierra nuestras páginas y donde encontramos generalmente la información legal (Política de Privacidad, Cookies y Condiciones de uso), información de contacto: teléfonos, dirección de la empresa, vínculos a Redes Sociales, etc. 9 Capítulo III. Marco Teórico 3.1.2 Página de aterrizaje. La página de aterrizaje (o landing page) es una página web simplificada y dedicada a un producto o servicio concreto. Los usuarios llegan a ella tras hacer clic sobre un enlace colocado en un blog, una red social u otro lugar. 3.1.3 Wix. Wix.com es una plataforma líder en desarrollo web, basada en el sistema "en la nube", que tiene millones de usuarios alrededor del mundo. Ahora es más fácil tener una presencia online profesional. 3.2 PODCAST Un podcast es una una periodicidad pieza definida de y audio vocación con de continuidad que se puede descargar en internet. De forma más amplia, también pueden considerarse podcasts los audios con montajes de fotos fijas. Es un audio digital que puede combinar voz, música y efectos sonoros. Normalmente suele presentarse en formato mp3 o wab. Permite un contenido muy variado: noticias, tutoriales y otros contenidos didácticos, piezas radiofónicas, etc. No requiere una gran inversión, únicamente un sistema de grabación digital básico. 10 Capítulo III. Marco Teórico 3.3 CÁTALOGO DE PRODUCTOS El catálogo de productos es un documento en el que se encuentran organizados todos los productos o servicios de una empresa con el fin de que sean visitados por los usuarios. Se trata del eje central de cualquier comercio con presencia en Internet. La diferencia con los catálogos tradicionales, impresos en papel, es que lo online permite introducir un mayor número de recursos: imágenes detalle, descripciones más extensas, precios e incluso artículos relacionados, entre otros. Otra de las principales diferencias, y ventajas, es la posibilidad de actualizar el contenido continuamente. Esto garantiza la optimización de la página y mantiene el Marketplace siempre actualizado. 11 Capítulo IV. Metodología CAPÍTULO IV METODOLOGÍA 12 Capítulo IV. Metodología 4.1 DESCRIPCIÓN DE ACTIVIDADES Crear una página web, en el servidor de Wix.com Empezar a alimentar la página con contenido referente a la agencia, información de la misma y contacto Crear una página web de aterrizaje, en el servidor Wix.com Contribuir con la producción de audio para podcasts, desde la toma del mismo hasta la misma participación en el mismo Edición de audios para podcast, añadirles imagen e identidad para que sean reconocibles en redes sociales Captura de fotografías de productos que son pedidos para la agencia Elección y edición de fotografías de productos requeridos por las empresas que piden nuestro servicio. 4.2 PLANEACIÓN Objetivo Especific Mayo Actividades/Seman o Julio Agosto 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 a Creación Objetivo 1 Junio web, en una página el servidor Wix.com Empezar a alimentar la página con contenido referente a la agencia, información de la misma y contacto Crear una página web de aterrizaje, en el servidor Objetivo 2 Wix.com Contribuir con la producción de audio para podcasts, desde la toma 13 Capítulo IV. Metodología del mismo hasta la misma participación en el mismo Edición de podcast, Objetivo 3 audios para montaje e imagen de las mismas Captura de fotografías de productos Objetivo 4 que son pedidos para la agencia Elección y edición de fotografías de productos requeridos empresas por que las piden nuestro servicio 4.3 IMPLEMENTACIÓN La investigación del presente proyecto se implementará de manera no experimental, como investigador se observa lo que ocurre de manera natural, sin implementación de variables o grupos de comparación y sin intervención de manera alguna. 14 Capítulo V. Resultados y Conclusiones CAPÍTULO V RESULTADOS Y CONCLUSIONES 15 Capítulo V. Resultados y Conclusiones 5.1 EVALUACIÓN Y RESULTADOS Primeramente, se creó una página web para la agencia en WIX.com una plataforma online en la se obtiene plantillas para la realización y su alojamiento de la página web. A lo largo de su creación se empezó a alimentar con contenido que sea impactante al verse a primera vista, y que retenga un tránsito al ser vista. Se tomo un color oscuro que represente formalidad, además de que el logo de la agencia es del mismo color, dando a entender un compromiso y formalidad al requerirse los servicios de la misma En días consecutivos se empezó a crear una página de aterrizaje para la agencia, alojada en la misma plataforma digital Wix.com, con la finalidad de que capte un mayor número de personas. La página de aterrizaje se usa como anclaje a nuestras redes, ya que al ser de menor contenido a una página convencional retiene mejor el tránsito. En esta se optó por abordar la información de contacto y de los servicios que ofrece la empresa, y a su vez empezar a capturar datos de futuros prospectos a clientes. 16 Capítulo V. Resultados y Conclusiones Se empezó la grabación de audios para la producción de podcast para alimentar la página web, esto como una medida de divulgación de ideas e información acerca de temas relacionados al marketing, como funciona en la actualidad y como repercute en las ventas de una empresa. Aquí varias personas que laboran en la agencia dieron a conocer su punto de vista e información de diversos temas La producción de los antes mencionados con se un programa realizaron llamado Filmora, en el cual se es posible editar videos. En esta ocasión de pequeños clips con los audios antes grabados en un formato podcast en donde se caracteriza por que el contenido más importante es el audio, y se ocupa un recurso visual para ilustrarlo. Su realización consta de tener un audio con la información requerida y deseada para ese clip, posteriormente se buscan imágenes, videos o cualquier recurso visual que ilustre de mejor manera lo que se quiere transmitir en el podcast, y finalmente se busca alguna melodía que ayude a que el podcast no quede vacío y sea de acompañante a la voz del podcast. Con todo esto dolo queda exportar el convirtiéndolo montaje en un video pequeño para ya ser publicado en la web. 17 Capítulo V. Resultados y Conclusiones La agencia también ofrece un paquete de toma de fotografías profesionalmente para un catálogo de productos. Las empresas contactaban a la agencia para requerir este servicio, por consiguiente, se pactaba un día para poder ir a tomar fotos de los diferentes productos que la empresa deseara. Se procedía el día pactado a la toma de estas fotos, se llegaba y se instalaba un pequeño set up o alguna ayuda de un plano blanco para la toma de las mismas y tener una mejor toma. Al finalizar esto se ponía un día para la entrega de las mismas. Se seleccionaban las fotos que estuviesen con una calidad y una vista atractiva para el cliente, a las cuales se le pasaba por un editor de fotos para hacerle ajustes mínimos, además de colocarles el logo de la empresa la cual solicito el servicio, y se entregan en el día marcado en una usb o en algún otro dispositivo. 18 Capítulo V. Resultados y Conclusiones 5.2 CONCLUSIONES A lo largo de este proyecto se concluyó lo siguiente: Los beneficios de tener una presencia en la red son muy importantes para cualquier empresa o agencia, ya que gracias a esta se puede crear esa misma presencia en la mente del cibernauta El contenido que actualmente genera más interés y a la vez hace retener la atención de las personas es el formato en video, la propuesta que se uso fue el tipo podcast el cual genera muy buen tráfico. La toma de fotos profesionales ayuda a cualquier negocio para poder crear una buena imagen para el comprador. Finalmente como conclusión final se puedo explorar más allá de una pagina convencional a una más profesional y como al ser de una calidad mayor ayuda a que la empresa sea mas vista en la red. 19 Capítulo V. Resultados y Conclusiones REFERENCIAS BIBLIOGRÁFICAS https://www.tresce.com/blog/la-importancia-del-disenoweb/#:~:text=Los%20principales%20objetivos%20del%20dise%C3%B1o,comunic ar%20algo%20a%20nuestro%20usuario.&text=La%20importancia%20de%20inver tir%20en,es%20comun https://www.globalcc.es/la-historia-del-disenoweb/#:~:text=LA%20APARICI%C3%93N%20DEL%20HTML2,de%20fondo%2C% 20botones%20y%20banners. https://www.pentaweb.es/partes-de-una-pagina-web/ https://www.inboundcycle.com/diccionario-marketing-online/podcast https://www.emprenderalia.com/que-es-una-pagina-de-aterrizaje/ https://www.inboundcycle.com/blog-de-inbound-marketing/por-que-es-tanimportante-tu-pagina-de-aterrizaje 20
