Iseño de Pagina Web para Empresa Bicimotos El Líder

FACULTAD DE INGENIERA
CARRERA DE INGENIERA EMPRESARIAL
DISEO DE UNA SOLUCIN EMPRESARIAL WEB Y SU INFLUENCIA

EN LOS PROCESOS COMERCIALES DE LA EMPRESA BICIMOTOS
EL LDER E.I.R.L. DE LA CIUDAD DE TRUJILLO, AO 2017
CURSO : Desarrollo de soluciones empresariales
ESTUDIANTES : Sevillano Gastaudi Sara Sofia
Valverde Flores Evelyn
DOCENTE : Ing. Edward Alberto Vega Gavidia
FECHA : 10/11/2017
TRUJILLO PERU
2017
PRESENTACIN
Ing. Edward Vega Gavidia, en cumplimiento con las exigencias metodolgicas y
acadmicas establecidas en la asignatura de DESARROLLO DE SOLUCIONES
EMPRESARIALES las alumnas del sptimo ciclo de la Carrera de Ingeniera Empresarial
ponemos a su consideracin el presente trabajo para ser revisado y evaluado conforme a
las exigencias acadmicas.
Este trabajo ha sido elaborado teniendo como referencia la metodologa establecida en el
curso, tomando datos verdicos y comprobables de la empresa BICIMOTOS EL LIDER
E.I.R.L., con respecto a la implementacin de ERP en sus procesos, lo mismo que nos
permiti reconocer, categorizar, evaluar, analizar y plantear propuestas de mejora
basndonos en los objetivos que este negocio desea alcanzar.
EL EQUIPO DE TRABAJO
DISEO DE UNA SOLUCIN EMPRESARIAL WEB Y SU INFLUENCIA EN LOS
PROCESOS COMERCIALES DE LA EMPRESA BICISPORT S.A.C. DE LA
CIUDAD DE TRUJILLO, AO 2017
DEDICATORIA
El presente compendio lo dedicamos

primeramente a Dios por brindarnos la vida y la
salud para poder seguir adelante. Seguidamente lo
dedicamos a nuestros padres, hermanos y docente
del curso en mencin por su apoyo incondicional,
por sus sabias y coherentes enseanzas para poder
formarnos y cumplir la meta que nos hemos trazado,
ser unos ingenieros competentes y de beneficio
para nuestras familias y la sociedad.
Las autoras.
Sevillano Gastaudi, S.; Valverde Flores, E. ii

AGRADECIMIENTO
Este es el resultado del esfuerzo conjunto de

todos los que formamos el grupo de trabajo. Por esto
agradecemos primeramente a Dios por darnos la
vida y la salud asimismo a usted Ing. Edward Vega
Gavidia, por brindarnos cada da sus conocimientos
con gran claridad y por la gran paciencia que nos
tiene a todos a lo largo de todas sus clases;
seguidamente a nuestros padres quienes a lo largo
de toda nuestra vida nos estn apoyando y
motivando en una formacin acadmica, creyeron en
nosotros en todo momento y no dudaron de nuestras
habilidades; y finalmente un eterno agradecimiento a
esta prestigiosa Universidad Privada del Norte la
cual abri sus puertas para prepararnos a un futuro
competitivo y formndonos como personas de bien.
Las autoras.
Sevillano Gastaudi, S.; Valverde Flores, E. iii

NDICE DE CONTENIDOS
PRESENTACIN ................................................................................................................................ i
DEDICATORIA .................................................................................................................................. ii
AGRADECIMIENTO ......................................................................................................................... iii
NDICE DE CONTENIDOS ............................................................................................................... iv
NDICE DE TABLAS ......................................................................................................................... vi
NDICE DE ILUSTRACIONES ......................................................................................................... vii
NDICE DE ANEXOS ...................................................................................................................... viii
RESUMEN......................................................................................................................................... ix
ABSTRACT ........................................................................................................................................ x
CAPTULO 1. INTRODUCCIN .................................................................................................. 11

1.1. Realidad problemtica ......................................................................................................... 11
1.2. Formulacin del problema.................................................................................................... 12
1.3. Justificacin .......................................................................................................................... 12
1.4. Limitaciones ......................................................................................................................... 13
1.5. Objetivos .............................................................................................................................. 13
Objetivo General .................................................................................................................. 13
Objetivos Especficos ........................................................................................................... 13
CAPTULO 2. MARCO TERICO ............................................................................................... 14

2.1. Antecedentes ....................................................................................................................... 14
2.2. Bases Tericas .................................................................................................................... 16
2.3. Definicin de trminos bsicos ............................................................................................ 18
CAPTULO 3. HIPTESIS ........................................................................................................... 18

3.1. Formulacin de la hiptesis ................................................................................................. 18
CAPTULO 4. MATERIAL Y MTODOS..................................................................................... 19

4.1. Tipo de diseo de investigacin ........................................................................................... 19
4.2. Material................................................................................................................................. 19
4.2.1. Unidad de estudio. ................................................................................................ 19
4.2.2. Poblacin .............................................................................................................. 19

4.2.3. Muestra. ................................................................................................................ 19
4.3. Mtodos ............................................................................................................................... 19
4.3.1. Tcnicas de recoleccin de datos y anlisis de datos ......................................... 19
Sevillano Gastaudi, S.; Valverde Flores, E. iv

Procedimientos .................................................................................................................... 19
Mtodos 23
CAPTULO 5. DESARROLLO ..................................................................................................... 20

