Compra Gamer

Proyecto Académico: Curso de Diseño UX/UI Avanzado

Rol: Diseñadora de Experiencia de Usuario y de Interfaces

Duración: 3 meses | Octubre 2021 - Enero 2022

Entregables: Más de 40 pantallas diseñadas y prototipadas

Estrategia — Primera etapa

Para arrancar con fuerza, hicimos un análisis profundo y 360° del mercado y la competencia. Este diagnóstico fue clave para entender qué hacer, qué evitar y dónde están las oportunidades reales.

Benchmarking

Analizamos a fondo competidores directos e indirectos, estudiando su recorrido, fortalezas y debilidades. Miramos vocabulario, diseño, navegación y funcionalidades en sus webs y apps. También evaluamos la experiencia en redes, premios y popularidad, para comparar con Compra Gamer.

Competidores directos: Mexx, Venex y Maximus Gaming.

Competidores indirectos: Mercado Libre.

Lean Canvas

Esta herramienta nos ayudó a visualizar el contexto real de Compra Gamer y definir:

• Problemas: Demoras en envíos, atención al cliente deficiente y proceso de compra engorroso.

• Soluciones: Seguimiento de producto, chat en vivo, filtros mejorados y botón de compra directo.

• Propuesta de valor: Precios bajos, productos importados sin trámites complicados, y beneficios con GamerCoins para descuentos.

• Ventaja competitiva: Precio + respaldo de expertos en gaming.

• Público objetivo: Usuarios que buscan PC o mejorar sus componentes.

• Alternativas en el mercado: Maximus Gaming Hardware, Mexx, Venex y Mercado Libre.

• Métricas y canales: Compradores mensuales, calificaciones, publicidad en redes, y ventas vía web con envío a domicilio o sucursal.

  
  

Análisis de Tendencias

Mapeamos cómo cambió el mercado gamer y tecnológico con el tiempo. Vimos el impacto de la pandemia y plataformas como Twitch y YouTube en la expansión del público, que ahora incluye desde estudiantes hasta padres y trabajadores que se adaptaron a la era digital. Compras 100% online, pago en cuotas, compatibilidad de componentes y descuentos con GamerCoins son la base actual, pero hay espacio para mejorar la experiencia.

Entrevistas y Encuestas

Para entender al usuario real, hicimos:

• 5 entrevistas en profundidad (4 remotas y 1 presencial)

• 19 encuestas online

Perfil del target: personas entre 19 y 30 años interesadas en tecnología.

Frases que marcamos:

“Esperé meses por una devolución”

“Con solo ver la página me dan ganas de cerrarla”

“La recomiendo... si tenés paciencia”

Mapa de Trayectoria

Creamos dos arquetipos: Natalia (usuaria novata) y Matías (usuario experimentado). Ambos enfrentan problemas similares: mala atención, envíos fallidos, inicio de sesión molesto y desconfianza en la seguridad.
Matías también señaló que la página de inicio es vacía, lo que abre una ventana para agregar contenido valioso como productos en tendencia y categorías destacadas.

Mapa de Necesidades

Identificamos soluciones claves:

• Registro con contraseña y validación única

• Valoraciones con estrellas para productos

• Sección de productos en tendencia y filtros mejorados

• Botón “Comprar” visible y ágil

• Usabilidad extendida de GamerCoins como método de pago

• Validación de identidad solo una vez

  
  

Brainstorming

Cerramos esta etapa con una sesión creativa donde volcamos ideas sin filtro, pensadas para usuarios reales: streamers, estudiantes, padres y empleados.

Ideas clave:

• Login con redes sociales

• Listas de compras personalizadas

• PC armadas para no expertos

• Buscador potenciado con mejores filtros

• Más métodos de pago digitales (Mercado Pago, Ualá, etc.)

Requerimientos — Segunda Etapa

Después de entender el mercado, al usuario y los puntos críticos, organizamos la información para establecer soluciones claras, priorizadas y posibles de implementar. En esta etapa usamos herramientas clave para decidir qué cambios hacer ahora, cuáles más adelante y cómo vamos a planificar ese proceso.

Matriz de Factibilidad, Viabilidad y Deseabilidad

Con esta herramienta cruzamos tres factores:

• Factibilidad: ¿Tenemos la tecnología o recursos para hacerlo?

• Viabilidad: ¿Es rentable hacerlo ahora?

• Deseabilidad: ¿El usuario realmente quiere esta solución?

Prioridad 1 – Implementación inmediata

Estas soluciones tocan los puntos de dolor más urgentes y son relativamente fáciles de aplicar:

• ✅ Chat en vivo para consultas en tiempo real.

• ✅ Inicio de sesión con plataformas como Google o Facebook.

