SERVICIO NACIONAL DE ADIESTRAMIENTO EN TRABAJO

INDUSTRIAL

DIRECCION ZONAL LIMA CALLAO

ESCUELA DE ARTES GRÁFICAS
CARRERA: DISEÑO GRÁFICO DIGITAL

Proyecto de Innovación
Nivel Profesional Técnico / Técnico Operativo

“Diseño e implementación de una página web

para la empresa Jormant E.I.R.L”

Autor LELIS INGRID PARRA BAUTISTA

: …………………………………………………………………

Asesor ELIANA OBANDO SAAVEDRA

: ……………………………………………………………….

Lima, Perú

2023
DEDICATORIA

Dedico este proyecto a mis padres que siempre me

apoyaron y creyeron en mi desde el inicio de mis

estudios; a mis hermanos que también me apoyaron en

los momentos más difíciles y a mis amistades que

siempre están ahí incentivándome con sus comentarios y

aliento.

2
AGRADECIMIENTO

Agradezco a mi familia por su apoyo incondicional; a los

docentes de Senati por guiarme en este largo camino,

agradezco a la empresa que me dio la oportunidad de

realizar mis prácticas ayudándome a crecer y

desarrollarme profesionalmente; por último, agradezco a

todas las personas que, comentarios positivos, me

alentaron a seguir y nunca rendirme.

3
 RESUMEN EJECUTIVO DEL PROYECTO DE INNOVACIÓN

El presente proyecto se realizó con la finalidad de tener un mayor posicionamiento web y por

consecuente un aumento en las ventas al implementar una página web para la empresa Jormant

E.I.R.L, una empresa que brinda servicios generales como el de albañilería, electricidad,

construcción en drywall, carpintería metálica, etc. El principal objetivo es el de diseñar e

implementar una página web para tener una mayor presencia en línea, de esta manera mejorar

el posicionamiento web de la empresa.

El proyecto cuenta con 8 capítulos, en los cuales se verá la investigación y elaboración al

implementar el proyecto de innovación. En el primer capítulo se mostrará el análisis de la

situación actual de la empresa. Seguidamente en el segundo capítulo se mostrará el principal

problema identificado que radica en el área de ventas dado al poco posicionamiento web que la

empresa tiene. El tercer capítulo se verá la definición de la solución más adecuada para nuestro

problema el cual es el diseñar e implementar una página web, con la finalidad de mejorar el

problema que nos afecta. En el cuarto capítulo se presenta la propuesta técnica de la innovación

para poder realizar un proceso viable en el desarrollo del proyecto. El quinto capítulo se verá el

análisis de los costos para la implementación. En el sexto capitulo se verá si la implementación

es viable económicamente para la empresa. En el séptimo se presentan las conclusiones y en el

octavo capitulo se brindaran las recomendaciones pertinentes a la empresa.

4
 CAPITULO I

Índice
CAPITULO I……………………………………………………………………………………8
1.1 Razón social ......................................................................................................................... 9
1.2 Misión, Visión, Objetivos, Valores de la empresa ............................................................ 9
1.2.1. Misión…………………………………………………………………………….9
1.2.2. Visión……………………………………………………………………………..9
1.2.3. Objetivos………………………………………………………………………….9
1.2.4. Valores…………………………………………………………………………..10
1.3 Productos, mercado, clientes……………………………………………………………....10
1.3.1. Servicios………………………………………………………………………...10
1.3.2. Mercado…………………………………………………………………………10
1.3.3. Clientes………………………………………………………………………….10
1.4 Estructura de la Organización………………………………………………………......11
1.5 Otra información relevante de la empresa donde se desarrolla el proyecto………….12
1.5.1 Historia…………………………………………………………………………...12
CAPÍTULO II…………………………………………………………………………...…….13
2.1 Identificación del problema técnico en la empresa…………………....………………..14
2.1.1. Lluvia de ideas…………………………………………………………………...14
2.1.2. Diagramade afinidades…………………………………………………………..15
2.1.3. Matriz de prioridades…………………………………………………………….16
2.2 Objetivos del Proyecto de Innovación…………………………….………………….….16
2.2.1. Objetivo General…………………………………………………………………16
2.2.2. Objetivos Específicos…………………………………………………………….17
2.3 Antecedentes del Proyecto de Innovación…………………………………………..17
2.4 Justificación del Proyecto de Innovación………………………………………………...18
2.4.1. Justificación a nivel teórico………………………………………………………18
2.4.2. Justificación a nivel práctico……………………………………………………..18
2.4.3. Justificación a nivel tecnológico…………………………………………………18
2.4.4. Justificación a nivel metodológico………………………………………………19
2.5 Marco Teórico y Conceptual……………………………………………………………..19
2.5.1 Fundamento teórico del Proyecto de Innovación / Mejora / Creatividad…………..19

5
 CAPITULO I

2.5.2 Conceptos y términos utilizados……………………………………………………22

CAPÍTULO III .......................................................................................................................... 24
3.1 Diagrama del proceso, mapa del flujo de valor y/o diagrama de operación actual…25
3.1.1. Diagrama de operación actual (DOP)……………………………………………26
3.1.2. Diagrama de análisis de procesos (DAP)………………………………………...27
3.2 Efectos del problema en el área de trabajo o en los resultados de la empresa……………28
3.2.1. Efectos en las ventas……………………………………………………………….28
3.2.2. Efectos en el cliente………………………………………………………………..28
3.2.3. Efectos en los trabajadores…………………………………………………………28
3.2.4. Efectos en el servicio……………………………………………………………….28
3.3 Análisis de las causas raíz que generan el problema……………………………………...29
3.4 Priorización de causas raíces……………………………………………………………..30
CAPITULO IV ........................................................................................................................ 33
4.1 Plan de acción de la Mejora propuesta.............................................................................. 34
4.2 Sostenibilidad del proyecto………………………………………………………………………34
4.2.1. Consideraciones técnicas…………………………………………………………………. 34
4.2.2. Consideraciones Operativas………………………………………………………………. 34
4.2.3. Consideraciones Ambientales……………………………………………………………...35
4.3 Recursos técnicos para implementar la mejora propuesta. ............................................... 36
4.4 Diagrama del proceso, mapa del flujo de valor y/o diagrama de operación de la situación
mejorada............................................................................................................................ 37
4.4.1. Desarrollo y ejecución del proyecto………………………………………………..38
4.5 Recursos técnicos para implementar la mejora propuesta ................................................ 64
CAPITULO V.......................................................................................................................... 65
5.1 Costo de mano de obra...................................................................................................... 66
5.2 Costo de máquinas, herramientas y equipos ..................................................................... 66
5.3 Otros costos de implementación de la Innovación............................................................ 66
5.4 Costo total de la implementación de la Innovación. ......................................................... 66
CAPITULO VI ........................................................................................................................ 67
6.1 Beneficio técnico y/o económico esperado de la Innovación ........................................... 68
6.2 Relación Beneficio/Costo. ................................................................................................ 69
CAPITULO VII......................................................................................................................... 70

6
 CAPITULO I

7.1 Conclusiones respecto a los objetivos del Proyecto de Innovación . .................................. 71

CAPITULO VIII ....................................................................................................................... 72
8.1 Recomendaciones para la empresa respecto del Proyecto de Innovación .......................... 73
REFERENCIAS BIBLIOGRAFICAS .................................................................................... 74
ANEXOS ................................................................................................................................. 76

7
 CAPITULO I

CAPÍTULO 1
Generalidades de la Empresa.

8
 CAPITULO I

1.1 Razón social.

Nombre Comercial: Jormant E.I.R.L

Tipo de Empresa: Empresa individual de Resp. Ltda

Condición: Activo

Correo: [email protected]

Teléfono: 936154658 / 936145761

Dirección: Cal. Juan Pablo Conti Mz A. E6 Lote 2. A.H. Juan Pablo II SJL

1.2 Misión, Visión, Objetivos, Valores de la empresa.

1.2.1 Misión

Nuestra misión es brindar nuestros servicios de electricidad, gasfitería, albañilería,

construcción en drywall, aire acondicionado, etc; de forma confiable, siendo impulsados por

la eficiencia y compromiso de nuestro equipo de especialista.

1.2.2 Visión

Nuestra visión es ser conocidos como los principales referentes en nuestro mercado, siendo

destacados por nuestra confianza, nuestra atención personalizada y nuestro trabajo de

calidad.

1.2.3 Objetivos de la empresa

- Brindamos soluciones integrales y eficientes a nuestros diversos clientes a través de

nuestra variedad de servicios de construcción y mantenimiento de propiedades, con el

fin de satisfacer sus necesidades.

- Garantizamos una realización eficiente de los servicios brindados con una productividad

de primera.

- Nos adaptamos a las nuevas tecnologías para manejar la eficiencia de los servicios
9
 CAPITULO I

brindados.

1.2.4 Valores de la empresa

Los valores que destacamos en nuestra empresa son la calidad, puntualidad, eficacia,

confianza, la unión y el compromiso.

1.3 Productos, mercado, clientes.

1.3.1. Servicios

ALBAÑILERÍA DRYWALL GASFITERÍA PINTURA VIDRIERÍA

AIRE CARPINTERÍA TARJETAS

ACONDICIONADO METÁLICA ELECTRÓNICAS ELECTRICIDAD

Fig.1 Servicios de la empresa.

1.3.2. Mercado:

El rubro de la empresa Jormant es el de servicios generales y técnicos.

1.3.3. Clientes:

Nuestros clientes abarcan desde propietarios individuales hasta empresas PYMESs y

grandes, como también instituciones privadas y públicas.

10
 CAPITULO I

1.4 Estructura de la Organización.

Fig.2 Organigrama de la empresa.

TITULAR GERENTE

Jorge Benites Chávez

GERENTE GENERAL

Juan Manuel More

Seminario

ADMINISTRATIVO SISTEMAS DISEÑO ESPECIALISTAS

Rosali Obregón Daniela Carrasco N. Lelis Parra Bautista

Nataly Cherre Caja ELECTRICIDAD
Adriana Herrera P.

Janet Lapa H. Ever Antonio Castillo

GASFITERÍA

Omar Sony Condezo

AIRE
ACONDICIONADO

José Huaytalla Perez

SOLDADURA

Juan Sarabia

DRYWALL

Henry Martinez

PINTURA

Will Quispe

CONSTRUCCIÓN

Robert Condi

TARJETAS
ELECTRÓNICAS

Martin García

Fuente Propia.

11
 CAPITULO I

1.5 Otra información relevante de la empresa donde se desarrolla el

proyecto.

JORMANT E.I.R.L es una empresa que inicio el 16/08/2022 a brindar sus servicios de

mantenimiento, reparación e instalación, ofreciendo una amplia gama de soluciones para el

hogar y el negocio.

A pesar de su corta trayectoria, JORMANT E.I.R.L se convirtió en un referente en el sector. Su

compromiso con la satisfacción del cliente, la formación constante de su personal y su enfoque

en la innovación les permitieron establecerse como una opción confiable y profesional en el

mercado de servicios de mantenimiento y reparación.

Fig.3 Ubicación de la empresa.

12
 CAPITULO I

CAPÍTULO 2
Plan del proyecto de Innovación.

13
 CAPÍTULO 2

2.1 Identificación del problema técnico en la empresa.

La empresa Jormant E.I.R.L es una empresa que ofrece servicios generales desde el 2022 hasta

el día de hoy. Actualmente la empresa presenta una baja presencia en línea dado que no

presenta una página web, el cual puede limitar la visibilidad de la empresa y el alcance a más

posibles clientes, como también afecta en la credibilidad y confianza en los futuros clientes

que tenga la empresa, por lo que nos veríamos menos confiables a comparación a nuestros

competidores que cuentan con páginas web, por lo tanto, presentaríamos una gran desventaja

ante ellos.

2.1.1 Lluvia de ideas

- Falta de innovación en el diseño

- Falta de una página web

- Inexistencia de una oficina física

- Poca visibilidad de la empresa

- Pérdida de oportunidades de contratos laborales

- Bajas ventas

- Poca credibilidad

- Poco alcance demográfico

- Ausencia de una base de datos

- Falta de un buen manejo de las redes sociales

- Poca interacción en las redes sociales

- Poca comunicación interna

- Falta de inversión en publicidad

- Ambiente laboral monótono

14
 CAPÍTULO 2

2.1.2 Diagrama de afinidades

IDEA BASE IDEAS PLANTEADAS

- Falta de innovación en el diseño

- Poca interacción en las redes sociales
DISEÑO
- Falta de un buen manejo de las redes sociales
- Falta de una página web
- Poca visibilidad de la empresa
- Falta de inversión en publicidad
- Poco alcance demográfico
VENTAS - Poca credibilidad
- Bajas ventas

- Ambiente laboral monótono

RECURSOS - Poca comunicación interna

HUMANOS - Pérdida de oportunidades de contratos laborales

- Ausencia de estrategia de marketing

- Falta de una base de datos
ADMINISTRACIÓN
- Inexistencia de una oficina física

Tabla.1 Cuadro de Afinidades.

En las siguientes tablas se observa los puntajes que pusieron los participantes,
trabajadores de la empresa Jormant, a las opiniones antes expuestas.
LEVE MEDIO GRAVE
1 3 5
En este cuadro veremos los valores según la magnitud, para rellenar las tablas de
priorización.

15
 CAPÍTULO 2

Participante 1 Participante 2
IDEA BASE FREC IMP FACT IDEA BASE FREC IMP FACT
DISEÑO 3 5 3 DISEÑO 3 5 1
VENTAS 5 5 3 VENTAS 5 5 5
RR.HH 1 3 3 RR.HH 3 1 1
ADMIN. 1 1 3 ADMIN. 1 1 1