5.1. Anlisis de la Solucin ......................................................................................................... 20
5.1.1. Descripcin del proceso ....................................................................................... 20
5.1.2. Segmentacin de clientes (Tabulado y detallado)................................................ 21
5.1.3. Mapa de empata (Detallado) ............................................................................... 22
5.1.4. Objetivos del negocio ........................................................................................... 23
5.1.5. Objetivos respecto del Sitio Web.......................................................................... 23
5.1.6. Estrategias (04 enmarcadas en 3 de las 5P de la Estrategia) ............................. 23
5.2. Arquitectura de la Informacin ............................................................................................. 24
5.2.1. Tabla general de contenidos ................................................................................ 24
5.2.2. Tabla de contenidos por Tipo ............................................................................... 25
5.2.3. Sistema de Navegacin (Organizador visual - Se puede hacer en MS Visio) ..... 25
5.2.4. ndice de contenidos ............................................................................................. 25
5.2.5. Prototipo de buscador........................................................................................... 27
5.3. Diseo de la Solucin .......................................................................................................... 28
5.3.1. Tipo de diseo web............................................................................................... 28
5.3.2. Prototipos de interfaz ............................................................................................ 30
5.3.3. Paleta de colores (Muestra de colores y descripcin) .......................................... 33
5.3.4. Arte grfico de la interfaz ...................................................................................... 35
CAPTULO 6. CONCLUSIONES ................................................................................................. 38
CAPTULO 7. RECOMENDACIONES ........................................................................................ 39
CAPTULO 8. REFERENCIAS BIBLIOGRAFICAS .................................................................... 40
CAPTULO 9. ANEXOS ............................................................................................................... 41
Sevillano Gastaudi, S.; Valverde Flores, E. v

NDICE DE TABLAS
Tabla 1 SEGMENTACION DE CLIENTES ................................................................................ 21

Tabla 2 TABLA DE CONTENIDOS .............................................................................................. 24
Tabla 3 - TABLA TIPO DE CONTENIDO ....................................................................................... 25
Sevillano Gastaudi, S.; Valverde Flores, E. vi

NDICE DE ILUSTRACIONES
Ilustracin 1 - MAPA DE EMPATA ............................................................................................... 22

Ilustracin 2 - MAPA DE SITIO WEB............................................................................................. 25
Ilustracin 3 PROTOTIPO DE BUSCADOR ............................................................................... 27
Ilustracin 4 PROTOTIPO DE INTERFAZ (Portada) ................................................................. 30
Ilustracin 5 PROTOTIPO DE INTERFAZ (Interior) .................................................................. 31
lIustracin 6 PROTOTIPO DE INTERFAZ (Mvil) ..................................................................... 32
Ilustracin 7 - PALETA DE COLORES (ROJO) ............................................................................ 33
IIustracin 8 - PALETA DE COLORES (AZUL)34
Ilustracin 9 ARTE GRFICO DE INTERFAZ (Portada) ........................................................... 35
Ilustracin 10 ARTE GRFICO DE INTERFAZ (Interior) .......................................................... 36
Ilustracin 11 ARTE GRFICO DE INTERFAZ (Mvil) ............................................................. 37
Sevillano Gastaudi, S.; Valverde Flores, E. vii

NDICE DE ANEXOS
Anexo 1 - FOTO GRUPAL EN LA EMPRESA....................................................................41

Anexo 2 - REA DE CAJA..................................................................................................41
Anexo 3 REA DE VENTA...............................................................................................42
Anexo 4 - REA DE ALMACN.42
Anexo 5 - FACHADA BICIMOTOS EL LIDER.....................................................................43
Sevillano Gastaudi, S.; Valverde Flores, E. viii

RESUMEN
El presente trabajo de investigacin fue realizado por un grupo de estudiantes de la

Universidad Privada del norte, de la carrera de Ingeniera Empresarial, en el trabajo se
realiz el diseo de una solucin web la cual ayudar a la parte comercial de la empresa
BICIMOTOS EL LDER E.I.R.L. perteneciente al rubro de comercializacin de
motocicletas y repuestos para estas, la empresa est ubicada en la ciudad de Trujillo.
Para dar inicio a este trabajo se tuvo que analizar la empresa de estudio, se identific sus
procesos y sus puntos dbiles en el rea comercial; posteriormente segmentamos a
nuestros clientes objetivos y elaboramos un perfil de estos el cual nos fue til para el
diseo de la solucin web, seguido de ello se identific el contenido que tendra la pgina,
por ltimo se elabor los prototipos de la pgina y se seleccionaron los colores que esta
contendra.
Sevillano Gastaudi, S.; Valverde Flores, E. ix

ABSTRACT
The present research work was carried out by a group of students of the Universidad
Privada del Norte, of the Business Engineering degree, in the work was carried out the
design of a web solution for which it was the commercial part of the company BICIMOTOS
THE LEADER EIRL belonging to the commercialization of motorcycles and spare parts for
these, the company is located in the city of Trujillo.
To begin this work, the study company had to be analyzed, its processes and its weak
points in the commercial area were identified; then we segmented our target customers and
developed a profile of these methods that were used for the design of the web solution,
followed by what was identified as the content that the page has, finally the prototypes of the
page were elaborated and the colors it would contain were selected.
Sevillano Gastaudi, S.; Valverde Flores, E. x

CAPTULO 1. INTRODUCCIN
1.1. Realidad problemtica
Hoy en da, existe gran cantidad de proyectos basados en el diseo de soluciones

web en el Per, y ms an, a nivel internacional. Dichas soluciones son
implantadas en diversas empresas de diferentes rubros, ya sean comerciales,
financieros, acadmicos, etc., por lo general, la gran mayora se basan , en
consultas a Bases de Datos, sobre tpicos acadmicos, negocios, culturales, de
entretenimiento, etc., brindndole al cliente la informacin que necesita en tiempo
real, accediendo a ellos, mediante un dispositivo mvil o celular. Ya que en el
mercado nacional la gran mayora de usuarios cuenta con un dispositivo mvil.
Hay que tener en cuenta que hoy en da las tecnologas de transacciones
comerciales web, vienen siendo aceptadas en el mercado internacional,
especialmente en Europa, pero an no en el mercado Peruano, ya que la mayora
de usuarios prefieren hacer sus compras de la manera tradicional, ya que existe
an, algo de desconfianza y sobretodo desconocimiento de el uso de estas
plataformas, sin embargo es importante resaltar que, poco a poco, la tecnologa
WAP est surgiendo como una alternativa, confiable, eficiente y barata. De esta
manera, algunas empresas emplean diferentes maneras de vender sus productos,
una es la publicidad va Web, dando informacin al cliente y dndole la opcin de
compra de algn producto, con toda la seguridad que esta operacin amerite.
El presente estudio de investigacin fue realizado en la empresa BICIMOTOS EL
LDER E.I.R.L., en el cual se realiz un anlisis de la empresa; del cual resulto
una serie de requerimientos funcionales y no funcionales que deberan ser
cubiertos por la solucin empresarial; de igual modo se determina la problemtica
y viabilidad de la implementacin de una solucin web en la empresa BICIMOTOS
EL LDER E.I.R.L. Finalmente se har referencia a los costos que conllevar
dicho proyecto y as hacer una evaluacin sobre el retorno de la inversin.
Sevillano Gastaudi, E.; Valverde Flores, E. Pg. 11

