INTERACCION-HOMBRE-MAQUINA-GRUPO1

Capítulo 1:
I. Introducción
Dirty Project es una empresa dedicada a la venta de ropa para hombres que se ha
destacado por su estilo único y su compromiso con la calidad. A pesar de su éxito en el
mercado local, la falta de presencia en línea ha limitado su alcance y potencial de
crecimiento. Este proyecto tiene como objetivo principal abordar esta necesidad y
desarrollar una presencia en línea sólida para Dirty Project.
II. Análisis de Contexto
Misión:
Dirty Project se esfuerza por ofrecer a los hombres prendas de vestir de alta calidad y
con un estilo distintivo que refleje la personalidad de cada cliente. Nos
comprometemos a proporcionar productos que inspiren confianza y comodidad, y a
mantener la excelencia en diseño y fabricación.
Visión:
Nuestra visión es convertirnos en una marca líder en moda masculina, reconocida a
nivel internacional por su innovación en diseño y su compromiso con la sostenibilidad.
Queremos ser la elección preferida de hombres que buscan prendas de vestir que les
permitan expresar su individualidad.
Objetivos estratégicos:
Objetivos a Corto Plazo:
 Lanzamiento de la Página Web: Desarrollar y lanzar la página web en 6
meses.
 Contenido Atractivo: Crear contenido de alta calidad para la página web
en 3 meses.
 Marketing Digital: Iniciar campañas de marketing en línea en 3 meses.
 Experiencia del Cliente en Línea: Mejorar la usabilidad de la página web
en 6 meses.
Objetivos a Largo Plazo:
 Expansión Global: Convertirse en una marca de moda masculina
reconocida a nivel mundial en 5 años.
 Diversificación de Productos: Ampliar la oferta de productos en 3 años.
 Sostenibilidad: Avanzar hacia una marca completamente sostenible en
10 años.
 Fidelización de Clientes Globales: Retener y expandir la base de clientes
en todo el mundo en 3 años.
III. Identificación y Definición del Problema
El problema más apremiante que enfrenta Dirty Project es la falta de presencia en
línea. A pesar de tener una sólida reputación en el mercado local, la ausencia de una
página web impide a la empresa alcanzar su máximo potencial. Las principales
implicaciones de este problema son:
Limitación Geográfica: Dirty Project está restringida a un mercado local, lo que limita
su alcance y la oportunidad de llegar a un público más amplio y diverso.
Pérdida de Ventas Potenciales: La falta de una plataforma en línea impide que la
empresa capture ventas de clientes que prefieren comprar en línea o que viven fuera
de la zona de alcance actual.
Competitividad Online: La competencia en línea en el mercado de la moda es intensa,
y la falta de presencia en línea coloca a Dirty Project en desventaja frente a otras
marcas que ya están establecidas en el comercio electrónico.
Falta de comunicación con los Clientes: Una página web permitirá a Dirty Project
interactuar directamente con sus clientes, recibir retroalimentación, brindar
información sobre productos y promociones, y crear una comunidad en línea.
En resumen, la ausencia de una página web representa un desafío significativo para
Dirty Project, y abordar este problema es esencial para el crecimiento y la
competitividad de la empresa en el mercado de la moda masculina. Este proyecto
tiene como objetivo desarrollar una solución efectiva y estratégica para este problema,
permitiendo a Dirty Project expandir su presencia y atraer a una audiencia global.
Capítulo 2: Benchmark a 10 sitios
Para este estudio se tomaron 10 sitios web enfocados en la venta de ropa para
usuarios jóvenes.
Balboni: https://balbonistore.com/
Sorelle: https://sorelleclothingperu.com/
Loveboo: https://loveboo.pe/
Nahara: https://www.naharanow.com/
Brech: https://brechclothing.com/
Moonlight: https://www.moonlightstoreco.com/
Rebels: https://r--ebels.com/
Now: https://www.now.com.pe/
Lady Posh: https://www.ladyposhperu.com/
Rome: https://romestore.pe/
Tienda
Diseño visual
Balboni
Atractivo y moderno:
 Utiliza colores vivos y
llamativos
 Tipografías claras y
fáciles de leer
 Elementos
visuales
que complementan el
contenido de las
páginas.
 Las categorías de