Participante 3 Participante 4

IDEA BASE FREC IMP FACT IDEA BASE FREC IMP FACT
DISEÑO 5 3 3 DISEÑO 1 5 3
VENTAS 3 5 1 VENTAS 1 5 1
RR.HH 1 3 3 RR.HH 3 3 1
ADMIN. 1 5 1 ADMIN. 1 1 1
2.1.3 Tabla de priorización

PROBLEMAS
FRECUENCIA IMPORTANCIA FACTIBILIDAD TOTAL
DE INTERÉS
12 18 10
DISEÑO 40
3+3+5+1 5+5+3+5 3+1+3+3
14 20 10
VENTAS 44
5+5+3+1 5+5+5+5 3+5+1+1
8 10 8
RR.HH 26
1+3+1+3 3+1+3+3 3+1+3+1
4 8 6
ADMIN. 1+1+1+1 18
1+1+5+1 3+1+1+1
Tabla.2 Tabla de priorización de los problemas.
Conclusión:

Nuestro problema radica en el área de ventas, ya que al tener una baja presencia en línea

tenemos muy poco alcance a nuevo público y por lo tanto unas bajas ventas.

2.2 Objetivos del Proyecto de Innovación.

Objetivo General:

Implementar una página web para la empresa Jormant con la finalidad de que tenga una mayor

presencia en línea.

16
 CAPÍTULO 2

Objetivos Específicos:

- Crear una página web con una interfaz que sea atractiva y funcional para los clientes que

quieran obtener más información sobre nosotros.

- Diseñar un contenido con información clara y concisa que capte la atención del cliente.

- Implementar una sección de una página donde demos muestra de nuestro trabajo en las

distintas áreas de los servicios ofrecidos.

- Tener una buena estructura para conseguir un buen posicionamiento en los motores de

búsqueda para aumentar nuestra visibilidad en línea y afecte positivamente las ventas.

2.3 Antecedentes del Proyecto de Innovación.

Inicialmente el proyecto del Ingeniero Fredy Aldo Choquesillo Sanchez, titulado “Desarrollo e

implementación de un portal web como alternativa de solución para mejorar la calidad de

servicio del cementerio general de Chincha” De la universidad Ada A Byron, elaborada el año

2012 Menciona en su Justificación e importancia que “El portal es considerado un

intermediario de información que tiene como fuente de ingreso la de tener una forma simple de

acceder a toda (no a una parte) la información referida al tema del mismo. Toda esta

información no necesariamente está contenida dentro del mismo portal, porque el portal,

normalmente, se encarga de centralizar enlaces en una forma fácil y organizada que facilite la

navegación dentro de un tema dependiendo de la complejidad y heterogeneidad de la

información existente, podría tomar meses y hasta años en lograrlo”. (Pág. 33)

Seguidamente Nelly Julieth Ceballos Vergara, en su trabajo de grado titulado “Implementación

página web para la empresa Sáner S.A.S” de la Corporación Universitaria Lasallista, elaborada

el año 2016 nos dice en su justificación que La página web permitirá que cualquier persona que

quiera conocer o indagar sobre la empresa pueda acceder de una forma dinámica y así resolver

17
 CAPÍTULO 2

dudas y conocer material audiovisual e información de cada uno de los proyectos que la

empresa ejecuta. Así mismo, se encuentra la comunicación interna, debido a que los empleados

se comunican de una manera informal, se necesitan medios para que ellos se puedan comunicar

sin que se presenten rumores y malentendidos. (Pág. 11)

Por último, el proyecto de Carlos de Jesús Tejero Fernández, tituloado “Diseño web sobre la

influencia del coronavirus al diseño gráfico en el mundo” del Centro de Estudios Gestalt,

elaborado el año 2021 Menciona en sus Justificaciones que El diseño web tiene un papel

esencial en el éxito de cualquier estrategia de diseño digital, en el año 2020 donde el contacto

físico fue prácticamente imposible debido al virus mundial que se padeció, las estrategias

digitales fueron la principal forma de comunicarse… (Pág. 7)

2.4 Justificación del Proyecto de Innovación.

2.4.1 Justificación a nivel Teórico

La realización de este proyecto tiene como objetivo el mejorar el posicionamiento online

de la empresa al diseñar y desarrollar una página web. De esta manera los usuarios al

navegar nos encontrarán y podrán volverse potenciales clientes.

2.4.2 Justificación a nivel Práctico

Con la existencia de la página web, los actuales y futuros clientes podrán acceder a la

información de nuestra empresa de manera más rápida como también agilizar la

cotización de un servicio.

2.4.3 Justificación a nivel Tecnológico

El diseño de la página web se realizará con el programa Figma, donde maquetaremos

varios diseños para la elección de uno, mientas el desarrollo informático será llevado a

cabo mediante el programa de Microsoft Visual Studio, este programa nos ayudará a

desarrollarlo mediante códigos HTML de forma ordenada cada segmentación del diseño.

18
 CAPÍTULO 2

2.4.4 Justificación a nivel Metodológico

La metodología por la cual se desarrolla el proyecto fue mediante cuestionarios hechas

por el programa Google Forms, estos cuestionarios fueron respondidos por los

trabajadores de la empresa Jormant. Con ello se llegó a la conclusión de que la

implementación de una página web beneficiaría a la empresa en su posicionamiento web

además de que aumentará las ventas de sus servicios.

2.5 Marco Teórico y Conceptual.

2.5.1 Fundamento teórico del Proyecto de Innovación.

En primer lugar debemos tener claro que una página de Internet o página Web es un

documento electrónico adaptado particularmente para el Web, que contiene información

específica de un tema en particular y que es almacenado en algún sistema de cómputo que

se encuentre conectado a la red mundial de información denominada Internet, de tal forma

que este documento pueda ser consultado por cualquier persona que se conecte a esta red

mundial de comunicaciones y que cuente con los permisos apropiados para hacerlo. Esta

definición fue extraída de la página informaticamilenium.com.mx

El artículo web “Para qué sirve una página web” hecho por la Agencia Marketing y

Desarrollo Web Nestrategia nos señala que Un sitio web es el lugar ideal para proyectar

diversos pensamientos, ideas, deseos, creencias y promover la venta de productos,

contratación de servicios, creación de marca digital, entre otros aspectos importantes.

Usando solo un ordenador puedes crear páginas web que convierten y de esa manera

atraer una gran cantidad de usuarios y clientes.

Según Juan Pedro Barba Soler, en su proyecto “Diseño y Desarrollo Web”, de la

19
 CAPÍTULO 2

Universidad Politécnica de Valencia, elaborada el año 2014 nos señala en el contexto del

proyecto que Para la elaboración de una página web se harán presentes dos disciplinas, el

diseño web y el desarrollo web, ambas trabajan en sinergia con una comunicación directa