1.2. Formulacin del problema
De qu manera el diseo de una solucin empresarial web influye en los procesos

comerciales para la empresa BICIMOTOS EL LDER E.I.R.L. de la ciudad de
Trujillo, ao 2017?
1.3. Justificacin
El presente trabajo de investigacin realizado por alumnas de la Universidad Privada

del Norte de la carrera de Ing. Empresarial; servir para la identificacin de procesos y
deficiencias que tiene la empresa BICIMOTOS EL LDER E.I.R.L. las cuales sern
solucionadas con el soporte tecnolgico, asimismo ser til para la implementacin de
una solucin web, y determinar los beneficios que trae consigo dicha implementacin.
Es por ello que la elaboracin del presente trabajo de investigacin es importante ya
que est enfocado a ayudar a la empresa BICIMOTOS EL LDER E.I.R.L a identificar
y reducir los puntos dbiles dentro de sus procesos mediante el uso del sistema ERP
en el presente ao 2017. Adems, el presente trabajo servir como base y referencia
para futuros trabajos de investigacin a realizar por los estudiantes de la Universidad
Privada del Norte.
Para la elaboracin del presente trabajo se aplicaron los conocimientos adquiridos a
lo largo del ciclo 2017-2 en el curso de Desarrollo de Soluciones Empresariales a
cargo del Ing. Edward Alberto Vega Gavidia, y tambin de los cursos llevados
anteriormente en la carrera de Ing. Empresarial de la Universidad Privada del Norte.

1.4. Limitaciones
Para el correcto desarrollo del presente trabajo se presentaron algunas

limitaciones:
- El tiempo fue un factor determinante y la mayor limitacin ya que no todos los

participantes del grupo contaban con las mismas horas libres por los diversos
horarios de la universidad y trabajo, para poder llevar una adecuada
organizacin.
- Dificultad para obtener bibliografa actualizada donde ambas variables estn

relacionadas. Se obtuvo pocos antecedentes en donde podamos basarnos
para realizar el estudio.
1.5. Objetivos
Objetivo General
Disear, desarrollar e implementar una solucin empresarial web que permita la

gestin de los procesos comerciales en la empresa Bicimotos El Lder E.I.R.L. de
la ciudad de Trujillo, ao 2017.
Objetivos Especficos
- Identificar nuestro mercado objetivo.

- Identificar los procesos de la empresa
- Elaborar un prototipo y listado del contenido para nuestro sitio web.
- Disear el sitio web de la empresa Bicimotos El Lder EI.R.L.

CAPTULO 2. MARCO TERICO
2.1. Antecedentes
Delgado, P. (2013) En su tesis titulada Proyecto de factibilidad para la creacin

de una empresa que ofrezca soluciones de comercio por medio de una pgina
web en las actividades de compra y venta de productos y servicios en la ciudad
de Quito en el cual pretende determinar la cantidad de medianas empresas
comerciales y de servicios que existen en el Distrito Metropolitano de Quito, que
puedan y deseen ser parte de una pgina web que ofrezca soluciones de
comercio en las actividades de venta, compra y pago de sus productos y
servicios cuya ventaja competitiva se refiere a la accesibilidad a una gama de
mercados, a formas de pago y logstica de entrega a domicilio.
Es por esa razn, que a travs de este proyecto presenta un atractivo enfoque del
comercio electrnico dentro de los negocios, su influencia en el mundo laboral y
su proyeccin de crecimiento a futuro gracias al incremento de su popularidad del
internet tanto a nivel individual como corporativo, siendo as que el internet ha
cambiado la forma en que muchas empresas conducen sus negocios.
Farro, M. (2007) en su tesis titulada Estudio de los Sistemas de Gestin de

Recursos Empresariales (ERP) en el Per orientado a las PYMES", cuyo
objetivo de investigacin fue Determinar el proceso de seleccin de un ERP,
presentando las diversas opciones del mercado local de productores de
software., concluyeron que La inversin de un ERP puede ser recuperable en
un corto plazo, debido a que se tomarn mejores decisiones, por el beneficio de
las reas beneficiadas con la optimizacin de los procesos internos de
planificacin, control y ejecucin."
Goncalves, V. (2007) En su trabajo de grado titulado Diseo de una propuesta

de un sitio web para mejorar los servicios de la agenda de comunicaciones
corporativas Tips imagen y Comunicaci C.A. En el cual surge la necesidad
de de la creacin de una pgina web para dicha empresa con el fin de dar a
conocer sus servicios y ampliar su portafolio de clientes, lo que permitir el
crecimiento constante de la compaa y de esta manera los usuarios estn
informados de los eventos y proyectos realizados por la empresa .
Esta empresa solo cuenta con un medio de promocin, que es la distribucin de
una revista denominada Tips. Pero este material impreso como medio
publicitario, no es lo suficientemente eficiente.
A travs de la realizacin de este proyecto se concluy que las ventajas de la
pgina Web son amplias , debido a que a travs de este medio el cliente
obtendr la informacin necesaria sin necesidad de llamar a la empresa para
solicitar informacin, lo que origina mayor tiempo para los empleados en la
ocupacin de otros proyectos . Tambin mantendrn un contacto directo con los
clientes, adems de la promocin permanentemente de sus productos y servicios
las 24 horas, 7 das a la semana, los 365 das del ao.
Islas, J. (2005) En su tesis titulada Desarrollo de un sitio Web para PROFECO