productos
se
encuentran
organizadas en un
menú desplegable.
Enfocado principalmente
para dispositivos moviles.
Sorelle
Atractivo y moderno:
 Utiliza colores vivos y
llamativos
 Tipografías claras y
fáciles de leer
 Elementos
visuales
que complementan el
contenido de las
páginas.
Navegabilidad
Clara y fácil de usar:
 Las
páginas
principales
presentan
un
menú
de
navegación que
permite a los
usuarios acceder
a las diferentes
categorías
de
productos.
 También
se
utilizan barras de
búsqueda
para
facilitar
la
localización
de
productos
específicos.
Clara y fácil de usar:
 Las
páginas
principales
presentan
un
menú
de
navegación que
permite a los
usuarios acceder
a las diferentes
Usabilidad
La experiencia de
usuario es positiva:
 Las páginas son
fáciles de navegar
y los usuarios
pueden encontrar
lo que buscan sin
problemas.
 Menú
de
navegación claro
y conciso
La experiencia de
usuario es positiva:
 Las páginas son
fáciles de navegar
y los usuarios
pueden encontrar
lo que buscan sin
problemas.
Loveboo
Nahara
 Las categorías de
categorías
de
productos
se
productos.
encuentran
 También
se
organizadas en un
utilizan barras de
menú desplegable.
búsqueda
para
Enfocado
para
facilitar
la
dispositivos moviles y
localización
de
escritorio.
productos
específicos.
Clara y fácil de usar:
Atractivo y moderno:
 Las
páginas
 Utiliza colores vivos y
principales
llamativos
presentan
un
 Tipografías claras y
menú
de
fáciles de leer
navegación que
 Elementos
visuales
permite a los
que complementan el
usuarios acceder
contenido de las
a las diferentes
páginas.
categorías
de
 Las categorías de
productos.
productos
se
 También
se
encuentran
utilizan barras de
organizadas en un
búsqueda
para
menú desplegable.
facilitar
la
Enfocado
para
localización
de
dispositivos moviles y
productos
escritorio.
específicos.
Atractivo y moderno:
Clara y fácil de usar:
 Utiliza colores vivos y  Las
páginas
llamativos
principales
 Tipografías claras y
presentan
un
fáciles de leer
menú
de
 Elementos
visuales
navegación que
que complementan el
permite a los
contenido de las
usuarios acceder
páginas.
a las diferentes
 Las categorías de
categorías
de
productos
se
productos.
encuentran
 También
se
organizadas en un
utilizan barras de
menú desplegable.
búsqueda
para
 Menú
de
navegación claro
y conciso
La experiencia de
usuario es positiva:
 Las páginas son
fáciles de navegar
y los usuarios
pueden encontrar
lo que buscan sin
problemas.
 Menú
de
navegación claro
y conciso
La experiencia de
usuario es positiva:
 Las páginas son
fáciles de navegar
y los usuarios
pueden encontrar
lo que buscan sin
problemas.
 Menú
de
navegación claro
y conciso
La experiencia se ve
afectada por la falta
Enfocado
dispositivos
escritorio.
para
moviles y
Brech
Atractivo y moderno:
 Utiliza colores vivos y
llamativos
 Tipografías claras y
fáciles de leer
 Elementos
visuales
que complementan el
contenido de las
páginas.
 Las categorías de
productos
se
encuentran
organizadas en un
menú desplegable.
Enfocado
para
dispositivos moviles y
escritorio.
Moonlight
Atractivo y moderno:
 Utiliza colores vivos y
llamativos
 Tipografías claras y
fáciles de leer
 Elementos
visuales
que complementan el
contenido de las
páginas.
 Las categorías de
productos
se
encuentran
organizadas en un
menú desplegable.
Enfocado principalmente
para dispositivos moviles
facilitar
localización
productos
específicos.
la de
información
de detallada sobre los
productos
dificultando la toma
de decision.
Clara y fácil de usar:
 Las
páginas
principales
presentan
un La experiencia de
menú
de usuario es positiva:
navegación que  Las páginas son
permite a los
fáciles de navegar
usuarios acceder
y los usuarios
a las diferentes
pueden encontrar
categorías
de
lo que buscan sin
productos.
problemas.
 También
