1. 
PROYECTO DE CREACIÓN DE UN PRODUCTO DIGITAL
Carmen Albalá Bueno
Diseño de la Interfaz
Tracor
1

2. ÍNDICE
1.
Desarrollo de la idea










2.
Nombre del producto digital
Elementos identificativos
Origen de la idea
Misión
Prestaciones
Funcionamiento
Líneas de trabajo
Sistema de reconocimiento
Productos y servicios
Clientes
Competencia

3
3
3
3
3
4
4
5
5
5
6
Estudio comparado
o
-
Introducción
Shot and Shop
Nasty Gal
Forever 21
Urban Outfitters
Wild Haze
o
o


3
Parámetros de estudio
Nota media
Análisis de los portales (RRSS)
Conclusiones
7-9
7
7
8
8
9
9-14
14
15
3.
Estrategia de comunicación

Misión

Visión

Valores

Personificación de la marca
16-18
16
16
16
17
4.
Desarrollo de la aplicación
19-28


5.
Mapa web
Wireframe y prototipado
Test de usabilidad
19
20-30
29-30
2

3. 1. Desarrollo de la idea
Plan de empresa
 Nombre del producto digital
MyWarDrobe S.L (denominación social), MyWarDrobe (denominación comercial). A
pesar de la existencia de una página con una denominación similar (www.mywardrobe.com), pensamos que hay espacio en el mercado de habla hispana para una
www.mywardrobe.es pues su actividad no tiene los elementos de sugerencia y de
ayuda a la decisión de la página.
 Elementos identificativos:
Somos una empresa que ofrece un servicio de selección de conjuntos de moda y
posibilidad de compra online de los mismos mediante una aplicación digital adaptada a
PC, tablets y móvil.
 Origen de la idea:
Especial atracción por el mundo de la moda y las posibilidades que ofrecen las nuevas
tendencias de la tecnología y la comunicación como requisito indispensable para ofrecer
al consumidor un producto innovador, útil y exitoso.
 Misión
Necesidad de una herramienta que permita: aunar una misma plataforma de contenido
los productos de moda más novedosos y de nuevos diseñadores, ayudando a la
promoción y conocimiento de los productos para facilitar la compra de los mismos. Y
además, a través de la auto creación y sugerencia de conjuntos ayudamos al usuario
en proceso de decisión del outfitt deseado y ofrecemos varias posibilidades para que
escoja la que más se ajusta a su estilo personal.
Con esto se pretende minimizar el tiempo de decisión y compra de los productos,
permitiendo al usuario que los escoja con un sólo clic y tenga la posibilidad de
adquirirlos a través de la web para su posterior recogida en tienda (o envío a domicilio si
la logística interna lo permitiese).
 Prestaciones:
-A partir de la identificación de un prenda se obtienen sugerencias un outfitt acorde a un
estilo escogido.
- Inspirarse consultando los conjuntos preestablecidos.
- Habrá dos catálogos, un catálogo de prendas individuales y otro de conjuntos
preestablecidos con las prendas del catálogo anterior.
3

4. - Además de estos catálogos estáticos habrá otros catálogos dinámicos y modificables
por cada usuario que se explicarán más adelante.
- Compra de las prendas individualmente o en conjunto
 Funcionamiento
- Identificación de una prenda del catálogo seleccionandola de la lista de un código
(barras o QR, pendiente de definición) de la prenda o una fotografía de la prenda, y
consultar modelos preestablecidos para establecer un conjunto acorde con el estilo
escogido.
- Una vez identificada se sugieren posibles conjuntos acordes con el estilo escogido.
La aplicación permitirá el reconocimiento de la prenda deseada mediante la lectura de
los códigos de barras del producto (facilitados por las propias compañías que formen
parte del proyecto), fotografía de la prenda o selección de la lista.
-Posteriormente el usuario obtendrá sugerencias de posibles conjuntos a través e
conjuntos preestablecidos u otros conjuntos que el usuario u otros usuarios hayan
definido previamente.
-una vez seleccionado el conjunto que se desea el usuario podrá adquirir prendas
individuales del conjunto o todo el conjunto.
-Una vez comprandos podrá recogerlos en tienda o recibirlos a domicilio (pendiente de
definición)
 Líneas de trabajo:
- MWD personas: Línea vinculada a ofrecer soluciones para que clientes individuales
seleccionen conjuntos de diferentes estilos, minimizando así el proceso de decisión y
compra.
- MWD empresas: Línea vinculada al área empresarial que facilita la promoción y
conocimiento de los productos más tendenciosos y ofrece un espacio publicitario para
empresas. Será un espacio para empresas de cualquier tipo.
Medios de soporte de la aplicación
- Web: Contendrá todas las prestaciones excepto la del chequeo del código por lo que
las prendas deberán seleccionarse de una lista.
- Móvil
- Tablet
4

5.  Sistema de reconocimiento en función del etiquetado:
La aplicación tendrá una base de datos con todos los códigos de las prendas que
contiene, Estos códigos serán facilitados, si es posible, por las compañías
colaboradoras, En un futuro se contempla la posibilidad de crear etiquetas específicas
desde la aplicación.
La app para dispositivos móviles permitirá a partir del escaneo del código o la fotografía
del producto el reconocimiento de la prenda, de forma que posteriormente pueda
asociarse a las prendas que más se ajusten a este y que han sido seleccionadas
previamente por el equipo de My WarDrobe o por otros usuarios.
 Productos y servicios
- Accesorios.
- Bolsos
- Zapatos
- Vestidos
- Camisetas
- Pantalones
- Sudaderas
- Jerséis
- Bisutería
- Lencería
- Faldas
- Gafas de sol
- Nuevos diseñadores
- Otros
 Clientes
- Para la línea MWB empresas: marcas líderes, marcas secundarias de pequeños
comerciantes, complementarios (nuevos diseñadores).
- Para la línea MWB personas: registrados en la aplicación.
5

6. 2. Competencia
Portales de moda
Para profundizar en el conocimiento de las prestaciones que la competencia en este
sector ofrece al usuario he realizado un Benchmark que analiza las posibilidades que
ofrecen otras empresas, carencias que poseen y las mejoras que podría implantar.
Estudio comparado
1.1 Introducción
Análisis de contexto
Con este análisis me propongo identificar los estándares y prácticas que actualmente
marcan la tendencia en los portales de inspiración y compra-venta de moda.
Para el análisis he seleccionado 5 de los portales más influyentes en inspiración para
un tipo de moda joven y urbana, tanto en el área geográfica de España como a nivel
mundial. Con el objetivo de tener un mayor conocimiento de las tendencias en
portales de moda, establecer una serie de buenas prácticas atractivas y usables, e
implementar todas las conclusiones obtenidas en el desarrollo de mi próxima
aplicación: WarDrobe.
6

7. Shot & Shop
Nasty Gal
7

8. Forever 21
Urban Outfitters
Wild Haze
8

9. 1.2 Parámetros de estudio
●
Usabilidad
- Espacios funcionales
9

10. - Estándares de uso
- Tiempos de descarga
10

11. ●
-
Calidad de los contenidos
Relevancia y trascendencia.
- Actualización
11

12. -
-
Calidad editorial, ortografía, semántica y ritmo.
Recursos de apoyo.
12

13. ●
Diseño y comunicación
-
Identidad de marca y comunicación
-
Impacto visual y navegación.
13

14. - Tratamiento de la información textual.

Nota media
14

15. 1.3 Análisis de los portales
●
Empleo de redes sociales y la Web 2.0
CONCLUSIONES
Con este análisis concluyó que en general el concepto de los portales analizados es
correcto. Ofrecen contenidos relevantes y de calidad lo cual ayuda a crear fidelización.
Ofrecen gran sensibilidad estética y de diseño en la mayoría de los casos, aunque en
todos es mejorable. Estos contenidos son adecuadamente apoyados en recursos
multimedia adecuados y coherentes. Además están presentes en cantidad de RRSS, con
enlaces visibles a perfiles públicos y en las cuales también integra contenido de gran
calidad y totalmente actualizado.
La información se construye con gran apoyo visual y de imagen, totalmente acertado
para un portal de estas características.
Las herramientas en general respetan los estándares de uso y son adecuadas y
entendibles. El diseño de la Interfaz está muy relacionado con el mundo de la moda
urban, vintage y elegante. Los tiempo de navegación en la mayoría de los casos son
fluidos.
Por lo tanto, el resultado de la investigación afirma que la experiencia del usuario al
enfrentarse a este tipo de portales es satisfactoria pero no totalmente exitosa pues hay
ciertos aspectos del diseño, la estructura y la navegación que podrían mejorarse.
15

16. 3. Estrategia de comunicación
● Misión
Necesidad de una herramienta que permita: aunar una misma plataforma de contenido los
productos de moda más novedosos y de nuevos diseñadores, ayudando así a su
promoción y conocimiento de los productos para facilitar el conocimiento y la compra de los
mismos. Y además ayudar al usuario en el proceso de decisión del outfitt deseado a través
de auto creación y sugerencia de conjuntos, ofreciendo así varias posibilidades para que
escoja la que más se ajusta a su estilo personal.
Con esto se pretende minimizar el tiempo de decisión y compra de los productos,
permitiendo al usuario que los escoja con un sólo clic y tenga la posibilidad de adquirirlos a
través de la web para su posterior recogida en tienda (o envío a domicilio si la logística
interna lo permitiese).
● Visión
Crear un modelo establecido de creación de conjuntos que consiga ser un icono en moda y
consulta de outfitts tendenciosos.
Desempeñando la actividad en:
- Relación empresarial con empresas de moda que faciliten la inclusión de sus productos
en la aplicación y faciliten los códigos.
- Mantenimiento y actualización de contenido y conjuntos.
- Creación de un sistema de chequeo sostenible, usable y fácil.
- Optimizar el tiempo de compra ofreciendo la adquisición online de los productos.
● Valores
RESPETO: Actuamos bajo principios éticos y normas empresariales, que permiten la
exigencia de las responsabilidades mutuas, como bases de la convivencia en sociedad.
RESPONSABILIDAD: trabajamos con excelencia en el seno de la empresa, atendiendo a las
personas y sus condiciones de trabajo, así como a la calidad de sus procesos productivos
HONESTIDAD: Aplicación: Principios que guían y aseguran la operación transparente de la
empresa y sus relaciones internas y externas.
COMUNICACIÓN: Constante y efectiva, entre todos los miembros que formamos parte de
la empresa, así como con nuestros proveedores y clientes.
16

17. ● Principios
COMPROMISO: Trabajamos con responsabilidad, optimizando los recursos asignados y
creyendo en lo nuestro.
ACTITUD DE SERVICIO: Escuchamos, atendemos y resolvemos las necesidades de nuestros
clientes, con el fin de cumplir con sus expectativas y lograr su lealtad.
TRABAJO EN EQUIPO: Aprovechamos las cualidades individuales y unimos destrezas para
producir mejores resultados.
CALIDAD: Garantizamos el mejoramiento continuo mediante el mantenimiento de altos
niveles de eficiencia y eficacia, aumentando la productividad, generando mayor confianza
y seguridad en los clientes.
CONCIENCIA
AMBIENTAL:
Utilizamos
materiales
biodegradables
contribuyendo
significativamente a la conservación del medio ambiente.
INNOVACIÓN: diseñar, crear, y deleitar a nuestros clientes Procuramos el cambio, a
través del aprendizaje y la implementación de nuevas tecnologías, para el mejoramiento
de procesos y productos.
IGUALDAD: Garantizar a todos los empleados y clientes un trato equitativo por parte de la
empresa en todas sus aspectos sin discriminación alguna.
 Personificación de la marca
MyWarDrove es una aplicación de moda digital con un contenido tendencioso,
exhaustivamente seleccionado y de alta calidad que se materializa de forma elegante y
con gran sensibilidad de diseño.
 El color corporativo de la empresa será el #404040 (negro) y #cc8498
 El logotipo será el nombre de la compañía en tipografía Lobster 1.3.
 La tipografía empleada será: Lobster para títulos, entradillas y cabeceras. Pt Sans
Caption para párrafos y contenido tipográfico de pequeño tamaño.
 Iconos: Se emplearon los siguientes iconos como elementos gráficos extra al
logotipo
17

18. 18

19. 4. Desarrollo de aplicación
 Mapa web
19

20.  Wireframe y prototipado
Sección Home
En la parte superior estará el acceso a mi cuenta con un menú desplegable que explico más adelante y una pestaña para
consultar tu actividad. Contendrá una imagen de moda en carrusel que irá cambiando cada 30 segundos o si el usuario lo
solicita, podrá pinchar en el menú superior o en los iconos creados para acceder a las opciones principales. Tendrá una
sección inferior y apoyada en imágenes para acceder a las categorías del catálogo. En la parte inferior estará el acceso a
RRSS y al registro.
20