Hidalgo en la cual se plantea el desarrollo de un sitio Web para PROFECO
Hidalgo, que sea atractivo al usuario y cuente con la informacin necesaria para
dar a conocer las funciones de esta institucin , con una BD, en donde el usuario
pueda registrarse, documentar sus quejas, denuncias o posteriormente se le
puede mandar informacin sobre los temas que trate el sitio Web en la actualidad
como noticias, boletines informativos ,etc.

2.2. Bases Tericas
SOLUCIONES WEB
a) Definicin de Pginas Web:

Se conoce como pgina web al documento que forma parte de un sitio web y que
suele contar con enlaces (tambin conocidos como hipervnculos o links) para facilitar
la navegacin entre los contenidos.
Las pginas web estn desarrolladas con lenguajes de marcado como el HTML, que
pueden ser interpretados por los navegadores. De esta forma, las pginas pueden
presentar informacin en distintos formatos (texto, imgenes, sonidos, videos,
animaciones), estar asociadas a datos de estilo o contar con aplicaciones interactivas.
Entre las mltiples caractersticas que tiene una pgina web y que sirven para
identificarla se encuentran las siguientes: cuenta con informacin textual y tambin
con material de tipo audiovisual, est dotada de un diseo atractivo, est optimizada y
ejerce como la tarjeta de presentacin de una empresa, una persona o un profesional
concreto.
b) Definicin de diseos web:

El diseo web es una de las disciplinas del diseo, entre las que se encuentra
tambin el diseo grfico, que constituye una de las funciones creativas ms
elementales del marketing por Internet y que tiene por objetivo la produccin de sitios
web. El propsito del diseo web no slo es lograr un efecto visual agradable y
armona entre los distintos elementos que integran un sitio web, sino tambin
alcanzar un ptimo desempeo en su operacin y el mximo nivel de exposicin
posible para cumplir satisfactoriamente con la funcin de promocin para la que son
creados los sitios.
El diseo web es una de las disciplinas tecnolgicas que han venido evolucionando
rpidamente en esta ltima dcada y se ha convertido en una de las reas de mayor
oportunidad dentro de una industria en constante evolucin y crecimiento.
En el mbito empresarial, las pginas web se han convertido sin duda en una potente
arma de comunicacin y en un canal de ventas indispensable para toda empresa.

PROCESOS
c) Definicin de proceso:
Un proceso es un conjunto de actividades planificadas que implican la participacin
de un nmero de personas y de recursos materiales coordinados para conseguir un
objetivo previamente identificado. Se estudia la forma en que el Servicio disea,
gestiona y mejora sus procesos (acciones) para apoyar su poltica y estrategia y para
satisfacer plenamente a sus clientes y otros grupos de inters
Tipos de proceso
- Procesos Estratgicos y/o Administrativos: Son aquellos que

aportan directrices a todos los dems y estn destinados a definir y
controlar las metas de la organizacin, sus polticas y estrategias.
- Procesos Operativos: Tambin conocidos como procesos clave, son

los que permiten generar el producto o servicio que se entrega al
cliente, por ende, el ncleo del negocio.
- Procesos de Soporte: Identificados tambin como procesos de

apoyo ya que brindan soporte.
SISTEMAS DE INFORMACIN
d) Definicin de Sistema de Informacin:
Segn el autor Laudon, profesor de Administracin de Empresas, un sistema de
informacin es un organismo que recolecta, procesa, almacena y distribuye
informacin. Son indispensables para ayudar a los gerentes a mantener ordenada su
compaa, a analizar todo lo que por ella pasa y a crear nuevos productos que
coloquen en un buen lugar a la organizacin. Esta definicin es una de las nicas que
manifiesta la exigencia de que un sistema de informacin tenga componentes,
aunque no especifica cules deban ser, posiblemente porque intenta englobar todas
las posibles variantes de este concepto. Cabe resaltar que el concepto de sistema de
informacin suele ser utilizado como sinnimo de sistema de informacin informtico,
aunque no son lo mismo. Este ltimo pertenece al campo de estudio de la tecnologa
de la informacin y puede formar parte de un sistema de informacin como recurso
material. De todas formas, se dice que los sistemas de informacin tratan el
desarrollo y la administracin de la infraestructura tecnolgica de una organizacin.

2.3. Definicin de trminos bsicos
Implementacin: Es la instalacin de una aplicacin informtica, realizacin o

la ejecucin de un plan, idea, modelo cientfico, diseo, especificacin,
estndar, algoritmo o poltica.
Proceso: Es la sucesin de actos o acciones realizados con cierto orden, que

se dirigen a un punto o finalidad, as como tambin al conjunto de fenmenos
activos y organizados en el tiempo. Segn el diccionario de la real academia
espaola esta palabra es definida como la accin de ir hacia adelante, al
transcurso del tiempo, al conjunto de las fases sucesivas de un fenmeno
natural o de una operacin artificial.
Sistema de Informacin: Conjunto de elementos que interactan entre s con

un fin comn; que permite que la informacin est disponible para satisfacer
las necesidades en una organizacin, un sistema de informacin no siempre
requiere contar con recuso computacional aunque la disposicin del mismo
facilita el manejo e interpretacin de la informacin por los usuarios.
CAPTULO 3. HIPTESIS
3.1. Formulacin de la hiptesis
El diseo de una solucin empresarial web influye de manera positiva en los

procesos comerciales de la empresa BICIMOTOS EL LDER E.I.R.L. de la ciudad de
Trujillo, ao 2017.

CAPTULO 4. MATERIAL Y MTODOS
4.1. Tipo de diseo de investigacin.
El tipo de investigacin es No Experimental de diseo Transversal, porque solo se

manipula la solucin de acuerdo a una propuesta.
4.2. Material.
4.2.1. Unidad de estudio.