la una con la otra ya que cada una ocupa un parte del proyecto.

El diseño web se ocupa de la experiencia de usuario, es decir, estudia la interacción de

usuario, las funciones y la navegación que se realizará en la web. Estructura el contenido

en las diferentes páginas del sitio, mediante composiciones o plantillas, con el objetivo de

elaborar prototipos o wireframes.

El desarrollo web es la programación necesaria para la construcción del sitio web. Se

divide en dos partes que pueden estar o no conectadas, la parte del cliente y la parte del

servidor. En la parte del cliente estaríamos hablando de HTML y CSS, código básico para

creación de páginas web. En la parte del servidor se trabaja con código más complejo,

como es PHP, ASP.NET, JSP, etc. Con este código se construye el back-end, la parte de

la web que el usuario no ve. Su objetivo es el diseño de bases de datos y asegurar la

seguridad de la web. (Pág 7 – 8)

El tener una página web como empresa se ha vuelto hoy en día indispensable debido a que

en esta era digital las personas de hoy en día buscan el producto o servicio que necesitan

mediante internet, por lo que el tener una presencia en línea nos ayudará en tener una

mayor visibilidad a cualquier persona del mundo, brindándoles de una forma más rápida y

efectiva la información de la empresa así como los servicios y/o productos que brindemos,

además que el contar con una página web genera en las personas una sensación de

profesionalidad y credibilidad para con nosotros.

En el siguiente estudio de Pedro Pablo Marín Dueñas y María del Carmen Lasso de la

Vega González, titulado “La efectividad de las páginas web en la comunicación

20
 CAPÍTULO 2

empresarial de pequeñas y medianas empresas. Un estudio PYMES de la provincia de

Cádiz” de la Universidad de Cádiz, elaborada el año 2017, nos dicen en sus conclusiones

que Las PYMES deben aprovechar la web para proyectar su imagen corporativa. Para ello

deberían reservar una sección destinada a comunicar cual es la identidad de la

organización, con información precisa que contribuya a configurar una imagen correcta.

(Pág. 15)

En segundo lugar, la tesis de Francisco Beller y Javiera Castro, titulado “Impacto del uso

de sitios web en las Pymes de Puerto Montt” de la Universidad Austral de Chile,

elaborada el año 2011, concluye que Gracias a la publicidad otorgada por las empresas a

través del sitio web se presenta la variada gama de productos y servicios ofrecidos lo cual

provoca un aumento importante en el volumen de ventas en la gran mayoría de las PyMes,

las cuales afirman principalmente un aumento en el volumen de ventas en

aproximadamente un 5 y un 25%, y como segunda opción con porcentajes equivalentes el

aumento corresponde a una crecida entre 25 a 50% y 50 a 100%, lo que explicaría

consistentemente porque casi ¾ del total de empresas encuestadas afirman que su cartera

de clientes tuvo un aumento importante. (Pág. 49)

Por último, hablaremos del impacto del diseño en el desarrollo de una página web,

primero debemos tener en cuenta que el diseño de una página web es con lo que primero

se topan los usuarios al entrar a un sitio web por lo que debemos tener en cuenta el crear

un diseño que sea atractivo, profesional y muy bien estructurado para de esa manera

causar una buena primera impresión que influya en la percepción de los usuarios hacia

nuestra página. El diseño debe de reflejar la identidad de la empresa, por lo que esta debe

tener los colores, tipografías, logotipo, entre otros elementos visuales que se establecieron

en el manual de identidad. Tampoco debemos olvidar que al momento de crear una página

21
 CAPÍTULO 2

web debemos pensar en como será la experiencia de los usuarios, a esto se le deriva

diseño UX, al navegar por esta, pues las personas que entren en nuestra página web deben

poder encontrar con facilidad la información que buscan, además que también afectará

nuestro posicionamiento web, mejorando nuestra visibilidad en los motores de búsqueda.

En el siguiente artículo web del portal web Genieri, con el título “El impacto del diseño

web en la experiencia del usuario”, Publicado el 26 de octubre del 2023 nos dice que Un

diseño web bien estructurado y fácil de navegar permite a los motores de búsqueda

rastrear e indexar el contenido de manera eficiente. Esto significa que los motores de

búsqueda pueden comprender mejor la estructura del sitio, los enlaces internos y el

contenido relevante, lo que mejora la visibilidad en los resultados de búsqueda.

2.5.2 Conceptos y términos utilizados.

Marca digital: Representación en línea de una marca o empresa.

Wireframes: Se usan para planificar el diseño y estructura antes de la fase de desarrollo.

Servidor: Sistema que almacena y gestiona recursos digitales que los entrega a los usuarios

a través de internet.

HTML: Es la estructura y el contenido de una página web mediante etiquetas y elementos.

CSS: Lenguaje utilizado para controlar el estilo y la presentación visual de una página web.

PHP: Se usa para crear aplicaciones web dinámicas y gestionar la interacción con bases de

datos.

ASP.NET: Se usa para crear aplicaciones web robustas y escalables en entornos Windows.

JSP: Tecnología de Java utilizada para crear páginas web dinámicas.

Back – end: Se encarga del procesamiento y la gestión de datos detrás de escena.

Base de datos: Sistema que almacena, gestiona y recupera datos de manera eficiente

Imagen corporativa: Percepción que el público tiene de la empresa o marca.

22
 CAPÍTULO 2

Identidad corporativa: Elementos visuales y verbales que definen la personalidad e

imagen de una empresa o marca.

Marca: Combinación de elementos que representa y distingue a una empresa.

Dimensión digital: Entorno digital en el que ocurren interacciones y transacciones en línea.

Ux: Experiencia del usuario.

23
 CAPÍTULO 2

CAPÍTULO 3
Análisis de la situación actual.

24
 CAPÍTULO 3

3.1 Diagrama del proceso, mapa del flujo de valor y/o diagrama de

operación actual.

En el siguiente diagrama de flujo se evidenciará la problemática de la empresa.

El cliente busca una

empresa que ofrezca
servicios generales como
albañilería, gasfitería, etc.

Al cliente le recomienda
nuestra empresa Jormant
E.I.R.L.

El cliente nos busca en

redes sociales, pero no
confía en la información
ofrecida.

Al no encontrar otro
medio digital en donde
conseguir más
información, el cliente
desconfía de nosotros.

El cliente decide contratar

los servicios de la
competencia por obtener
información confiable de
ellos

Fig.4 Problema actual de la empresa

25
 CAPÍTULO 3

3.1.1 Diagrama de operaciones de procesos (DOP)

DISEÑO Y DESARROLLO DE UNA PÁGINA WEB

ANÁLISIS DE LA EMPRESA

DEFINIR OBJETIVOS

ESTRUCTURAR LA PÁGINA WEB

DISEÑO DE LA PÁGINA WEB

INSPECCIÓN Y CORRECCIÓN

CREAR Y EDITAR CONTENIDO

MAQUETACIÓN DEL DISEÑO

