“Diseño e implementación de una página web para la empresa Jormant E.I.R.L.

”
INTEGRANTE: Parra Bautista, Lelis Ingrid
ASESOR: Obando Saavedra, Eliana
CARRERA: Diseño Gráfico Digital www.senati.edu.pe
 PRESENTACIÓNDE LA EMPRESA
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.

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.

OBJETIVO: Brindar 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.

www.senati.edu.pe
 IDENTIFICACIÓN DEL PROBLEMA
LLUVIA DE IDEAS DIAGRAMA DE AFINIDADES
- Falta de innovación en el diseño
IDEA BASE IDEAS PLANTEADAS
- Falta de una página web - Falta de innovación en el diseño

- Inexistencia de una oficina física - Poca interacción en las redes sociales

DISEÑO
- Falta de un buen manejo de las redes sociales
- Poca visibilidad de la empresa
- Falta de una página web
- Pérdida de oportunidades de contratos laborales
- Poca visibilidad de la empresa
- Bajas ventas - Falta de inversión en publicidad

- Poca credibilidad VENTAS - Poco alcance demográfico

- Poca credibilidad
- Poco alcance demográfico - Bajas ventas

- Ausencia de una base de datos

- Ambiente laboral monótono
- Falta de un buen manejo de las redes sociales RECURSOS
- Poca comunicación interna
- Poca interacción en las redes sociales HUMANOS - Pérdida de oportunidades de contratos laborales

- Poca comunicación interna - Ausencia de estrategia de marketing

- Falta de inversión en publicidad - Falta de una base de datos
ADMINISTRACIÓN
- Inexistencia de una oficina física
- Ambiente laboral monótono

www.senati.edu.pe
 MATRIZ DE PRIORIZACIÓN
CRITERIOS PARA LA MATRIZ DE PRIORIZACIÓN
LEVE MEDIO GRAVE
1 3 5

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

www.senati.edu.pe
 MATRIZ DE PRIORIZACIÓN
TABLA DE PRIORIZACIÓN
PROBLEMAS DE
FRECUENCIA IMPORTANCIA FACTIBILIDAD TOTAL
INTERÉS
12 18 10
DISEÑO 3+3+5+1 5+5+3+5 3+1+3+3
40

14 20 10
VENTAS 5+5+3+1 5+5+5+5 3+5+1+1
44

8 10 8
RR.HH 1+3+1+3 3+1+3+3 3+1+3+1
26

4 8 6
ADMIN. 1+1+1+1 1+1+5+1 3+1+1+1
18

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.

www.senati.edu.pe
 OBJETIVOS
Objetivo General
Implementar una página web para la empresa Jormant con la finalidad de que tenga una mayor presencia en línea.

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.

JUSTIFICACIÓN
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. 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.

www.senati.edu.pe
 DISEÑO Y DESARROLLO
DE UNA PÁGINA WEB
ANÁLISIS DE LA EMPRESA
ANÁLISIS DE LA SITUACIÓN ACTUAL
DEFINIR OBJETIVOS
Diagrama de Operaciones del Proceso (DOP)
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 Actividad Símbolo Descripción

Indica las principales fases del

Operación
DESARROLLAR LA PÁGINA proceso, método o procedimiento

Indica que se verifica la calidad y/o

AGREGAR CONTENIDO Inspección
cantidad de algo.

Indica varias actividades

REALIZAR PRUEBAS Combinada
simultáneas.

PUBLICAR LA PÁGINA

www.senati.edu.pe
 ANÁLISIS DE LA SITUACIÓN ACTUAL
