INSTITUTO SUPERIOR TECNOLÓGICO PRIVADO CIBERTEC

CARRERAS PROFESIONALES

CURSO:
EXPERIENCIA FORMATIVA EN SITUACIONES
REALES DE TRABAJO
TÍTULO:
ANÁLISIS Y DISEÑO DE PÁGINA WEB “ E COMMERCE” : CASO EMPRESA
DevQuick
CICLO:
SEGUNDO
SECCIÓN:
T2WN
SEMESTRE:
2022 – 02
DOCENTE
CAMACHO BALABARCA, SPENCER LUIS
INTEGRANTES:
BATISTA SOUZA, TIAGO I202218033
BAUTE BATISTA, OMAR I202200332
CAMPOS CASTAÑEDA, JHASER ALEXANDER I201922490
GARCIA JIMENEZ, CHRISTIAN MARTIN I202218147

GRUPO:
N°29
CARRERAS PROFESIONALES
CIBERTEC
SEDE BREÑA

2022
CIBERTEC - Experiencia formativa en situaciones reales de trabajo

ÍNDICE
I. RESUMEN…………………………………………………………………….……3
II. INTRODUCCIÓN……………………………………………………………….….4
2.1. REGLAS DE NEGOCIOS……………………………………………………..5
2.2. ESENCIA DE NEGOCIO……………………………………………………...5
2.3. DESCRIPCIÓN DE ENTIDADES…………………………………………….5
III. JUSTIFICACIÓN…………………………………………………………….……..6
3.1. BENEFICIARIOS……………………………………………………….……. 6
IV. OBJETIVOS……………………………………………………………………….. 7
V. DEFINICIÓN Y ALCANCE ……………………………………………………….7
VI. PRODUCTOS Y ENTREGABLES……………………………………………….. 8
6.5. ENTREGABLES………………………………………………………….…..28
VII. CONCLUSIONES…………………………………………………………………33
VIII. RECOMENDACIONES……………………………………………………..……33
IX. GLOSARIO……………………………………………………………………….33
X. REFERENCIAS BIBLIOGRÁFICAS……………………………………………34
XI. ANEXOS………………………………………………………………………….35

2
CIBERTEC - Experiencia formativa en situaciones reales de trabajo

I. RESUMEN

El presente proyecto tiene como objetivo determinar el uso de estrategias para ventas de ropa.
Para eso desarrollamos una página Web para difundir dichos productos. Nuestro proyecto
abarcaría desde la presentación de los productos hasta la venta de los mismos. A través de la
página Web, tenemos la intención de expandir y difundir el negocio, proporcionando una
comodidad a nuestros clientes, bien como alcanzar clientes en potencial, de esta manera
pretendemos lograr un aumento en las ventas en comparación con las ventas en las tiendas
físicas y también incrementar las ganancias. Se concluyó que el uso de una página web
favorece considerablemente la difusión de ventas de ropa por nuestra empresa “DevQuick”.
Además, que nuestra página Web cuenta con un servicio de ventas vía Delivery, eso logró
llegar a las zonas más alejadas, posibilitando la expansión del negocio, además de proporcionar
empleos de forma indirecta.

1.1. Nombre de la empresa

- DevQuick

1.2. Giro y ubicación

La empresa DevQuick se ubica en la calle Las Begonias 650, San Isidro 00028, es una empresa
Individual de Responsabilidad Limitada. Pertenece a la clasificación de empresa e-commerce,
ventas online.

Figura 1
Ubicación de la empresa DevQuick captada desde Google maps.

Nota. Fuente: Adaptado de Google maps (2022).

3
CIBERTEC - Experiencia formativa en situaciones reales de trabajo

1.3. Situación actual

La evolución del internet como medio de marketing ha crecido exponencialmente haciendo que
el comercio electrónico avance con mayor rapidez (Pilares, 2022). A nivel mundial hay muchas
tiendas online y a esto se le suma el crecimiento del 19% con respecto al año anterior. Este
crecimiento ha conllevado que las tiendas online requieran un esfuerzo mayúsculo para pelear
por su porción del mercado entre una competencia cada vez mayor, y más feroz. Segun la
pagina Ecommerce News (7 de noviembre del 2022) nos comenta sobre el crecimiento de
Ecommerce en el Perú, el comercio electrónico en el Perú habrá aumentado en 53%,
alcanzando un valor de US$ 20 millones; y para el 2025 se espera que este llegue a los US$28
millones. Es por ello, que DevQuick plantea diseñar páginas web con un valor diferenciador
con respecto a la competencia del rubro, permitiendo incrementar las ventas y posicionarse en
el mercado peruano. El problema central se plantea si es que existe una relación significativa
entre el diseño de la página web de la empresa DevQuick y la intención de compra de los
potenciales clientes.
Causas
- Diseño de una página web llamativa acorde al rubro de ventas de ropa, calzado y
accesorios para dama y varón.
Efectos
- Como consecuencia aumenta la intención de compra
- Mayor visitas e interacción con nuestra página
Figura 2
Diagrama de ishikawa de las causas-efectos de la página ecommerce.

Nota. Fuente: Elaboración propia.

4
CIBERTEC - Experiencia formativa en situaciones reales de trabajo

1.4. Área o actividad a implementar

- Servicio web ecommerce

1.5. Esencia del negocio

- Rápido y seguro: DevQuick se caracteriza por diseñar páginas web en un corto

plazo debido a nuestra amplia experiencia, brindando seguridad a nuestras
páginas.

II. INTRODUCCIÓN

Los avances tecnológicos de la computación y las comunicaciones por internet han ido
incrementando las actividades y tiempo de las personas es por ello que este proyecto tendrá
como finalidad dar a conocer nuestro modelo de negocio e-commerce, poder comprender las
herramientas y como se puede llevar a cabo de manera exitosa, el cual tenemos como objetivo
impulsarlo mediante una tienda online de productos exclusivos para mujeres, teniendo todo
esto en cuenta comenzaremos desde un punto de vista comunicacional, envíos de información
proformas, preventa de los productos, aplicación de tecnología en el proceso, también
reduciremos los costos he implementaremos un servicio de red con mayor rapidez online.

Nuestro modelo de negocio va a requerir de un seguimiento constante acerca de las

preferencias y necesidades de nuestras clientas, lo cual nos va a permitir satisfacer las
demandas y necesidades impuestas en un menor tiempo. Nuestra propuesta principal será poder
interponer las últimas tendencias en cuanto a moda a un precio asequible, apostaremos también
por un concepto de moda más sostenible que respete al medio ambiente y además ofrecer las
oportunidades de acceder de forma rápida y fácil a nuestra tienda digital.

Los pasos que utilizaremos para poder desarrollar nuestra propia tienda e-commerce será
analizar la situación o servicios que queramos ofrecer, tanto un análisis externo e interno
teniendo en cuenta los factores demográficos, económicos, tecnológicos y culturales. Lo
siguiente será la creación de nuestro sitio web teniendo una idea clara de nuestro negocio
utilizando todas las medidas necesarias como un buen hosting de calidad, también la
configuración de los envíos que contarán con rapidez y puntualidad dependiendo de la

5
CIBERTEC - Experiencia formativa en situaciones reales de trabajo

localización de los usuarios, implementamos varios métodos de pago para todo tipo de cliente
ofreciendo un mejor servicio al comprador y mejorando su experiencia.

Por último, será indispensable estar de manera activa en nuestras diferentes redes sociales
contando con una buena publicidad online y marketing digital ya que así podremos ser más
visibles en internet y poder impulsar nuestra página e-commerce de forma integral y con la
logística necesaria.

III. JUSTIFICACIÓN DEL PROYECTO

A nivel práctico, nuestro proyecto mejora el posicionamiento de los productos a través de la

página Web, una vez que las personas pueden visualizar de forma sencilla nuestros productos.

A nivel empresarial, el presente proyecto se justifica en el sentido de que incrementará las

ventas y por consecuencia las ganancias de la empresa, una vez que más personas pueden
encontrar nuestros productos gracias a la facilidad de acceso que puede ser hecho a través de
una computadora o mismo por medio de un simple smartphone con conexión con internet.

A nivel social, el presente proyecto también contribuye de forma activa, una vez que una
pequeña parte de las ganancias de las ventas vía Web son destinadas al apoyo de personas con
necesidades especiales. Además, por medio de las entregas a zonas alejadas, posibilita la
inclusión y acceso a productos que de forma general están disponibles solamente en zonas
centrales.

3.1. BENEFICIARIOS DIRECTOS