El cliente
4.2.2. Poblacin.
Todos los clientes
4.2.3. Muestra.
Se considera un muestreo no probabilstico,
especficamente un muestreo por juicio debido a que los
elementos son seleccionados de acuerdo a los
requerimientos.
4.3. Mtodos.
4.3.1. Tcnicas de recoleccin de datos y anlisis de datos
- Cualitativa
- Para obtener la informacin, es decir, los conjuntos de
estos datos que necesitaremos como base para probar
nuestra hiptesis, se utilizar los siguientes instrumentos:
Entrevista: Mediante preguntas cerradas, entrevista
rpida y entendible.
Observacin Directa.
4.3.2. Procedimientos
Para el desarrollo de la investigacin se realiz la recoleccin de
datos mediante la aplicacin de un focus group, en donde se tuvo
en cuenta la observacin de la sesin de aprendizaje.
Mtodos
Para la obtencin de los datos se proceder a realizar un trabajo
de campo en donde se aplique pruebas de observacin.

CAPITULO 5. DESARROLLO
5.1. Anlisis de la Solucin
La empresa BICIMMOTOS EL LDER E.I.R.L. ubicada en el jirn unin 113

Urb. Barrio el molino la Libertad Trujillo, dedicada a la venta de
motocicletas y repuestos para las mismas. La cual en el ao 2005 se
convierte en el distribuidor exclusivo de la marca RTM a nivel departamental.
Despus de un rpido crecimiento la empresa afronta una fuerte crisis
econmica y debido a esto en el ao 2009 se ve obligada a ampliar su lnea
de productos en cuanto a motocicletas, empezando a distribuir nuevas
marcas como CROSS, SUNSHINE, QINGQI y LIFAN. Despus de su
recuperacin econmica en el ao 2012 la empresa decide importar su
propia marca de motocicletas llamada ATILA la cual fue un xito en el
mercado de La Libertad.
Como ya es de conocimiento, hoy en da las tendencias comerciales actuales
y futuras obligan a las empresas a ser cada vez ms competitivas, para esto
es necesario que una empresa tenga optimizado e integrado todos sus
procesos y flujos internos de informacin al avance tecnolgico que
actualmente existe; es por ello que se plantea la implementacin de una
solucin empresarial web, mediante la cual sus clientes tengan mayor
alcance al producto, ya que vivimos en un mundo globalizado donde todo
gira alrededor del internet y sus avances, de esta manera se pretende
mejorar cada uno de los procesos comerciales con los que cuenta la empresa
actualmente.
5.1.1. Descripcin del proceso
El proceso de ventas online se da inicio cuando el cliente ingresa a la

pgina web de la empresa, luego de ello selecciona el producto
deseado, el sistema verifica la disponibilidad del producto, seguido de
ello si hay productos disponibles, se realiza la compra, posteriormente
se realiza el pago y se genera una orden de comprar la cual es
recepcionada por el encargado de las ventas online y se verifica el
pago en el rea contable, luego de ello se procede a empacar los
productos y se realiza el envo de productos al cliente segn direccin
especificada en la pgina web.

5.1.2. Segmentacin de clientes
FACTORES DESCRIPCIN VARIABLES
Habitantes de la ciudad de Trujillo y - Pas: Per

alrededores.
- Regin: La Libertad
Geogrfica
- Ciudad: Trujillo y
alrededores
Sector dirigido para ambos sexos.
Disponibilidad econmica mayor a - Edad: 22-35 aos
Demogrfica S/. 1000.00, con una edad entre 22 - Gnero: Ambos sexos
a
35 aos.
Realizan sus bsquedas en medios - Informacin de los productos

sociales, tiendas virtuales. mediante las redes sociales
Conductual (Facebook).
- Informacin mediante las
pginas web
Tendr una atencin mucho ms
rpido y personalizada, - Buena atencin al cliente.
exclusivamente para el cliente, la - Facilidades de pago.
Beneficios seguridad de que su producto - Garanta del producto
llegara ya que contara con un adquirido.
seguimiento. - Producto de calidad.
Compra de productos en su mayora - Personas que compran

en internet. motocicletas como un medio
de transporte.
Ocasional - Que cuentan con motocicleta y
(Situacional) compran repuestos para
reparar alguna falla.
- Personas que compran
accesorios para motocicletas
marcar su estilo.
.
Empresa mediana con clientes de - Personas naturales.
Empresarial diferentes edades.
TABLA 1 SEGMENTACIN DE CLIENTES

Fuente: Elaboracin
propia

5.1.3. Mapa de empata
COMODIDAD PARA QUE PIENSA Y SIENTE?

TRANSPORTARME DIVERSIN
Mucho gasto en
pasajes
ESTRS
Comodidad
Comentarios
sobre las Necesito movilizarme de
marcas manera ms rpida Amigos
Publicidad
sobre las Marcas y
Malos tiendas
comentarios calidades
QUE VE?
de la familia
QUE OYE?
Variedad de
Experiencia diseos y
Promocion
s de amigos Trfico modelos
es y ofertas
QUE
DICE Y
Comentarios HACE? Personas con
motivando a similares
Estoy Habla de
la compra gustos
inquieto Salir con motos
amigos
Estoy Motivado
estresado Ahorrara
pasajes
ESFUERZOS RESULTADOS
5.1.4. Objetivos del negocio

Satisfecho Disfrutar al
Deterioro Accidente
Incrementar lasElventas
pago deenla un 10% para la campaa Precio
con la navidea 2017 mximo
en la la
de la moto conduciend motocicleta accesible compra
empresa BICIMITOS EL LDER E.I.R.L.compra
de la ciudad de Trujillo
o
Lograr que el 8% de suscriptores adquieran los productos
No saber Robo de la Garanta del Larga vida
escoger Adquirir mensualmente un aproximado de 10
producto contactos de nuevos clientes
til del
motocicleta
potenciales. producto
Ilustracin 1 - MAPA DE EMPATA

Fuente: Elaboracin propia

5.1.5. Objetivos respecto del Sitio Web
Implementar el primer ebook sobre los productos de la empresa

BICIMOTOS EL LDER E.I.R.L. Para el mes de agosto del 2018
Aumentar en 20% el nmero de visitas a nuestro sitio web
mensualmente.
5.1.6. Estrategia
Disear un sitio web de fcil accesibilidad y usabilidad para nuestros

clientes.
Realizar un anlisis de nuestra competencia.
Analizar nuestro tipo de negocio y segn eso disear de manera
idnea y definir el objetivo del sitio web.
5.2. Arquitectura de la Informacin