APROBACIÓN DEL DISEÑO

DESARROLLAR LA PÁGINA

AGREGAR CONTENIDO

REALIZAR PRUEBAS

PUBLICAR LA PÁGINA

FIN

26
 CAPÍTULO 3

3.1.2 Diagrama de análisis de procesos (DAP)

DIAGRAMA DE ANÁLISIS DEL PROCESO

EMPRESA JORMANT E.I.R.L
DEPARTAMENTO / ÁREA DISEÑO GRÁFICO DIGITAL
RESUMEN DISEÑO Y DESARROLLO DE UNA PÁGINA WEB
ACTIVIDAD Mét. Act. Mét. Mejora Diferencia Observador
OPERACIÓN 7
INSPECCIÓN 1
Método Actual
TRANSPORTE -
COMBINADA 4
DEMORA -
ALMACENAJE - Tiempo
Símbolo
TOTAL 12 Minutos
Tiempo Total 4730 min

N° Descripción Tiempo Observación

1 Análisis de la empresa 60 min
2 Definir objetivos 30 min
3 Estructurar la página web 30 min
4 Diseño de la página web 120 min
5 Inspección y corrección 80 min
6 Crear y editar contenido 120 min
7 Maquetación del diseño 240 min
8 Aprobar el diseño 3600 min
9 Desarrollar la página 300 min
10 Agregar contenido 30 min
11 Realizar pruebas 60 min
12 Publicar la página 60 min
TOTAL 7 - 1 - 4 4730 min

Tabla.3 Diagrama de análisis de Procesos (DAP)

27
 CAPÍTULO 3

3.2 Efectos del problema en el área de trabajo o en los resultados de

la empresa.

3.2.1 Efectos en las ventas

La empresa presenta una baja en las ventas por la falta de un buen posicionamiento en

línea, ya que perderemos oportunidades de vender y promocionar nuestros servicios a

través de otro canal digital.

3.2.2 Efectos en el cliente.

Si bien contamos con redes sociales, la fatal de una página web resulta para los clientes

más difícil el obtener información sobre nosotros y nuestros servicios por lo que produciría

en ellos una falta de confianza, además que limitaría nuestra comunicación con ellos.

3.2.3 Efectos en los trabajadores.

La falta de posicionamiento web al afectar las ventas, también afectaran nuestra economía

por lo tanto el sueldo de nuestros trabajadores bajará, lo que causaría en ellos una molestia

lo que afectaría su desempeño a la hora de realizar el servicio.

3.2.4 Efectos en el servicio.

Una página web nos ayudaría a la automatización de tareas por lo que nos ayudaría en la

gestión de nuestras ventas y a la atención al cliente. Además de que nos ayudaría a

recopilar datos sobre el comportamiento de los clientes y las tendencias del mercado.

28
 CAPÍTULO 3

3.3 Análisis de las causas raíz que generan el problema.

En el siguiente diagrama de Ishikawa, identificamos y analizamos las causas de la

problemática que tiene nuestra empresa:

HOMBRE MÁQUINA ENTORNO

Falta de
Falta de personal Falta de manejo ventajas frente a
capacitado de herramientas la competencia
digitales
Poca comunicación
con los trabajadores Poca fidelización
Ausencia de los clientes
Falta de compromiso de PCs Ausencia de
con la empresa oficinas físicas
Falta de
posicionamiento
Ausencia de un plan web
de marketing digital
Bajas ventas
Ausencia de una en el mercado
página web
Poca interacción
Falta de publicidad web

Poca información de Poco marketing

la empresa en línea en línea

MÉTODO MEDIDA

Fig.5 Diagrama de Ishikawa.

29
 CAPÍTULO 3

3.4 Priorización de causas raíces.

A continuación, vamos a encuestar a tres personas de la empresa con la lista de las causas de la

problemática, cada una la calificarán con el puntaje que estableceremos en la siguiente escala

de valoración:

IMPACTO VALORACIÓN
NADA 0
MUY POCO 1
POCO 2
REGULAR 3
MUCHO 5
Tabla.4 Cuadro de frecuencias.
En la siguiente tabla se aprecia el cuadro de matriz de priorización con las sumas de los

puntajes puestos por cada participante de la encuesta.

CAUSA Encuesta 1 Encuesta 2 Encuesta 3 TOTAL

Falta de personal capacitado 1 3 2 6
Poca comunicación con los
2
trabajadores 3 1 6
Falta de compromiso con la empresa 2 3 3 8
Ausencia de PCs 3 2 0 5
Falta de ventajas frente a la
5
competencia 3 5 13
Poca fidelización de los clientes 3 5 3 11
Ausencia de oficinas físicas 0 0 2 2
Poco marketing en línea 5 5 3 13
Falta de manejo de herramientas
3
digitales 2 3 8
Ausencia de un plan de marketing
3
digital 5 3 11
Ausencia de una página web 5 5 5 15
Falta de publicidad 3 5 5 13
Poca información de la empresa en
5
línea 3 5 13
Bajas ventas en el mercado 3 5 5 13
Poca interacción web 5 2 3 10

Tabla.5 Cuadro de matriz de priorización.

30
 CAPÍTULO 3

FRECUENCIA 80 -
CAUSA FRECUENCIA PORCENTAJE
ACUMULADA 20
Ausencia de una página
15 10% 15 80%
web

Falta de ventajas frente a la

13 19% 28 80%
competencia

Poco marketing en línea 13 28% 41 80%

Falta de publicidad 13 37% 54 80%

Poca información de la
13 46% 67 80%
empresa en línea

Bajas ventas en el mercado 13 54% 80 80%

Poca fidelización de los

11 62% 91 80%
clientes

Ausencia de un plan de
11 69% 102 80%
marketing digital

Poca interacción web 10 76% 112 80%

Falta de compromiso con

8 82% 120 80%
la empresa

Falta de manejo de
8 87% 128 80%
herramientas digitales

Falta de personal
6 91% 134 80%
capacitado

Poca comunicación con los

6 95% 140 80%
trabajadores

Ausencia de PCs 5 99% 145 80%

Ausencia de oficinas
2 100% 147 80%
físicas

TOTAL 147

Tabla.6 Tabla de porcentajes.

31
 CAPÍTULO 3

DIAGRAMA DE PARETO
100%
140
130 90%
120 80%
110
100 70%
90 60%
80
50%
70
60 40%
50
30%
40
30 20%
20
10%
10
0 0%

FRECUENCIA PORCENTAJE 80 - 20

Fig. 6 Diagrama de Pareto

32
 CAPÍTULO 3

CAPÍTULO 4
Propuesta técnica de la Innovación.

33
 CAPÍTULO 4

4.1 Descripción de la Innovación.

Al obtener las cusas y efectos de nuestras bajas ventas por el poco posicionamiento que

tenemos en el mercado, vamos a plantear soluciones para el problema que afecta a la empresa.