➢ Los dueños de la empresa contratista, ya que tendrán mayor rentabilidad debido

al incremento de las ventas, por el mayor alcance a las personas.
➢ El personal del área de venta estará más motivado, puesto que tendrá mayor
facilidad en encontrar las descripciones de modelos, y ropa con descuento.

3.2. BENEFICIARIOS INDIRECTOS

➢ Los clientes, quienes tendrán todo el catálogo de ropa con sus precios y
descuentos, permitiendo agilizar su compra.

6
CIBERTEC - Experiencia formativa en situaciones reales de trabajo

➢ Podemos citar también los trabajadores de la empresa que están encargados de

recibir los pedidos, él preparó de los mismos, bien como su envío. Esto incluye
toda una cadena de trabajadores que son responsables por la logística de esos
procesos. Posibilitando de esta forma la generación de empleos, como por
ejemplo las personas que trabajan de manera independiente en la reparación de
los productos tecnológicos, así como la implementación de accesorios para los
mismos. También los repartidores o plataformas de pedidos.

IV. OBJETIVOS

➢ Incrementar las ventas en un 30% de la empresa contratante en comparación con las

ventas en las tiendas físicas durante los próximos 12 meses.
➢ También el incremento del número de clientes en un 10% durante los próximos 6
meses.

V. DEFINICIÓN Y ALCANCE

Diseñar una nueva página web para ecommerce para la empresa solicitante en un plazo
de dos semanas, y de acuerdo con las especificaciones del cliente.

5.1. Dentro del Alcance

➢ Cambios básicos en el diseño como modificar los colores, editar los sliders y las
imágenes de la página web.
➢ Cambios básicos de contenido como ayuda en la edición de mensajes.
➢ Añadir medios como fotos que el cliente posea.
➢ Integración en las redes sociales.
➢ Pasarela de pago de PayPal e integración de envíos de USPS, UPS y FedEx (sólo para
paquetes de comercio electrónico).
➢ Mantenimiento y actualización de WordPress y del software.
➢ La velocidad del sitio, la velocidad de la página y la optimización SEO le ayudan a
posicionarse en las búsquedas.

5.2. Fuera del Alcance

7
CIBERTEC - Experiencia formativa en situaciones reales de trabajo

➢ Aumenta el número de entregas.

➢ Cambios o adiciones a las características del producto.
➢ Cuando el cliente no está seguro de sus necesidades.
➢ Cambia los requisitos de los interesados en el producto.

VI. SUPUESTOS

La aplicación desarrollada trabaja al margen de cualquier hardware o software ofreciendo así

un soporte multiplataforma. La única dependencia importante que podemos encontrar está
relacionada con el servidor web donde se encuentre alojado nuestro portal, el cual ha de ser
capaz de soportar PHP y MySQL

VII. ENTREGABLES

En los entregables nos centraremos en cubrir los objetivos de los alcances con su respectivo
wireframe de alta fidelidad para poder cumplir con el diseño de la página ecommerce de la
empresa DevQuick.

Figura 3

Figura del mapa de sitio de la página ecommerce de la empresa DevQuick., tanto con sus
páginas hijas como primarias.

Nota. Fuente: Elaboración propia.

8
CIBERTEC - Experiencia formativa en situaciones reales de trabajo

En la figura 4, se observa la página principal se puede visualizar 5 imágenes, de las cuales sirve
para que el usuario tenga una interfaz interactiva, y de rápido acceso. Además, en las figuras 4 ,
5 y 6 cumple con el alcance de realizar cambios básicos en el diseño como modificar los
colores, editar los sliders y las imágenes de la página web.

Figura 4
Wireframe de alta fidelidad del index de nuestro ecommerce de la empresa DevQuick.

Nota. Fuente: Elaboración propia.

En la figura 5 y 6, se visualiza los wireframe de alta fidelidad, donde mostramos que tenemos
en la página de inicio una sección de nuevos productos, los productos nuevos se colocan en esa
sección.
Figura 5
Imagen alusiva a los nuevos productos que entran a la temporada actual de ventas.

Nota. Fuente: Elaboración propia.

9
CIBERTEC - Experiencia formativa en situaciones reales de trabajo

Figura 6
Imagen alusiva a los nuevos productos que entran a la temporada actual de ventas.

Nota. Fuente: Elaboración propia.