La arquitectura de la informacin servir de gran ayuda para lograr los objetivos
establecidos por la empresa Bicimotos El Lder E.I.R.L. ya que si bien es cierto esta
es una disciplina encargada de estructurar, organizar y etiquetar los elementos que
conforman los entornos informacionales para facilitar la bsqueda y recuperacin de
la informacin que contienen y mejoran, as, la utilidad y el aprovechamiento de la
misma por parte de sus usuarios. Entre los principales sistemas o estructuras que
conforman la anatoma arquitectnica de un sitio web destacan los sistemas de
organizacin, de etiquetado, de navegacin, de bsqueda y los vocabularios
controlados. Respecto a su praxis, la elaboracin de la anatoma arquitectnica de
un sitio web se centra en los aspectos relacionados con las necesidades de sus
usuarios tipo. De manera concreta dicha arquitectura nos ser til para: Generar
publicidad a travs de la solucin web, facilitar la informacin a los usuarios, obtener
y captar mayor cantidad de usuarios y por ltimo para crear un catlogo virtual.

5.2.1. Tabla de contenidos
TTULO DESCRIPCIN TIPO PALABRAS CLAVES

La solicitud es un formulario el cual es llenado por
Solicitud de pedido Formulario compra, pedido,disponible.
el cliente al momento de realizar una compra.
Historia de la empresa Es una pequea resea donde el cliente puede Quienes son, empresa,
Pgina
(Quines somos?) conocer un poco ms acerca de Bicimotos El Lder. historia.
Dentro de ella se encuentra la misin y visin de la
Misin y visin Pgina visin, misin, empresa.
empresa.
En esta parte se encontrar la razn social, ruc, telefono, ubicacin,
Datos generales Pgina
direccin y telefonos. direccin,contactar.
En esta seccin el cliente podr conocer y
Atila, Rtm, marcas, Cross,
Marcas informarse un poco ms de las marcas que Pgina
Lifan, Sunshine.
comercializa la empresa
En esta seccin se encontrarn fotos de la fotos, imgenes, eventos,
Fotos Institucionales Galera
empresa, u algn evento organizado. empresa.
La encuesta ser realizada despues de ser un
Encuesta de insatisfaccin, reclamo,
cliente registrado para medir la satisfaccin de este Encuesta
Satisfaccin encuesta.
acerca de las experiencias que tuvo con la empresa.
En esta seccin el cliente encotrar todo tipo de
accesorios e informacin de estos como: precio, Cascos, Ls2, guantes,
Accesorios Productos
cascos, guantes, modelos, colores, marcas, accesorios, rodilleras,
rodilleras, etc.
Llantas, Cmaras, frenos,
En esta seccin el cliente encontrar los repuestos
Repuestos Productos embragues, cables,
para motocicleta que comercializa la empresa.
pastillas, repuestos.
A travs del cual podr regresar desde cualquier
Inicio Pgina Home, Inicio.
parte en donde se encuentre navegando en la web.
Ofertas, novedades y Encontrar todas las promociones, descuentos, Oferta, Descuentos,
Noticias
promociones ofertates y las novedades. promociones,novedades.
El cliente encuentra informacin de las diferentes
Precios, motos, marcas,
Motocicletas motocicletas como: marcas, colores, modelos, Productos
modelos, colores.
precios
Video donde se da a conocer los modelos, marcas Motos, Marcas, productos,
Nuestros Productos Video
y productos para motos que se comercializa accesorios
En esta seccin el usuario encontrar todas las
facebook, gmail,
Redes sociales redes sociales de la empresa y los vnculos que los Pgina
instagram, redes sociales.
redireccionaran a las cuentas.
Seccin en la que encontrarn una serie de artculos consejos, tips, conducir,

Conductores Artculos
sobre tips y consejos para los conductores de moto. manejo.
Se subirn videos de eventos auspiciados por Eventos, patrocinador,

Video de eventos Video
Bicimotos. auspicios, clubs.
mantenimiento, cuidado,
Mantenimiento Articulo sobre mantenimiento para motos. Artculo
artculos.
En esta seccin se encontrarn preguntas Preguntas, ayuda,
Resolucin de problemas Pgina
frecuentes que realizan los usuarios. consultas.
TABLA 2 - TABLA DE CONTENIDOS


5.2.2. Tabla Tipos de contenido
TIPO NOMBRE
Encuestas Encuesta de satisfaccin
Artculos Consejos y tips, Mantenimiento.
Video institucional, de productos y de
Video eventos.
Galera Fotos institucionales y de productos
Productos Accesorios, repuestos y motos
Formulario Solicitud de pedidos.
TABLA 3 - TABLA TIPOS DE CONTENIDO
Fuente: Elaboracin
propia
5.2.3. Sistema de Navegacin
Ilustracin 2 SISTEMA DE NAVEGACION
Fuente: Elaboracin
propia

5.2.4. ndice de contenidos
- Inicio
- Quienes Somos
Historia
Misin
Visin
- Conductores
Mantenimiento peridico
Consejos tiles
Preguntas Frecuentes
- Marcas
RTM
LIFAN
SENDA
ATILA
SUNSHINE
VIPER
CROSS
- Productos
Motos
Motocicletas
Trimotos
Cuatrimotos
Accesorios
Cascos
Hombre
Mujer
Nio
Nia
Protectores
Hombre
Mujer
Repuestos
Ruedas
Motores
Bateras
Lubricantes
Cadenas
Sistema elctrico

5.2.5. Prototipo de buscador (Grfico con descripcin sobre su funcionamiento)
Ilustracin 3 PROTOTIPO DE BUSCADOR


