mEANWHILE STORE
ACERCA DEL PROYECTO
Meanwhile Store es una organización que se dedica a
la venta de cómics con sucursales en Ciudad
autónoma de Buenos Aires y Buenos Aires. También
hacen toman pedidos y envíos a todo el país.
El problema
La mayoría de locales de comics no disponen
de páginas web y si las tienen las mantienen
desactualizadas en su contenido.
El objetivo
El objetivo es diseñar un sitio web visualmente
atractivo y que mantenga información siempre
actualizada relacionado con los stocks de los
artículos a la venta.
Mi función
Diseñador de UX que lidera el diseño de la
aplicación y del sitio web adaptable desde la
concepción hasta la entrega
Responsabilidades
Realización de entrevistas, creación de
esquemas de página digitales y en papel,
creación de prototipos de baja y alta fidelidad,
realización de estudios de facilidad de uso,
aplicación de medidas de accesibilidad,
iteración de diseños, delineación de la
arquitectura de la información y diseño
adaptable
iNVESTIGACIÓN SOBRE LOS USUARIOS
Realicé entrevistas para entender a los usuarios para quienes diseño, así como sus necesidades. Un grupo de usuarios primarios identificados a través de la investigación dio como resultado que los locales de comics la mayoría de las veces dejan la parte online en un segundo plano y quedan desactualizadas las mismas.
puntos débiles : user research
1
Tiempo
Los adultos que
trabajan están
demasiado
ocupados.
2
Accesibilidad
Las plataformas
para comprar
cómics suelen estar
no diseñadas para
personas que no
están
acostumbradas o al
grupo vulnerado.
3
Comodidad
Los adultos buscan la
comodidad y la
agilidad en la
realización de las
tareas
USER Persona
Walter Caballero es un ocupado trabajador logístico que necesita una página de compra cómoda e intuitiva porque es un fánatico de los cómics y aprovecha sus tiempos libres para leerlos
Mapa de recorrido de usuario
Confeccioné un mapa de recorrido de usuario de
Walter y reveló lo útil quesería un sitio web donde reveló lo útil que sería poder hacer preventas de
forma precisa.
Ideación
Hice un ejercicio de ideación rápido en papel.
Mi enfoque se centró específicamente en que sea
un diseño ordenado y claro visualmente.
Esquemas de página digitales
A medida que la fase inicial del diseño continuaba, me aseguré de realizar los diseños de las
pantallas según el feedback y los resultados de investigación de los usuarios.
A continuación les dejo para que puedan visualizar los prototipos de baja fidelidad de las versiones web y Mobile
Maquetas
Prototipo de alta fidelidad
El prototipo de alta fidelidad siguió el mismo
flujo de usuario que el prototipo de baja fidelidad
con la inclusión de los cambios de diseño realizados después del estudio de usabilidad.
A continuación les dejo para que puedan visualizar los prototipos de baja fidelidad de las versiones web y Mobile
Consideraciones de accesibilidad
1
La selección de contraste
y la transiciones de diseño
se basaron bajo las
recomendaciones WCAG
2
Se usaron íconos para
facilitar la navegación
3
Se buscó siempre la
mejoría de diseño visual
para la facilidad de uso
Mapa del sitio
Una vez terminados los diseños del sitio web empecé a trabajar en el diseño del sitio web adaptable. Use el mapa de
sitio como guía para la estructura organizativa a realizar en cada pantalla a
fin de garantizar una experiencia cohesiva y
coherente en cada dispositivo.
Diseños adaptables
Los diseños según la variación del tamaño de pantalla abarcan los dispositivos móviles y computadoras de
escritorio. Empecé con un diseño primero para sitios web e hice la degradación
para la adaptación a versiones móviles.
Conclusiones
Impacto:
Los usuarios comentaron que el sitio web hizoque puedan comprar cómics e informarse de la disponibilidad en tiempo real de los mismos que antes no se disponía. Una cita del feedback de los compañeros fue que
“Meanwhile store ayuda a estar seguro con las compras que uno hace de forma online”.
Qué aprendí:
Aprendí a realizar sitios web adaptables
utilizando una herramienta nueva como Adobe XD siendo esto una tarea nueva y desafiante al crear diseño en una nueva herramienta y para más de un dispositivo.
¡Pongámonos en contacto!
¡Gracias por tomarte el tiempo de revisar mi trabajo con Meanwhile Store!
Si quieres ver más de mi trabajo o comunicarte conmigo, esta es mi información de contacto:
Correo electrónico: kevin_odi@hotmail.com
Linkedin: https://www.linkedin.com/in/kevin-odi/