Sobre el proyecto

Gaón es una tienda online que tiene presencia en las Marketplace más importantes de México

Misión

Rediseñar la experiencia de la página principal, página general de productos y página particular de producto de https://www.gaon.store/ con el fin de tener una mejor estructura, navegación y retención en estas páginas.

Proceso de diseño

01

Entendimiento y definición

Sesiones de entendimiento para entender el problema

Ideación con ayuda de la técnica flor de loto

Análisis de la información

02

Prototipar

Desarrollo de la interfaz a partir de los hallazgos detectados

Entendimiento de VTEX

Wireframes de baja fidelidad

Guía de estilos

Wireframes de alta fidelidad

UX writing

Prototipos

03

Pruebas de usabilidad

Entrevistas con los usuarios para determinar si el diseño es claro

Creación de guía de tópicos

Entrevistas 1:1

Aplicación de hallazgos

Mi colaboración

Este proyecto fue desarrollado en equipo 🫶🏻 Mi participación consistió en realizar:

Contacto con el cliente

Primer acercamiento con el cliente para negociar el proyecto y seguimiento al mismo.

Sesiones de ideación

En equipo realizamos una serie de actividades para entender cómo abordar el proyecto

Definición del proyecto

Gracias a las sesiones de ideación pudimos definir las necesidades del cliente y sus usuarios

Diseño responsivo

Se trabajó el diseño responsivo basado en la guía de estilos creada

Equipo

Con todas las pantallas desarrolladas, se realizó el prototipo para mostrarlo al cliente

Pruebas de usabilidad

Nos acercamos con usuarios de la plataforma para probar la nueva experiencia y recibir retroalimentación

Ideación

Para este proyecto entramos de lleno a la fase de ideación, esto debido a que el cliente nos proporcionó una base de datos con hallazgos que habían obtenido recientemente de sus usuarios, lo que ayudó a que la fase de investigación estuviera completada.

ObjetivoIdentificar las principales áreas de oportunidad en el home, landing general de productos y página individual de producto, desde el punto de vista del área de e-commerce

Dinámica
Sesiones: 2 sesiones con 5 participantes
Duración: 1 hr por sesión
Herramientas: Miró y Meet

Frases de definición
Me gustaría que el home, p. general de productos y p. individual de producto, de Gaón fuera . . .
No me gustaría que el home, p. general de productos y p. individual de producto, de Gaón fuera . . .
Mi visión a corto, mediano y largo plazo de Gaón es . . .
La comunicación de todo el e-commerce de Gaón debería ser . . .
Algunos e-commerce que me gustan y tengo como referencia son… lo que más me gusta de estos e-commerce es… los módulos que me gustaría replicar de estas plataformas son…
Considero que los clientes de Gaón son . . .
Considero que los clientes de Gaón necesitan . . .

Definición

A partir de la sesión de ideación pudimos encontrar algunos aspectos fundamentales que los miembros del equipo buscaban
para este rediseño.

Me gustaría que el home fuera…

Amigable, fácil y rápido de usar cuando se navega en él.

Visualmente atractivo, pero limpio y práctico

Innovador, que atraiga a las personas y les genere una buena experiencia

Me gustaría que la landing general de productos fuera…

Amigable, intuitiva, fácil de entender

Que esté bien organizada para que se encuentre todo muy fácil

Accesible, interactiva y versátil, que tenga la información necesaria para las personas

Me gustaría que la página individual de productos fuera…

Muy visual, con las acciones principales claras

Que sea muy informativa, con descripciones claras y con recomendaciones de otros productos

Concisa y limpa

Público objetivo y beneficios

También pudimos definir al público que queríamos alcanzar, así como los beneficios para estos y para nuestros clientes.

Público objetivo: Personas entre los 18 a 60 años que trabajan y compran en línea porque les ahorra tiempo, tecnológicos, NSE B o C.

Beneficios para las áreas internas de Gaón: Atracción de clientes y satisfacción, pues el diseño ayudará a que se casen con la marca, lo que hará que esta se pueda posicionar mejor, tenga más competitividad en el mercado, atraiga inversiones, expansión, y esto ayudará a obtener mayores ingresos.

Beneficios para los usuarios: Conseguir productos novedosos, de alta calidad, con precios competitivos; claridad en la navegación para que encuentren todo lo que buscan y obtengan una gran satisfacción; compra rápida y sencilla

Wireframes

Para este proyecto fue fundamental entender la plataforma en la que se desarrollaría el proyecto, la cual era VTEX. Por lo tanto, antes de realizar cualquier propuesta, dedicamos un periodo de tiempo a la revisión de documentación de VTEX para saber qué componentes podíamos usar y hasta qué punto eran personalizables, esto con el fin de que el equipo de desarrollo no tuviera problemas posteriores.

Guía de estilos

Wireframes de alta fidelidad

Pruebas de usabilidad

Una vez finalizados los wireframes en alta fidelidad, se realizaron pruebas con personas usuarias para comprobar la facilidad o complejidad con la que se manejaba la plataforma. La calificación que recibió la experiencia fue: