PROYECTO:
Diseño Web Responsive de un E-Commerce especializado en la venta de golosinas, dividida entre clientes y admin. (MVP)
PROBLEMA A RESOLVER:
El cliente no contaba con una pagina web, y vendía todo por Whatsapp.
OBJETIVO:
Creacion de un E-commerce para aumentar clientes y ventas.
Creación de Admin para manejo completo de Stock, clientes, proveedores, facturas, gastos, etc
RETOS:
Por el poco tiempo que tuve, no podía hacer el UX Research previo a los diseños. Por lo que se llevo a cabo el proceso de hacer un Brief(cuestionario para el cliente), para entender mejor lo que éste necesitaba. Además realicé un benchmarck de la competencia.
Otro reto que se presentó fue que Punto Dulce, no contaba con una marca personal. Por lo que también hubo creación de marca.
RESPONSABILIDADES:
•Creación de prototipos(baja y alta fidelidad)
•Iteración de diseños
Tuvimos la reunión inicial con la clienta, en el que nos contó de que trataba el proyecto y profundizó un poco sobre lo que necesitaba para su sitio web.
Viendo que el proyecto duraba solo un mes, optamos por realizar un Brief extenso para la clienta, y obviar el UX Research previo a la maquetación por motivos de tiempos.
Dentro del Brief se preguntaron cosas puntuales sobre lo que necesitaba para llevar a cabo su web, como también se analizaron aspectos de branding, ya que el proyecto no tenia una marca definida.
Algunas de las preguntas que se plantearon fueron:
• ¿Qué objetivos comerciales desea lograr con el sitio web de e-commerce?
• ¿Quiénes son sus clientes principales?
• ¿Hay un mínimo pedido en el futuro e-commerce?
• ¿Cómo describiría el estilo de su marca?
• ¿Qué tipo de tono y lenguaje desea utilizar en el sitio web?
• ¿Hay algún requisito específico de accesibilidad?
• ¿Necesita integración con un sistema de gestión de pedidos (ERP)?
• ¿Hay elementos específicos de diseño o branding que desea incluir en el sitio web?
Mientras la clienta respondía a nuestras dudas, por nuestra parte realizabamos un benchmark para identificar las tendencias de usabilidad y evaluar diseños.
Definí el diagrama de Flujo, y luego de eso pasé a realizar los primero bosquejos en papel.
Se elaboraron algunos esquemas en papel, revisando lo necesario que la clienta necesitaba. Posteriormente, se procedió a crear los prototipos de baja fidelidad.
En las siguientes imágenes, se presentan 2 ideas distintas para visualizar Productos y pasarela de pagos.
Se emplearon estrellas para señalar los elementos de cada boceto que se utilizarían en los primeros esquemas de página digitales.
Como el tiempo seguia siendo menor a la fecha de entrega, tras finalizar los prototipos de baja fidelidad, se pulieron al 100% con respecto al brief que la clienta nos habia pasado.
Luego de esto se arrancó a darle vida a los prototipos de baja fidelidad, pasándolos a alta fidelidad.
Arranqué por realizar la marca, ya que Punto Dulce no contaba con colores, tipografia, ni logo. Y una vez definido todo, continue con el UI KIT y luego seguí con los prototipos de baja a alta fidelidad manteniendo la imagen de la marca.
• Se utilizaron herramientas de accesibilidad, para el uso correcto de contraste.(Nivel de WCAG 2.1)
• Iconografía en toda la web, inclusive en botones, para ayudar a los usuarios a identificar rápidamente la función de un botón sin necesidad de leer el texto asociado o para ayudar a usuarios de diferentes culturas y lenguajes, ya que a menudo representan conceptos universales.
• En pantallas táctiles se tuvo en cuenta generar una transición de movimiento de una página a otra, para ayudar a los usuarios con discapacidades visuales o cognitivas. Estos cambios con movimiento pueden servir como un feedback sensorial adicional que les ayude a comprender la interacción y los cambios en la pantalla.
• La página web cuenta con 2 idiomas(Inglés/Español), para promover la inclusión y la accesibilidad para una audiencia más amplia, esto hace que los usuarios elijan el idioma que prefieran, brindandoles la posibilidad de adaptar la experiencia de navegación a sus necesidades individuales, lo que es fundamental para garantizar una experiencia equitativa para todos los usuarios.
QUÉ APRENDÍ?
A pesar de que no se pudieron llevar a cabo los estudios de usabilidad o hacer un Research previo, la información que nos brindó en todo momento la clienta fue de mucha ayuda!.
La comunicación equipo - cliente fue fundamental para llevar a cabo el proyecto en 7 semanas.
PROXIMOS PASOS
• El proyecto continuará, por lo que se realizarán estudios de usabilidad, con tiempo, para poder mejorar la experiencia de usuario.
Un especial agradecimiento a AdoptaUnJunior y Punto Dulce, por confiar y darme la oportunidad de participar en este genial proyecto!.
Muchas Gracias por haber llegado hasta acá.