La innovación es el desarrollar una página web con el propósito de brindar más información

de nuestra empresa, así como el promocionar nuestros servicios, no solo ante nuestros clientes

habituales, sino que también a nuevos clientes que esperamos atraer, de esta manera

conseguiremos mejorar nuestro posicionamiento web y por consecuente aumentar nuestras

ventas.

4.2 Sostenibilidad del proyecto.

En este punto se darán consideraciones para poder realizar la acción de mejora.

4.2.1 Consideraciones Técnicas

- Tener una computadora con una buena memoria RAM.

- Mantener actualizados en sus últimas versiones todos los programas que se

van a usar.

- Revisar si el internet tiene buena cobertura.

- Tener en un USB u otra unidad de almacenamiento un respaldo del trabajo.

4.2.2 Consideraciones Operativas

- Mantener al cliente siempre al tanto de cada fase del proyecto.

- Tomar en cuenta la identidad de la empresa

34
 CAPÍTULO 4

- Trabajar en la experiencia del usuario al navegar por la página web

- Redactar información precisa y correcta de cada servicio y de la

información de la empresa.

4.2.3. Consideraciones Ambientales

- El ambiente deber ser libre de ruido y tener una óptima iluminación para la

realización del proyecto.

- Mantener el área de trabajo ordenado y limpio

35
 CAPÍTULO 4

4.3 Diagramas, dibujos, esquemas o procesos.

Diagrama de operación actual mejorado (DAP).

DIAGRAMA DE ANÁLISIS DEL PROCESO MEJORADO

EMPRESA JORMANT E.I.R.L
DEPARTAMENTO / ÁREA DISEÑO GRÁFICO DIGITAL
RESUMEN DISEÑO Y DESARROLLO DE UNA PÁGINA WEB
Método Método
ACTIVIDAD Diferencia Observador
Actual Mejorado
OPERACIÓN 7 7 -
INSPECCIÓN 1 1 - Método Actual Mejorado
TRANSPORTE - - -
COMBINADA 4 4 -
DEMORA - - - Tiempo Tiempo
Símbolo
ALMACENAJE - - - Minutos Minutos
TOTAL 12 12 -
Tiempo Total 4730 min 2570 min 2160 min

N° Descripción Tiempo Actual Tiempo Mejorado

1 Análisis de la empresa 60 min 60 min
2 Definir objetivos 30 min 30 min
3 Estructurar la página web 30 min 30 min
4 Diseño de la página web 120 min 120 min
5 Inspección y corrección 80 min 80 min
6 Crear y editar contenido 120 min 120 min
7 Maquetación del diseño 240 min 240 min
8 Aprobar el diseño 3600 min 1440 min
9 Desarrollar la página 300 min 300 min
10 Agregar contenido 30 min 30 min
11 Realizar pruebas 60 min 60 min
12 Publicar la página 60 min 60 min
TOTAL 4730 min 2570 min

Tabla.7 Diagrama de operación DAP Mejorado

36
 CAPÍTULO 4

4.4 Plan de ejecución de la Innovación.

Secuencia Responsable Acciones Tiempo Indicador de Seguimiento

Conocer la
Análisis de la Gerente y Identificación de la visión
situación de la 60 min
empresa Diseñador de la empresa.
empresa
El estilo de la página web
Definición de Gerente y Mediante apuntes y de acuerdo al contenido que
30 min
objetivos Diseñador lluvia de ideas se mostrará en la página
web.
Se realizará
Bocetar la Función y contenido de
mediante el
estructura de la Diseñador 30 min cada sección de la página
programa de
página web web.
Photoshop
Visualizar como lucirá la
Diseño y
Mediante el página web al desarrollarla
maquetación de Diseñador 360 min
programa Figma y lograr la presentación
la página web
final.

Corrección y Realizar cambios y

Gerente y
aprobación del Mediante softwares 3680 min determinar el diseño final
Diseñador
diseño de la página web.

Definición de los
Desarrollo de la Diseñador y Por el programa de
300 min parámetros de diseño
página web programador Visual Studio
solicitados por la empresa.

Publicación de la página
Publicación de la Diseñador y Mediante un host web donde se compartirá
60 min
página web programador contratado información más precisa,
así como de sus servicios.

Tabla.8 Cuadro de acción de la mejora propuesta.

37
 CAPÍTULO 4

4.4.1 Desarrollo y ejecución del proyecto:

PASO 1: Recopilación de información y revisión del manual de identidad de la empresa.

Toda la información de la empresa y de sus servicios fue recopilada de sus redes sociales y

otorgada por el gerente de la empresa.

Así mismo se revisó el manual de identidad para revisar cuales son las pautas establecidas

en esta, para respetar la imagen con la que se quiere expresar la empresa.

Revisión del manual para ver

los colores y degradados
corporativos permitidos que
usaremos en la página.

De acuerdo al manual, se
eligió una de las texturas que
se establecieron.

Utilizaremos la familia
tipográfica “Acumin”
respetando el uso de cada
variable de acuerdo al manual
de identidad.

Con los símbolos indicados

vamos usarlos para
decoración, en las que
pondremos imágenes y textos.

38
 CAPÍTULO 4

PASO 2: Estructuración de la Página Web (Wireframe)

La estructura se realizó con el programa Photoshop.

LOGO DE LA BARRA DE
EMPRESA NAVEGACIÓN

CARRUSEL
BANNERS

NOSOTROS:
Misión y visión de
la empresa escrito
en un párrafo.

SERVICIOS:
Tarjetas con íconos
representando cada
servicio con una
descripción
detallada y breve.

NUESTROS PROYECTOS
PROYECTOS:
Galería de imágenes
donde evidenciamos
los trabajos que
hace la empresa.

CLIENTES:
Lista de clientes que
tenemos
recurrentemente.
FOOTER -
CONTÁCTOS:
Información de
contacto, horarios
de atención, donde
atendemos y menú
de navegación
rápida.

39
 CAPÍTULO 4

PASO 3: Realización del diseño de la Página Web.

Al inicio se realizó tres diseños para que el cliente tuviera opciones para elegir.

PRIMERA OPCIÓN SEGUNDA OPCIÓN

40
CAPÍTULO 4

TERCERA OPCIÓN

Esta finalmente fue el diseño elegido y con el que

envase a este realizaremos las ediciones indicadas

por el gerente, además de la maquetación del

diseño y funcionamiento de la página en el

programa Figma.

Correcciones indicadas por el Gerente

• Cambio del banner: En lugar de uno se

agregaron 3 cambiando el estilo de este.

• Sección de Clientes: Por sugerencia del gerente

se agregó esta sección donde se mostrarán los

logos con los principales clientes que nos

frecuentan.

• Cambio de los íconos del Footer: Se señaló el

cambiar los íconos que indican el horario de

atención, ubicación, los contactos y redes

sociales, por íconos de color como en caso de las

redes sociales cada una con su logo original.

41
 CAPÍTULO 4