• ✅ Mejoras en filtros de búsqueda.

• ✅ Contraseña para registro y login seguro.

• ✅ Calificación y comentarios en cada producto.

• ✅ Validación de identidad única al registrarse.

• ✅ GamerCoins como método de pago directo.

• ✅ Sección de PC armadas para usuarios novatos.

Prioridad 2 – A corto/mediano plazo

Tienen valor, pero no son urgentes o requieren más desarrollo:

• 🟡 Listas personalizadas de productos.

• 🟡 Contenido destacado en el home (tendencias, lo más vendido).

• 🟡 Notificaciones de promociones o actualizaciones por mail o en el perfil.

Prioridad 3 – A largo plazo

Interesantes pero complejas, costosas o poco urgentes hoy:

• 🔴 Desarrollo de aplicación móvil.

  
  

Roadmap

Esta hoja de ruta nos permitió organizar el proceso de diseño y desarrollo paso a paso, sin perdernos en la ansiedad de hacer todo al mismo tiempo. Es una guía visual que establece qué se hace, en qué orden y cuánto tiempo puede llevar cada fase. Con este roadmap y matriz, pasamos de una lluvia de ideas a un plan con estructura real. Ahora sí: se viene el diseño con toda la data en la mano y el foco bien puesto en mejorar la experiencia del usuario.

Estructura — Tercera Etapa

Uno de los principales problemas detectados fue la navegación del sitio, poco clara y confusa. Para solucionarlo, analizamos los pain points y diseñamos una nueva arquitectura de contenido aplicando métodos como Tree Testing y Card Sorting.

Partimos evaluando la navegación actual mediante pruebas con usuarios reales, con experiencia previa en e-commerce de tecnología. Luego aplicamos Tree Testing, asignando tareas concretas para observar cómo recorrían el sitio.

Gracias a esto detectamos varios puntos de fricción:

• Nombres de categorías poco claros

• Agrupaciones poco intuitivas

• Pérdida de tiempo para encontrar productos

• Usuarios que se frustraban y abandonaban el proceso

  
  

Cambios estructurales de Compra Gamer

Compra Gamer había simplificado su navegación inicial, reduciendo las secciones del menú principal de seis a cuatro:
Productos, Armá tu PC, Ayuda, Sponsor.
Antes también incluía: Encontrá tu equipo y Mi cuenta.

Siguiendo las prioridades pactadas en etapas anteriores, nos enfocamos en mejorar "Productos" y "Armá tu PC", ya que son claves en la experiencia de compra.

La sección “Armá tu PC” fue especialmente problemática: generaba confusión, especialmente entre usuarios con poca experiencia técnica.
La navegación era poco intuitiva, y los nombres de categorías no ayudaban a tomar decisiones seguras ni a entender qué piezas eran compatibles entre sí.

Primera iteración: Tree Testing

Aplicamos un primer Tree Testing para medir cómo se movían los usuarios por la estructura actual. Los resultados:

• Tasa de éxito: 90%

• Varios caminos indirectos o erróneos

• Tiempo prolongado para completar tareas

• Dudas frecuentes en la elección de componentes

Esto fue un llamado de atención claro: había que simplificar el lenguaje y reorganizar las categorías.

Propuesta: Renombrar categorías y reestructurar

Decidimos renombrar categorías con un tono más accesible y directo.
Aunque parecía un cambio pequeño, tuvo un impacto enorme en la toma de decisiones.
Ahora los usuarios con poca experiencia entienden qué están eligiendo, cómo afecta al resto del armado y pueden avanzar sin miedo a equivocarse.

Segunda iteración: Tree Testing 2.0

Con la nueva estructura, volvimos a testear.
Los resultados del segundo Tree Testing fueron contundentes:

• Tasa de éxito: 100%

• Aunque dos personas tomaron caminos indirectos, todos encontraron la información

• El proceso fue más rápido y menos frustrante

Esto validó por completo la nueva arquitectura de información.

Validación con Card Sorting

Para reforzar la estructura planteada, aplicamos un Card Sorting abierto con 10 usuarios remotos mediante Optimal Workshop.

Se les pidió organizar y nombrar 13 tarjetas representando contenidos de la web.
Además, les hicimos esta pregunta previa:

“Estamos rediseñando una página de venta de productos de tecnología, ¿alguna vez compraste en una de estas páginas?”

Esto nos permitió entender su contexto y validar si sus respuestas eran representativas del público real.

Resultados y conclusiones: Los usuarios lograron agrupar la información en tres jerarquías principales, claras y diferenciadas. Esto nos confirmó que la estructura propuesta facilita la navegación, refuerza la comprensión del contenido y mejora la toma de decisiones.