21. Encuentra tu prenda
Pantalla 1
En esta sección se podrá o bien seleccionar un elemento de la lista del catálogo pinchando en la mano, aparecerá el menú
del catálogo en la parte izquierda, podrás chequear el código de tu prenda o fotografiarla y que sea reconocida por el sistema
para posteriormente visualizar los conjuntos.
21

22. Pantalla 2
Una vez seleccionada la prenda aparecerán una serie de conjuntos con las prendas que lo integran individualmente y una
fotografía de una modela vistiendo el conjunto. Podrás pasar mediante las flechas de un conjunto a otro.
22

23. Inspírate
En esta sección visualizar conjuntos preestablecidos por la aplicación o creados por otras usuarias y tendrás la opción de
darle a “Me gusta” con el corazón para que aparezca en la actividad del usuario que lo ha creado o añadirlo a la lista de “Mis
conjuntos” mediante la estrellita.
23

24. Crea conjuntos
El usuario podrá crear conjuntos seleccionando los elementos de la lista que será la misma que aparece en el catálogo y los
podrá añadir a la ventana de visualización para ver el resultado arrastrándolos.
24

25. Mis conjuntos
A esta pantalla irán todos los conjuntos que el usuario ha marcado como favorito, pudiendo en el icono de “Edición” edita el
título o borrar el contenido. Podrá también compartir este contenido a través de la pestaña “Enviar”.
25

26. Catálogo
El usuario podrá visualizar el catálogo seleccionando la sección en el menú izquierdo, pudiendo incluso filtrar el contenido por
color de la prenda. En este caso el usuario está visualizando los vestidos de color negro.
26

27. Menú desplegable
Esta pestaña se desplegará de la sección de mi cuenta para que el usuario pueda acceder,
pueda configurar los datos de su cuenta, conocer My WarDrobe, añadir un conjunto a la
sección de conjuntos de su cuenta o salir de la aplicación.
Formulario de Registro
27

28. 4. Test de usabilidad
● Misión:
En este test nos proponemos medir en nivel de eficiencia y eficacia de ciertos aspectos de
www.mywardrobe.com relacionados con tareas que llevaría a cabo un usuario que acceda
a la página web por primera vez.
● Target:
Test orientado a público joven que conozca el uso de este tipo de aplicaciones.
● Pruebas
Para realizar este test se han propuesto las siguiente tareas:
- Registrarse en la aplicación.
- Buscar una prenda de la lista en la sección “Buscar prendas” y los modelos que ofrece
- Añadir un conjunto a favoritos.
● Datos recopilados
En base a estas preguntas hemos medido los siguientes parámetros:
- Nivel de éxito de la prueba (evaluándolo en una nota del 1-5)
- Tiempo transcurrido en superar la tarea.
- Dificultad del recorrido para concluir la tarea solicitada.
● Documento para realizar el test.
Modelo
28

29. 5. Test de usabilidad
Tareas:
- Registrarse en la aplicación.
- Buscar una prenda de la lista en la sección “Buscar prendas” y los modelos que ofrece
- Añadir un conjunto a favoritos.
SUJETO 1
Nombre: Ana Córdoba
Fecha de nacimiento: 22/01/1990
TAREA 1
TAREA 2
TAREA 3
Nivel de éxito
4
4
4
Tiempo
0,45
1,18
0,57
Recorrido
1 paso
2 pasos
2 pasos
Conclusiones
principales
El usuario se ha
registrado sin
problemas
El usuario ha
encontrado
fácilmente la
prenda
El usuario ha
añadido
fácilmente el
conjunto a la
sección “Mis
conjuntos”
TAREA 1
TAREA 2
TAREA 3
Nivel de éxito
5
4
4
Tiempo
0,30
1,05
0,50
Recorrido
1 paso
1 paso
2 pasos
Conclusiones
principales
El usuario ha sido
muy rápido en
esta tarea.
El nivel de éxito
en esta sección
con el usuario 2
ha sido alto, no
ha encontrado
problema
El usuario ha
encontrado
fácilmente la
tarea.
SUJETO 2
Nombre: Bárbara Bootello
Fecha de nacimiento: 21/09/1989
29

30. CONCLUSIONES
En general los usuarios han tardado poco tiempo en identificar la ubicación de las
secciones con un proceso de búsqueda en pocos pasos, la ubicación de las secciones
parece la correcta. La aplicación cumple a grandes rasgos con sus funciones y el resultado
del test la considera fácil y usable.
Por lo tanto concluyo que el nivel de éxito de la aplicación es alto.
30