se  Menú
de
utilizan barras de
navegación claro
búsqueda
para
y conciso
facilitar
la
localización
de
productos
específicos.
La experiencia de
Fácil de usar:
usuario
es
 Las
páginas
medianamente
principales
positiva:
presentan
un
 Las páginas son
menú
de
fáciles
de
navegación que
navegar.
permite a los
 Menú
de
usuarios acceder
navegación claro
a las diferentes
y concise
categorías
de
Sin embargo, no
productos.
cuenta con una barra
No
permite
de busqueda para
busqueda especifica:
buscar
productos
 No utilizan barras
especificos.
de búsqueda
Rebels
Now
Lady Posh
Atractivo y moderno:
Clara y fácil de usar:
 Utiliza colores vivos y  Las
páginas
llamativos
principales
 Tipografías claras y
presentan
un
fáciles de leer
menú
de
 Elementos
visuales
navegación que
que complementan el
permite a los
contenido de las
usuarios acceder
páginas.
a las diferentes
 Las categorías de
categorías
de
productos
se
productos.
encuentran
 También
se
organizadas en un
utilizan barras de
menú desplegable.
búsqueda
para
Enfocado
para
facilitar
la
dispositivos moviles y
localización
de
escritorio.
productos
específicos.
Atractivo y moderno:
Clara y fácil de usar:
 Utiliza colores vivos y  Las
páginas
llamativos
principales
 Tipografías claras y
presentan
un
fáciles de leer
menú
de
 Elementos
visuales
navegación que
que complementan el
permite a los
contenido de las
usuarios acceder
páginas.
a las diferentes
 Las categorías de
categorías
de
productos
se
productos.
encuentran
 También
se
organizadas en un
utilizan barras de
menú desplegable.
búsqueda
para
Enfocado
para
facilitar
la
dispositivos moviles y
localización
de
escritorio.
productos
específicos.
Atractivo y moderno:
Clara y fácil de usar:
 Utiliza colores vivos y  Las
páginas
llamativos
principales
 Tipografías claras y
presentan
un
fáciles de leer
menú
de
La experiencia de
usuario es positiva:
 Las páginas son
fáciles de navegar
y los usuarios
pueden encontrar
lo que buscan sin
problemas.
 Menú
de
navegación claro
y conciso
La experiencia de
usuario es positiva:
 Las páginas son
fáciles de navegar
y los usuarios
pueden encontrar
lo que buscan sin
problemas.
 Menú
de
navegación claro
y conciso
La experiencia de
usuario es positiva:
 Las páginas son
fáciles de navegar
y los usuarios
Rome
 Elementos
visuales
navegación que
que complementan el
permite a los
contenido de las
usuarios acceder
páginas.
a las diferentes
 Las categorías de
categorías
de
productos
se
productos.
encuentran
 También
se
organizadas en un
utilizan barras de
menú desplegable.
búsqueda
para
Enfocado
para
facilitar
la
dispositivos moviles y
localización
de
escritorio.
productos
específicos.
Clara y fácil de usar:
Atractivo y moderno:
 Las
páginas
 Utiliza colores vivos y
principales
llamativos
presentan
un
 Tipografías claras y
menú
de
fáciles de leer
navegación que
 Elementos
visuales
permite a los
que complementan el
usuarios acceder
contenido de las
a las diferentes
páginas.
categorías
de
 Las categorías de
productos.
productos
se
 También
se
encuentran
utilizan barras de
organizadas en un
búsqueda
para
menú desplegable.
facilitar
la
Enfocado
para
localización
de
dispositivos moviles y
productos
escritorio.
específicos.
pueden encontrar
lo que buscan sin
problemas.
 Menú
de
navegación claro
y conciso.
La experiencia de
usuario es positiva:
 Las páginas son
fáciles de navegar
y los usuarios
pueden encontrar
lo que buscan sin
problemas.
 Menú
de
navegación claro
y conciso
Capítulo 3: Propuesta de implementación
3.1. Visión general del proyecto.
Desarrollar una página web intuitiva para el proceso de ventas de Dirty Project.
3.2. Objetivos del Proyecto
 Impulsar las ventas y el crecimiento de Dirty Project a través de la creación de
una página web optimizada.
 Crear una página web que sea fácil de usar y navegar e informativa para