Diagrama de Actividades del Proceso (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
TRANSPORTE - Método Actual

Luego de plantear las operaciones del proceso, se realizará el COMBINADA

DEMORA
4
-
Diagrama de Actividades del Proceso (DAP) que se verá ALMACENAJE -
Símbolo
Tiempo
TOTAL 12 Minutos
reflejado en el siguiente cuadro: 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

www.senati.edu.pe
 DETERMINACIÓN DE LAS CAUSAS
Diagrama de Ishikawa.
HOMBRE MÁQUINA ENTORNO

Falta de personal capacitado Falta de ventajas frente a

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

Poca información de la empresa en línea Poco marketing en línea

MÉTODO MEDIDA

www.senati.edu.pe
 PRIORIZACIÓN DE LAS CAUSAS RAÍCES
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
Se encuestó a tres personas de la empresa con la Falta de compromiso con la empresa 2 3 3 8
lista de las causas de la problemática, cada uno Ausencia de PCs 3 2 0 5
calificó con el puntaje establecido en la siguiente Falta de ventajas frente a la
5
escala de valoración: competencia 3 5 13
Poca fidelización de los clientes 3 5 3 11
Ausencia de oficinas físicas 0 0 2 2
IMPACTO VALORACIÓN
Poco marketing en línea 5
NADA 0 5 3 13
Falta de manejo de herramientas
MUY POCO 1 3
digitales 2 3 8
POCO 2 Ausencia de un plan de marketing
REGULAR 3 3
digital 5 3 11
MUCHO 5 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

www.senati.edu.pe
 Diagrama de Frecuencia de las causas
FRECUENCIA
CAUSA FRECUENCIA PORCENTAJE 80 - 20
ACUMULADA
Ausencia de una página web 15 10% 15 80%
Falta de ventajas frente a la competencia 13 19% 28 80%
Poco marketing en línea 13 28% 41 80%
Falta de publicidad 13 37% 54 80%
Poca información de la empresa en línea 13 46% 67 80%
Bajas ventas en el mercado 13 54% 80 80%
Poca fidelización de los clientes 11 62% 91 80%
Ausencia de un plan de marketing digital 11 69% 102 80%
Poca interacción web 10 76% 112 80%
Falta de compromiso con la empresa 8 82% 120 80%
Falta de manejo de herramientas digitales 8 87% 128 80%
Falta de personal capacitado 6 91% 134 80%
Poca comunicación con los trabajadores 6 95% 140 80%
Ausencia de PCs 5 99% 145 80%
Ausencia de oficinas físicas 2 100% 147 80%
TOTAL 147

www.senati.edu.pe
 DIAGRAMA DE PARETO
DIAGRAMA DE PARETO
Se obtiene que los siguientes puntos son las causas del 80%
100%
140 de nuestro problema en nuestro bajo posicionamiento web,
130 90%
lo cual se ve remitida en nuestras bajas ventas:
120 80%
110 - Ausencia de una página web.
100 70% - Falta de ventajas frente a la competencia.
90 60%
80
- Poco marketing en línea.
70 50% - Falta de Publicidad.
60 40% - Poca información de la empresa en línea.
50
40 30% - Bajas ventas en el mercado.
30 20% - Poca fidelización de los clientes.
20 - Ausencia de un plan de marketing digital.
10%
10
0 0% - Poca interacción web.

FRECUENCIA PORCENTAJE 80 - 20

www.senati.edu.pe
 PLAN DE ACCIÓN DE LA MEJORA
Secuencia Responsable Acciones Tiempo Indicador de Seguimiento
Gerente y Conocer la situación
Análisis de la empresa 60 min Identificación de la visión de la empresa.
Diseñador de la empresa
Gerente y Mediante apuntes y El estilo de la página web de acuerdo al contenido que se
Definición de objetivos 30 min
Diseñador lluvia de ideas mostrará en la página web.
Se realizará
Bocetar la estructura de la página mediante el
Diseñador 30 min Función y contenido de cada sección de la página web.
web programa de
Photoshop
Diseño y maquetación de la página Mediante el Visualizar como lucirá la página web al desarrollarla y
Diseñador 360 min
web programa Figma lograr la presentación final.

Gerente y Realizar cambios y determinar el diseño final de la página

Corrección y aprobación del diseño Mediante softwares 3680 min
Diseñador web.
Diseñador y Por el programa de Definición de los parámetros de diseño solicitados por la
Desarrollo de la página web 300 min
programador Visual Studio empresa.
Diseñador y Mediante un host Publicación de la página web donde se compartirá
Publicación de la página web 60 min
programador contratado información más precisa, así como de sus servicios.

www.senati.edu.pe
 DIAGRAMA DE ACTIVIDADES DEL PROCESO 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
En el Diagrama de Actividades del Proceso Mejorado se
N° Descripción Tiempo Actual Tiempo Mejorado
verá reflejado las mejoras al optimizar los tiempos en los 1 Análisis de la empresa 60 min 60 min
que se llevarán acabo los procesos: 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

www.senati.edu.pe
 PROPUESTA

DISEÑO Y PÁGINA
WIREFRAME MAQUETACIÓN WEB

www.senati.edu.pe
 COSTOS DE LA IMPLEMENTACIÓN DE LA MEJORA
Costos de mano de obra. Costos de máquinas, herramientas y equipos.
Costo de Precio
Número
N° Colaboración colaboradores Total N° Descripción Tiempo Precio total
por día.
de días unitario
1 Diseñador Gráfico S/. 30.00 16 S/. 480.00 1 Alquiler de laptop 1 mes S/. 200.00 S/. 200.00
2 Programador S/. 40.00 20 S/. 800.00 2 Paquete de Adobe 1 mes S/. 103.00 S/. 103.00
Costo Total S/. 1280.00
Precio Total S/. 303.00

Otros costos de implementación de la Innovación. Costos total de la implementación de la Innovación.

N° Descripción Tiempo Precio Unitario Precio Total N° Descripción Costo Total

Paquete de 1 Costos de mano de obra. S/. 1280.00
1 Hosting y 1 año S/. 11.28 S/. 135.36
Dominio 2 Costos de máquina, herramientas y S/. 303.00
2
Consumo
1 mes S/. 120.00 S/. 120.00 equipos.
eléctrico
3 Internet 1 mes S/. 50.00 S/. 50.00
3 Otros costos de implementación. S/. 305.36

Costo Total S/. 305.36 Total S/. 1888.36

www.senati.edu.pe
 BENEFICIO TÉCNICO Y/O TECNOLÓGICO ES PERADO 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 de 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.

www.senati.edu.pe
 BENEFICIO / COSTO
En el siguiente cuadro se visualiza las ganancias y los clientes que se tiene actualmente y cual
será el aumento al llevar a cabo el proyecto, calculando el beneficio esperado según lo
proyectado por el gerente de la empresa.
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 S/. 3000.00
Costo S/. 1888.36 1.58

INTERPRETACIÓN: Esto quiere decir que por cada sol que se invirtió en el proyecto se
recuperará S/ 1.58. Por lo que el proyecto de innovación resulta viable económicamente.

www.senati.edu.pe
 CONCLUSIONES
- Mejor presencia en línea
- Mejor relación con el publico general.
- Mejora imagen de la empresa.
- Mejor posicionamiento en el mercado
digital.
- Mayor posicionamiento web.
- Aumento en ventas.

www.senati.edu.pe
www.senati.edu.pe