En la figura 7, se observa cómo se programa una sección para el banner donde se coloca, todo
lo referente a las colecciones que la tienda saca en temporadas (ejemplo:Temporada Navidad).
Figura 7
Imagen alusiva a los nuevos productos que entran a la temporada actual de ventas.

Nota. Fuente: Elaboración propia.

10
CIBERTEC - Experiencia formativa en situaciones reales de trabajo

En la figura 7, se observa el wireframe de alta fidelidad del alcance para añadir medios como
fotos que el cliente posea.
Figura 7
Imagen alusiva a los nuevos productos que entran a la temporada actual de ventas.

Nota. Fuente: Elaboración propia.

11
CIBERTEC - Experiencia formativa en situaciones reales de trabajo

En la figura 8, se observa que el wireframe de alta fidelidad cumple con el alcance de adicionar
las redes sociales para poder tener mayor alcance de ventas ya que se obtendrá mayor
visualización por parte de las redes sociales de la empresa.
Figura 8
Imagen del wireframe de alta fidelidad, visualizando las redes sociales

Nota. Fuente: Elaboración propia.

En la figura X, se observa una simulación de cómo se realizaría el mantenimiento y

actualización de WordPress y del software en el programa Sublimetext.
Figura 9
Imagen alusiva a la codificación de sublime text.

Nota. Fuente: Elaboración propia.

12
CIBERTEC - Experiencia formativa en situaciones reales de trabajo

En la figura 10, se observa como seria el wireframe de alta fidelidad de la pasarela de pago de
PayPal e integración de envíos de USPS, UPS y FedEx (sólo para paquetes de comercio
electrónico).

Figura 10
Wireframe de alta fidelidad de la pagina hija contacto.

Nota. Fuente: Elaboración propia.

En la figura 11, se observa el wireframe de alata fidelidad donde hace alusión al alcance de
cambios básicos de contenido como ayuda en la edición de mensajes.
Figura 11
Wireframe de alta fidelidad de un mensaje de oferta para captar potenciales clientes.

Nota. Fuente: Elaboración propia.

13
CIBERTEC - Experiencia formativa en situaciones reales de trabajo

VIII. CONCLUSIONES
➢ El diseño de este aplicativo web permitirá generar un mayor alcance de nuestra marca,
en vista de que actualmente nos encontramos en una sociedad globalizada es por eso
que esta implementación permitirá el crecimiento del negocio.
➢ A través de este aplicativo web podemos observar como los procesos de compra son
más sencillos para nuestro usuarios cuando a su vez pueden ingresar en nuestra
plataforma para seleccionar dentro de todo el conjunto de productos que podemos tener
y desde la comodidad de su hogar poder realizar sus compras.
➢ El avance tecnológico nos ha permitido superar barreras actualmente en mundo tan
convulsionado, por ejemplo con la última situación pandémica los negocios que se
atrevieron a invertir en sus plataformas tecnológicas pudieron sobrevivir en vista de que
eran procesos que se podían realizar a distancia, es por esta razón que consideramos
importante la implementación de este aplicativo web.

IX. RECOMENDACIONES

➢ Para quienes deseen desarrollar un aplicativo web similar, se puede mejorar el

desempeño del programa adicionando una base de datos para el sistema de ventas y
registro de clientes.
➢ Podrían agregarse más opciones como una sección en la que pueda almacenarse la
información de los clientes a quienes hacen las ventas, así como una opción que permita
la reserva de productos.
➢ De igual manera teniendo un poco más de visión se podría crear una sección en el cual
se pueda mostrar los atuendos de diseñadores independientes que están comenzando
para así poder impulsar el crecimiento del talento nacional.

X. GLOSARIO
- Adobe
Adobe Systems Incorporated es una empresa de software, fundada en 1982 por John Warnock y
Charles Geschke cuando salieron de Xerox Parc. Son los creadores de PDF, y de programas
como Photoshop, Illustrator, Acrobat, entre otros.
- Adsense

14
CIBERTEC - Experiencia formativa en situaciones reales de trabajo

Es el sistema de Google de publicidad en la red internet.