5.3. Diseo de la Solucin
Hoy en da todas las empresas sin importar el tamao que estas tengan es
importante que cuenten con presencia en internet ya que se tiene que estar a
la vanguardia de las tendencias de los ltimos tiempos y de esta manera se
da una imagen de prosperidad y futuro hacia los clientes. Una solucin web
ayuda a que la cartera de clientes de la empresa aumente y de esta manera
tambin se los mantiene informados acerca de los nuevos productos,
promociones y ofertas que lance la empresa. Lo que se pretende con esta
implementacin, es hacer un diseo bsico pero a la vez accesible para el
usuario, el que permita encontrar las diferentes opciones de bsqueda e
informacin precisa; haciendo que la interaccin con el cliente y la empresa
sea en tiempo real y de fcil acceso.
5.3.1. Tipo de diseo web
Web sensible o Responsive web design: Son plantillas que adaptan el

diseo al entorno de visualizacin, es decir son imgenes flexibles que se
ajustan a cualquier tamao de pantalla o dispositivo y responde a los cambios
de tamao de la misma, esto hace que los usuarios tendrn acceso a uno sola
fuente de contenido desde una amplia gama de dispositivos y navegadores o
telfonos mviles y ser un sitio web mejorado para los navegadores. De esta
forma el diseador web se asegura de que el contenido que visualizan los
usuarios se ajusta a las necesidades de su dispositivo y, aunque la
informacin mostrada es exactamente igual, sea cual sea el dispositivo que la
visualiza, el diseo vara sensiblemente para optimizar al mximo el acceso a
la misma.

Cmo funciona el Diseo Web Sensible

Estas plantillas se basan no en los anchos fijos de nuestra web sino en
proporciones, por eso cuando la vemos a travs de un mvil todos los elementos
se hacen ms pequeos o cambian de posicin para que la lectura sea ms fcil,
cuando la plantilla tiene dos columnas, al verla en el mvil, se convierte en una
columna para que el tamao de la letra sea mayor y se lea mejor.
El diseo que contiene los mdulos para la cabecera, la navegacin, el contenido,

la barra lateral y el pie de pgina que deban permanecer en el mismo sitio es
cosa del pasado ya que con el Diseo Web Sensible estos son mdulos que se
reorganizan, se ajustan de tamao de acuerdo al dispositivo en que se est
viendo, pero sin que su significado se pierda, y lo que es mejor optimiza la forma
de leer o ver. A pesar de que los mdulos se encuentran en diferentes lugares de
acuerdo al tamao de visualizacin, continan mostrando la informacin original,
solo que en una forma diferente ms fcil y lo mejor de todo es que nosotros no
tenemos nada que hacer para que esto suceda ya que estos se hace de forma
automtica.

5.3.2. Prototipos de interfaz
Ilustracin 4 PROTOTIPO DE INTERFAZ (PORTADA)


Ilustracin 5 PROTOTIPO DE ITERFAZ (INTERIOR)


Ilustracin 6 PROTOTIPO DE INTERFAZ (MVIL)


5.4. Implementacin de la solucin
5.4.1. Paleta de colores (Muestra de colores y descripcin)
Dentro del diseo de la solucin Web hay que tener en cuenta un punto muy
importante el cual es la eleccin de colores, ya que estos ayudan a dar a
conocer la personalidad del negocio y cada uno tiene diferente significado lo
que ayudar a transmitir un mensaje a los clientes sin necesidad de hacer
uso de palabras. Es por ello que se debe de elegir la gama de colores
correcta a la hora de crear la pgina web, este es uno de los primeros pasos
a tener en cuenta.
En el caso de la pgina web de la empresa BICIMOTOS EL LDER E.I.R.L.
se recomienda utilizar colores como el rojo y azul.
ROJO: Se escogi el rojo ya que este es un color que simboliza el poder,

la accin, color al que se asocia con la vitalidad, la ambicin y la pasin.
Aporta tambin confianza en s mismo, coraje, valenta y una actitud
optimista ante la vida. xito, triunfo, guerra, sangre, fuerza, pasar a la
accin y alcanzar sus metas.
Ilustracin 7 - PALETA DE COLORES (ROJO)

AZUL: De igual modo se escogi el azul que si bien es cierto junto con el
rojo son colores representativos de la empresa, este color transmite
fuerza, calma, seriedad, sinceridad, confianza e inteligencia.
Ilustracin 8- PALETA DE COLORES (AZUL)

5.4.2. Arte grfico de la interfaz (Portada para monitor y mvil, dos Interiores -
texto y formulario-)
Ilustracin 9 ARTE GRFICO DE ITERFAZ (PORTADA)


Ilustracin 10 ARTE GRFICO DE ITERFAZ (INTERIOR)


Ilustracin 11 ARTE GRFICO DE ITERFAZ (MVIL)


CAPITULO 6. CONCLUSIONES
- Se concluy que la empresa Bicimotos El Lder E.I.R.L. necesita un sitio

empresarial web, con el cual podr abarcar mayor cantidad de mercado, haciendo
crecer de esta manera su cartera de clientes, ya que cada da las ventas por
internet van en aumento.
- Al contar la empresa con un sistema de informacin que se adapte a los cambios

constantes de los ltimos tiempos, esta podr generar una ventaja competitiva,
mantenindose a la vanguardia de las nuevas tendencias.
- Finalmente, esta herramienta proporcionara una mejora continua en las ventas, ya

que permitir que el cliente tenga fcil acceso al catlogo de los productos que
constantemente se encontraran actualizados, mantenindolo informado acerca de
las novedades y promociones que le ofrece la empresa.

CAPITULO 7. RECOMENDACIONES
- Se recomienda a la empresa implementar la solucin empresarial web propuesta

en el presente trabajo, ya que es necesario adaptarse a las nuevas tendencias del
mercado para generar rentabilidad en su organizacin.
- Se le recomienda a la empresa Bicimotos El Lder, seguir minimizando el tiempo

de sus procesos, con ayuda del sistema y con personal capacitado que conozca el
sistema y pueda controlar los aspectos difciles de la empresa en su da a da con
las metas y objetivos trazados.
- Se recomienda que la solucin empresarial web sea de fcil usabilidad para los
clientes, y tenga toda la informacin necesaria, para mantenerlos informados,
evitando de esta manera cualquier tipo de problemas u inconvenientes.