Paso 4: Edición y maquetación envase al diseño escogido.

Header: Encontraremos aquí el logo y la barra de navegación de la página.

Logo de la empresa

Barra de navegación con cada sección de la página.

Banner: En esta sección de la página se realizaron 3 Banners de acuerdo a las correcciones del

gerente como se describió en el paso anterior.

Primer banner

42
 CAPÍTULO 4

Segundo banner:

Tercer Banner:

43
 CAPÍTULO 4

Sobre nosotros: Sección en la que resumiremos lo que ofrecemos y nuestro objetivo como

empresa.

Nuestros Servicios: Sección donde se presentarán los servicios que brindamos junto a una

breve explicación de estos mismos.

Se usaron ícono por cada presentación de los servicios en conjunto a un resumen de los que

ofrecemos en cada servicio.

44
 CAPÍTULO 4

Nuestros Proyectos: Se diseñó un carrusel de imágenes de los proyectos que se realizaron por

cada servicio. Las imágenes fueron recopiladas y editadas para ser mostradas.

45
 CAPÍTULO 4

Al hacer click en cada ícono de los servicios se abrirá una ventana emergente donde se muestre

la imagen del trabajo en grande.

46
CAPÍTULO 4

47
 CAPÍTULO 4

Nuestros Clientes: En esta sección mostramos a nuestros clientes con los que tenemos

contratos frecuentemente.

El diseño de esta sección está pensado en poner un efecto “hover” en los logos de cada empresa

es decir en inicio aparecerán en blanco pero al pasar el puntero del mouse por el revelará el

logo con sus colores principales.

Representación de como funcionaría este efecto “Hover” en los logos.

48
 CAPÍTULO 4

Footer: El footer es donde por lo general va la información de contacto con la empresa, así

como los horarios de atención, ubicación de la empresa o en que ciudad o ciudades llega la

empresa a prestar sus servicios, las redes sociales y en ocasiones una pequeña barra de

navegación o un formulario.

Logo de la empresa
Barra de navegación Horarios de atención

Ubicación de donde Contactos Redes Sociales

llegamos con nuestros
servicios.

Copyright de la página que indica que todo contenido de la

pertenencia de la empresa que esté publicada en esta página está
protegido por derechos de autor.

49
CAPÍTULO 4

PASO 6: En este paso se mostrará al cliente la

proyección de como actuará la página cuando sea

programada y publicada.

También se presentará uno mockup del como quedaría

finalmente la página al momento de verse en una laptop o

computadora de escritorio y en teléfono.

50
 CAPÍTULO 4

PASO 7: Programación de la página.

Este paso se hará en conjunto al programador, con el cual con anterioridad se le habrá mostrado

también la maqueta de la página web, explicándole como se navegará por esta misma. Se

trabajará en conjunto por si en el proceso se necesita editar algún contenido visual de la página

o por si surge dudas de esta misma.

Códigos del Index (Página principal)

51
 CAPÍTULO 4

CSS GENERAL DE LA PÁGINA

NOSOTROS CSS CLIENTES CSS

52
 CAPÍTULO 4

Codigos del Header (Cabeza de la página)

53
 CAPÍTULO 4

CSS del Header (Hoja de estilos)

54
 CAPÍTULO 4

Header JS (JavaScript): Detecta cuando el usuario hace scroll y se le aplica un sitio al header

según su css.

Códigos del Carrusel del banner

55
 CAPÍTULO 4

Carrusel del Banner CSS (Hoja de estilo)

56
 CAPÍTULO 4

Animación Carrusel JS (JavaScript)

Códigos de las tarjetas de cada servicio

57
 CAPÍTULO 4

Tarjetas de servicios CSS (Hoja de etilos)

58
 CAPÍTULO 4

Códigos del carrusel de Proyectos.

59
 CAPÍTULO 4

Carrusel de Proyectos CSS (Hoja de estilos)

60
CAPÍTULO 4

Códigos del Footer

61
 CAPÍTULO 4

Footer CSS (Hoja de estilos)

62
 CAPÍTULO 4

PASO 8: Realizar pruebas de la página.

Una vez ya acabado la programación de la página se harán pruebas subiéndolo en un servidor

gratuito, de esta manera se visualizará si es que no haya errores de programación o si algún

elemento visual no se aprecia bien por baja calidad o si es que esta corrompido.

PASO 9: Publicación de la Página Web.

Por último, una vez terminado se hacer las pruebas que verifique que la página funciona como

se esperaba, se contratará un Host y se comprará un dominio, así se subirá la página al servidor

y finalmente se verá publicada.

63
 CAPÍTULO 4

4.5 Recursos técnicos para implementar la mejora propuesta.

ITEM DESCRIPCIÓN MUESTRA UNIDAD CANTIDAD

Adobe
1 Herramienta 1
Photoshop

2 Figma Herramienta 1

Visual Studio
3 Herramienta 1
Code

4 Laptop Herramienta 1

5 Internet Herramienta 1

Tabla.9 Tabla recursos para la implementación.

64
 CAPÍTULO 4

CAPÍTULO 5
Costos de la implementación de la Innovación.

65
 CAPITULO 5

5.1 Costo de mano de obra.

N° Colaboración Costo de colaboradores por día. Número de días Total

1 Diseñador Gráfico S/. 30.00 16 S/. 480.00
2 Programador S/. 40.00 20 S/. 800.00

Costo Total S/. 1280.00

5.2 Costo de máquinas, herramientas y equipos.

N° Descripción Tiempo Precio unitario Precio total

1 Alquiler de laptop 1 mes S/. 200.00 S/. 200.00
2 Paquete de Adobe 1 mes S/. 103.00 S/. 103.00
Precio Total S/. 303.00
5.3 Otros costos de implementación de la Innovación.

N° Descripción Tiempo Precio Unitario Precio Total

1 Paquete de Hosting y Dominio 1 año S/. 11.28 S/. 135.36
2 Consumo eléctrico 1 mes S/. 120.00 S/. 120.00
3 Internet 1 mes S/. 50.00 S/. 50.00
Costo Total S/. 305.36
5.4 Costo total de la implementación de la Innovación.

N° Descripción Costo Total

1 Costos de mano de obra. S/. 1280.00
2 Costos de máquina, herramientas y equipos. S/. 303.00
3 Otros costos de implementación. S/. 305.36
Total S/. 1888.36

66
 CAPITULO 5

CAPÍTULO 6
Evaluación técnica y económica de la Innovación.

67
 CAPITULO 6

6.1 Beneficio técnico y/o económico esperado de la Innovación.

• Ofrecer mayor información accesible de la empresa y de los servicios que podemos

brindar a los clientes.

• La empresa tendrá un mayor alcance con los usuarios al momento que ellos busquen

en los navegadores los servicios que ofrecemos.

• Se mejorará el posicionamiento web, aumentando nuestra ventaja frente a otras

empresas que no cuenten con una página web.