- ADSL
Abreviatura de Asymmetric Digital Subscriber Line. Se trata de un método de transmisión de
datos a través de la línea telefónica de cobre tradicional a alta velocidad. Los datos pueden ser
descargados a distinta velocidad que son cargados, esta es la razón por la cual se le denomina
asimétrico. Esta tecnología es adecuada para la Web, ya que es mucho mayor la cantidad de
datos que se envían del servidor a un ordenador personal, que a la inversa. Existen distintas
velocidades y en diferentes países se han implantado tecnologías como ADSL 2 y ADSL+2 que
permiten un gran ancho de banda con capacidades para la transmisión de televisión y vídeo de
alta calidad.
- Adwords
Sistema de Google de anuncios publicitarios de texto o gráficos, que usualmente aparecen en el
lado derecho de la pantalla de los resultados de búsqueda. También pueden aparecer en la red
de sitios web que están afiliados a AdSense de Google.
- Agente
Tipo de software programado para rastrear Internet y realizar una función específica para el
usuario. También se denomina robot. Los tipos más comunes de agentes son los programas
llamados spiders y worms (arañas y gusanos), que transitan por Internet, recolectan la
información e indexan los contenidos para crear sus propias bases de datos. Existen también
agentes inteligentes con funciones más complejas, que son capaces de reconocer las
preferencias de los usuarios para ayudarles de forma inteligente.
- <a href>
Atributo que especifica la URL de la página a la que nos lleva un link.
- AJAX
Proviene del inglés Asynchronous JavaScript And XML (JavaScript y XML con ejecución
asíncrona). Al fin y al cabo AJAX es una forma de desarrollo o programación de aplicaciones
web que combina: - Una presentación basada en los estándares XHTML y CSS - Utiliza el
DOM para interactuar con la página web - Para el intercambio de datos se basa en XML y
XSLT - Solicita datos a un servidor de forma asíncrona utilizando XMLHttpRequest - Junta
todo y lo presenta al usuario utilizando JavaScript
- Algoritmo de Google
El Algoritmo de Google es la forma que tiene el buscador de posicionar las páginas ante una
búsqueda, es decir, es lo que decide si sales primero, segundo o en la segunda página. Este
algoritmo cambia unas 500 veces al año y resulta difícil seguirle la pista. Por eso es preferible

15
CIBERTEC - Experiencia formativa en situaciones reales de trabajo

conocer bien cambios importantes como Panda y Penguin, cómo afectan al SEO y cómo
recuperarnos.
- Ancho fijo (Fixed width)
El diseño de ancho fijo es aquel que no contempla ninguna flexibilidad, lo que puede causar
problemas de visualización en dispositivos cuyas pantallas son de menor tamaño que el ancho
especificado. Actualmente no se usan diseños de ancho fijo, o por lo menos no es
recomendable.
- Ancho de Banda (bandwidth)
Una medición de la velocidad (cantidad de datos) que puede viajar a lo largo de una conexión
de Internet; cuanto más grande sea el ancho de banda, más información puede viajar al mismo
tiempo.

XI. REFERENCIAS BIBLIOGRÁFICA

Ecommerce new (11 de diciembre de 2022). Al cierre del 2022, el ecommerce en el Perú
moverá US $20 millones y crecerá 53%. Ecosistema ecommerce. Recuperado de
https://www.ecommercenews.pe/ecosistema-ecommerce/2022/al-cierre-del-2022-el-eco
mmerce-en-el-peru-movera-us-20-millones-y-crecera-53.html

Saavedra, A. (2016). Análisis y diseño de un sistema e-commerce para la gestión de ventas:

caso empresa world of cakes (Tesis de licenciatura). Universidad de Piura. Recuperado
de
https://pirhua.udep.edu.pe/bitstream/handle/11042/2740/ING_571.pdf?sequence=1&isA
llowed=y

Pilares, G. (2022). Relación entre el diseño de la página web de la empresa gestora y la

intención de compra en Lima, 2021 (Tesis de licenciatura). Universidad San Ignacio
Loyola. Recuperado de
https://repositorio.usil.edu.pe/server/api/core/bitstreams/a1a34970-9a26-422a-9d98-24a
d7d1675f3/content

Garcia, V. (2018). Diseño de un e-commerce para comercializar productos de

microempresarios colombianos (Tesis de licenciatura). Universidad Cooperativa de

16
CIBERTEC - Experiencia formativa en situaciones reales de trabajo

Colombia. Recuperado de
https://repository.ucc.edu.co/bitstream/20.500.12494/6389/1/2018-Garcia%20Diaz-E-co
mmerce-tienda%20virtual-comercio%20electronico.pdf

17