facilitar las compras de los clientes.
 Desarrollar la página web para dispositivos móviles y escritorio.
3.3. Alineación del proyecto con los objetivos estratégicos de la empresa.
 Impulsar las ventas y el crecimiento: proporcionará una plataforma adicional
para aumentar las ventas y fomentar el crecimiento de Dirty Project.
 Crear una página web fácil de usar y navegar: Facilita a los clientes la
navegación y las compras en la página web, lo que contribuirá a un mayor
compromiso y ventas.
 Desarrollar la página web para dispositivos móviles y escritorio: Garantizar la
compatibilidad con dispositivos móviles y de escritorio respalda la accesibilidad
y la comodidad de los clientes, lo que es esencial para el éxito de la página web
y, por lo tanto, para el crecimiento de Dirty Project.
3.4. Alcance
Alcance funcional:
Desarrollar una web responsive de ecommerce con una interfaz muy atractiva y fácil
de usar para sus clientes y poder aumentar las ventas de la empresa objetivo, esta
incluirá:
 Login y Register.
 Inicio/Home.
 Un catalogo de productos que permita a los usuarios buscar y filtrar productos.
 Ver detalles del producto con especificaciones y fotos.
 Un carrito para agregar sus productos a comprar.
 Pasarela para el proceso de pago.
Alcance técnico:
 Utilización de HTML para la estructura y el marcado de contenido web.
 Implementación de CSS para el diseño y la presentación visual de la página
web.
 Incorporación de JavaScript para la interactividad y funcionalidad del lado del
cliente.
 Integración de PHP para el procesamiento y la lógica del lado del servidor.
 Configuración y gestión de bases de datos utilizando tecnologías como MySQL.
3.5. Riesgos del proyecto
Orientación a un Público Objetivo Específico: Existe la posibilidad de que la interfaz
diseñada para satisfacer a un público objetivo específico no sea igualmente atractiva
para otros clientes potenciales, lo que podría resultar en la pérdida de oportunidades
de ventas y mercado.
Retrasos en el Desarrollo: Los retrasos en la fase de desarrollo pueden afectar
negativamente el cronograma del proyecto.
3.6. Cronograma de implementacion
3.7. Supuestos y restricciones
Supuestos:
 Existe una demanda suficiente en el mercado para los productos de ropa que
planemos vender.
 Cumpliremos con todos los permisos necesarios para llevar a cabo el proyecto
de manera legal.
 El proyecto seguirá el cronograma establecido para su ejecución.
Restricciones:
 El proyecto está sujeto a un presupuesto limitado que debe ser administrado
de manera eficiente.
 Existe competencia en el mercado que puede afectar la adquisición de clientes
y las ventas.
 Se deben considerar los costos de mantenimiento continuo de la página web
una vez que esté en funcionamiento.
 Se deben cumplir los impuestos en línea.
3.7. Propuesta economica
I. Desarrollo de la Página Web (S/ 8,000)

Desarrolladores Frontend: Contratar desarrolladores frontend para crear la
interfaz de usuario y la experiencia de navegación en la página web.
Costo Estimado: S/ 3,000

Desarrolladores Backend: Contratar desarrolladores backend para implementar
las funciones y características del sitio web, como la gestión de productos y el
procesamiento de pedidos.
Costo Estimado: S/ 2,500

Diseñadores de UI: Contratar diseñadores de interfaz de usuario (UI) para crear
un diseño atractivo y funcional para la página web.
Costo Estimado: S/ 2,500
II. Marketing Digital y Promoción (S/ 4,300)

Campañas de Marketing en Redes Sociales: Implementar campañas
publicitarias en redes sociales con un presupuesto mínimo.
Costo Estimado (primer año): S/ 2,500

Publicidad en Motores de Búsqueda (SEM): Iniciar campañas de publicidad en
motores de búsqueda con un presupuesto limitado.
Costo Estimado (primer año): S/ 1,800
III. Contingencia (S/ 950)
Contingencia (aumentada): Reservar un fondo de contingencia más amplio para
imprevistos o ajustes necesarios durante el proyecto.
Costo Estimado: S/ 950
Total estimado para el Primer Año: S/ 13,100
Total estimado para Años Subsiguientes: S/ 2,100/anual