• Se obtendrá un mayor tráfico en las redes sociales al ser vinculadas con la página

web, así tener una mayor presencia en línea.

• Se aumentará las ventas gracias al aumento de alcance que tendremos.

• Recopilaremos mayor información de nuestro público objetivo con el uso de

herramientas digitales y analíticas que nos ayuden a comprender sus

comportamientos.

• Se reducirán los costos de marketing.

• Se obtendrá mayor competitividad en el mercado virtual al contar con un diseño único

y atractivo que nos destacará frente a la competencia.

• Se agilizará el proceso de ventas de los servicios al tener información al instante,

interacción en tiempo real y la cotización de los servicios de manera eficiente y

rápida.

68
 CAPITULO 6

Relación Beneficio/Costo.

Descripción Tiempo
Clientes del proceso actual 5 clientes x semana
Clientes del proceso mejorado 10 clientes x semana

En el transcurso del proyecto actual la empresa JORMANT ha obtenido un promedio de 5

clientes por semana, independientemente de los servicios realizados. Lo que el proyecto de

creatividad tiene como objetivo es el poder implementar una página web, mejorar el

posicionamiento web de la empresa, de manera orgánica, y el aumentar en un promedio del

100% los clientes semanales, que se ha pronosticado al realizar una entrevista al gerente sobre

lo que se espera ganar al implementar el proyecto.

Descripción N° de clientes Ganancia por cliente Ganancia Total

Proceso Actual 5 clientes S/. 600.00 S/. 3000.00
Proyecto 10 clientes S/. 600.00 S/. 6000.00
Beneficio S/. 3000.00

Beneficio – Costo

Beneficio – Costo
Beneficio S/. 3000.00 1.58
Costo S/. 1888.36

Nos vamos a dar cuenta que por cada sol que vamos a invertir recuperaremos 1.58 de lo gastado
por día.

69
 CAPITULO 6

CAPÍTULO 7
Conclusiones.

70
 CAPITULO 7

7.1 Conclusiones respecto a los objetivos del Proyecto de

Innovación.

Al terminar el proyecto de innovación se concluye que la implementación de la

página web para la empresa Jormant E.I.R.L. va a mejorar su presencia en línea,

además de lograr fortalecer la relación con nuestro público en general, haciéndola

más sólida y efectiva. La página web se hará un punto clave para el aumento de la

imagen de la empresa y su posicionamiento en el mercado digital, sentando así una

base para el futuro desarrollo de estrategias digitales que se implementarán en el

futuro.

No debemos olvidar que la página web debe estar siempre en constante

actualización, tanto de contenidos, hasta del mismo diseño de la página, pues con

el paso de tiempo se van haciendo nuevas tendencias regidas por el mercado que

no debemos ignorar.

Por último, gracias a la página se verá un aumento en nuestro posicionamiento

web, a la vez que se obtendrá más contratos, logrando estar a la par e incluso a

tener más ventaja con nuestros principales competidores en el mercado.

71
 CAPITULO 7

CAPÍTULO 8
Recomendaciones.

72
 CAPITULO 8

8.1 Recomendaciones para la empresa respecto del Proyecto de

Innovación.

✓ Se recomienda una actualización constante al contenido de la página web,

manteniendo la información relevante y actualizada de la empresa.

✓ Se recomienda el incluir herramientas interactivas como formularios, encuestas

y/o chat en línea con un bot para facilitar la comunicación con los usuarios.

✓ Se debe incorporar otros contenidos multimedia como videos o presentaciones de

nuestros servicios que brinden una mejor visión de estos a los clientes.

✓ Se debe establecer herramientas de análisis que ayude a monitorear el tráfico de la

web para obtener un mejor conocimiento del comportamiento de los clientes.

✓ Se recomienda plantear una estrategia de Marketing Digital que nos ayude a

aumentar aún más nuestro posicionamiento web.

✓ Es importante el optimizar constantemente el SEO para mantenernos bien

ubicados en los motores de búsqueda.

73
 REFERENCIAS BIBLIOGRAFICAS

Fredy Aldo Choquesillo Sanchez (2012) “Desarrollo e implementación de un portal web como

alternativa de solución para mejorar la calidad de servicio del cementerio general de Chincha”

http://repositorio.autonomadeica.edu.pe/bitstream/autonomadeica/45/3/FREDY%20ALDO%20

CHOQUESILLO%20SANCHEZ%20%20-

%20DESARROLLO%20E%20IMPLEMENTACION%20DE%20UN%20PORTAL%20WEB.

pdf

Nelly Julieth Ceballos Vergara (2016) “Implementación página web para la empresa Sáner

S.A.S”

http://repository.unilasallista.edu.co/dspace/bitstream/10567/1795/1/Implementacion_pagina_w

eb_Saner.pdf

Carlos de Jesús Tejero Fernández (2021) “Diseño web sobre la influencia del coronavirus al

diseño gráfico en el mundo”

https://issuu.com/carlostjero/docs/tesis_-_carlos_tejero

Nestrategia “Para qué sirve una página web”

https://nestrategia.com/para-que-sirve-pagina-

web/#:~:text=A%20continuaci%C3%B3n%20te%20ense%C3%B1amos%20m%C3%A1s,digit

al%2C%20entre%20otros%20aspectos%20importantes.

Juan Pedro Barba Soler (2014) “Diseño y Desarrollo Web”

https://riunet.upv.es/bitstream/handle/10251/49757/MEMORIA_Barba%20Soler%2C%20Juan

%20Pedro.pdf?sequence=1

74
 REFERENCIAS BIBLIOGRAFICAS

Marín Dueñas, P. P., & Lasso de la Vega Gonzál, M. del C. (2017). La efectividad de las

páginas web en la comunicación empresarial de las pequeñas y medianas empresas. Un estudio

en PYMES de la provincia de Cádiz. ZER: Revista De Estudios De Comunicación =

Komunikazio Ikasketen Aldizkaria, 22(42).

https://doi.org/10.1387/zer.17797

Francisco Beller & Javiera Castro (2011) “Impacto del uso de sitios web en las Pymes de

Puerto Montt”

http://cybertesis.uach.cl/tesis/uach/2011/bpmfeb442i/doc/bpmfeb442i.pdf

Genieri (2023) “El impacto del diseño web en la experiencia del usuario”

https://genieri.com/el-impacto-del-diseno-web-en-la-experiencia-del-

usuario/#:~:text=Una%20web%20con%20un%20dise%C3%B1o,reduce%20la%20tasa%20de

%20rebote.

75
 ANEXOS

Formulario realizado para el planteamiento del Costo – Beneficio en el capítulo 6.

LINK DE FIGMA

https://www.figma.com/file/gQtNNbDBnKADWksfjjLmQz/PAGINA-
WEB?type=design&node-
id=0%3A1&mode=design&t=2j2O3WA7lFJTjcJi-1

76
ANEXOS

77
ANEXOS

78
ANEXOS

79