CAPITULO 8. REFERENCIAS BIBLIOGRAFICAS
- Delgado, R. (2013). Proyecto de factibilidad para la creacin de una empresa que ofrezca
soluciones de comercio por medio de una pgina Web en las actividades de compra y venta
de productos y servicios en la ciudad de Quito. (Tesis previa a la obtencin de ttulo).
Universidad Politcnica Salesiana Sede Quito, Quito, Ecuador. Recuperado de
https://dspace.ups.edu.ec/bitstream/123456789/4986/1/UPS-QT03690.pdf
- Goncalves, V. (2007) Diseo de una propuesta de un Sitio Web para mejorar los servicios
de la agencia de comunicaciones corporativas Tips Imagen y Comunicacin C.A. (Trabajo
de grado). Universidad Nueva Esparta, Caracas, Venezuela. Recuperado de
http://miunespace.une.edu.ve/jspui/bitstream/123456789/882/1/TG3841.pdf
- Alamilla, C. & Islas, J. (2005). Desarrollo de un sitio Web para PROFECO Hidalgo. (Tesis
de grado). Universidad Autnoma del Estado de Hidalgo, Hidalgo, Mexico. Recuperado de
https://repository.uaeh.edu.mx/bitstream/bitstream/handle/123456789/10976/Desarr
ollo%20sitio%20Web%20PROFECO.pdf?sequence=1

CAPITULO 9. ANEXOS
Anexo 3 FOTO GRUPAL EN LA EMPRESA
Anexo 4 REA DE CAJA

Anexo 7 REA DE VENTA
Anexo 6 REA DE ALMACN
Anexo 4 REA DE ALMACEN

Anexo 4 FACHADA DE BICIMOTOS EL LIDER

Iseño de Pagina Web para Empresa Bicimotos El Líder

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Iseño de Pagina Web para Empresa Bicimotos El Líder

Cargado por

Copyright:

Formatos disponibles

FACULTAD DE INGENIERA

CARRERA DE INGENIERA EMPRESARIAL

DISEO DE UNA SOLUCIN EMPRESARIAL WEB Y SU INFLUENCIA

CURSO : Desarrollo de soluciones empresariales

ESTUDIANTES : Sevillano Gastaudi Sara Sofia

Valverde Flores Evelyn

DOCENTE : Ing. Edward Alberto Vega Gavidia

Ing. Edward Vega Gavidia, en cumplimiento con las exigencias metodolgicas y

acadmicas establecidas en la asignatura de DESARROLLO DE SOLUCIONES

EMPRESARIALES las alumnas del sptimo ciclo de la Carrera de Ingeniera Empresarial

ponemos a su consideracin el presente trabajo para ser revisado y evaluado conforme a

las exigencias acadmicas.

Este trabajo ha sido elaborado teniendo como referencia la metodologa establecida en el

curso, tomando datos verdicos y comprobables de la empresa BICIMOTOS EL LIDER

permiti reconocer, categorizar, evaluar, analizar y plantear propuestas de mejora

basndonos en los objetivos que este negocio desea alcanzar.

El presente compendio lo dedicamos

Sevillano Gastaudi, S.; Valverde Flores, E. ii

Este es el resultado del esfuerzo conjunto de

Sevillano Gastaudi, S.; Valverde Flores, E. iii

AGRADECIMIENTO ......................................................................................................................... iii

NDICE DE CONTENIDOS ............................................................................................................... iv

NDICE DE TABLAS ......................................................................................................................... vi

NDICE DE ILUSTRACIONES ......................................................................................................... vii

NDICE DE ANEXOS ...................................................................................................................... viii

CAPTULO 1. INTRODUCCIN .................................................................................................. 11

CAPTULO 2. MARCO TERICO ............................................................................................... 14

CAPTULO 3. HIPTESIS ........................................................................................................... 18

CAPTULO 4. MATERIAL Y MTODOS..................................................................................... 19

4.2.2. Poblacin .............................................................................................................. 19

Sevillano Gastaudi, S.; Valverde Flores, E. iv

CAPTULO 5. DESARROLLO ..................................................................................................... 20

CAPTULO 6. CONCLUSIONES ................................................................................................. 38

CAPTULO 7. RECOMENDACIONES ........................................................................................ 39

CAPTULO 8. REFERENCIAS BIBLIOGRAFICAS .................................................................... 40

CAPTULO 9. ANEXOS ............................................................................................................... 41

Sevillano Gastaudi, S.; Valverde Flores, E. v

Tabla 1 SEGMENTACION DE CLIENTES ................................................................................ 21

Sevillano Gastaudi, S.; Valverde Flores, E. vi

Ilustracin 1 - MAPA DE EMPATA ............................................................................................... 22

Sevillano Gastaudi, S.; Valverde Flores, E. vii

Anexo 1 - FOTO GRUPAL EN LA EMPRESA....................................................................41

Sevillano Gastaudi, S.; Valverde Flores, E. viii

El presente trabajo de investigacin fue realizado por un grupo de estudiantes de la

Sevillano Gastaudi, S.; Valverde Flores, E. ix

Sevillano Gastaudi, S.; Valverde Flores, E. x

1.1. Realidad problemtica

Hoy en da, existe gran cantidad de proyectos basados en el diseo de soluciones

Sevillano Gastaudi, E.; Valverde Flores, E. Pg. 11

1.2. Formulacin del problema

De qu manera el diseo de una solucin empresarial web influye en los procesos

El presente trabajo de investigacin realizado por alumnas de la Universidad Privada

Sevillano Gastaudi, E.; Valverde Flores, E. Pg. 12

Para el correcto desarrollo del presente trabajo se presentaron algunas

- El tiempo fue un factor determinante y la mayor limitacin ya que no todos los

- Dificultad para obtener bibliografa actualizada donde ambas variables estn

Disear, desarrollar e implementar una solucin empresarial web que permita la

- Identificar nuestro mercado objetivo.

Sevillano Gastaudi, E.; Valverde Flores, E. Pg. 13

CAPTULO 2. MARCO TERICO

Delgado, P. (2013) En su tesis titulada Proyecto de factibilidad para la creacin

Farro, M. (2007) en su tesis titulada Estudio de los Sistemas de Gestin de

Goncalves, V. (2007) En su trabajo de grado titulado Diseo de una propuesta