GoCards: Diseño UX/UI de Marketplace E-Commerce y Comunidad
Plataforma e-commerce especializada en cartas coleccionables. Investigación cualitativa con jugadores de Yu-Gi-Oh!, arquitectura de filtros instantáneos y compra segura protegida entre usuarios.
Ficha Técnica: UX Research, Sistema de Diseño y E-Commerce
Investigación UX: Problema del Mercado, Benchmark y User Persona
Problemática en la Compra y Venta de Cartas Coleccionables
Muchas comunidades de juegos de cartas sufren de escasa comunicación y soporte fuera del entorno físico de juego. Al no existir un punto de encuentro digital confiable, los jugadores dependen de grupos dispersos de WhatsApp o Facebook, generando barreras para novatos y alto riesgo de estafas en transacciones informales.
Benchmark Competitivo de Marketplaces y Comunidades
YGOPRODeck
Gran base de datos de cartas y listas de mazos del meta, pero sin marketplace integrado; obliga a los jugadores a buscar vendedores externos sin protección.
Cardmarket
Gigante europeo de transacciones, pero con interfaz fría tipo hoja de cálculo, escasa optimización mobile y nula integración comunitaria o de aprendizaje.
Grupos de WhatsApp y Facebook
Interacción humana directa pero comercio de alto riesgo: sin verificación de vendedor, sin cálculo de envíos, sin protección de pago y búsqueda caótica.
Pilares de Experiencia de Usuario en GoCards
Arquetipo de Usuario: El Jugador Competitivo
Jugador activo que equilibra estudios o trabajo con torneos semanales. Investiga exhaustivamente listas de decks, necesita conseguir cartas clave en óptimo estado sin estafas y busca posicionarse en el Top de su formato.
Sistema de Diseño: Guía de Estilos, Colores y Tipografía
UI Kit Mobile-First: Sistema de Navegación y Componentes
Arquitectura modular de componentes pensados para uso en dispositivos móviles: barra superior con buscador persistente, menú hamburguesa categorizado (*Inicio, Ventas, Ofertas Destacadas, Bases, Productos Sellados, Lo Nuevo, Lotes*), tarjetas de artículos comunitarios y selectores de compra.
Arquitectura de Contenidos: Comunidad y Comercio Integrados
Estrategia de Retención: Aprendizaje y Conversión en un Mismo Flujo
A diferencia de las plataformas tradicionales que reciben al usuario únicamente con un inventario frío de precios, la pantalla principal de GoCards prioriza contenido educativo redactado por jugadores experimentados.
- ▪ Onboarding orgánico: Guías de mazos competitivos que reducen la barrera de entrada para jugadores principiantes.
- ▪ Conversión contextual: Cada análisis enlaza directamente a la compra de las cartas clave necesarias para armar la baraja.
- ▪ Sentido de pertenencia: Fomenta la participación activa de la comunidad más allá de una simple transacción económica.
Flujo Transaccional E-Commerce: Catálogo, Ficha y Checkout
Una compra segura y correcta entre jugadores. Cada etapa del embudo de conversión fue diseñada para entregar certeza absoluta sobre el estado de la carta, la reputación del vendedor y los costos finales.
Paso 1: Catálogo Mobile y Productos Más Vendidos
Cartas clave en tendencia competitiva (AA-ZEUS, Ice Dragon's Prison) con badges de Vendedor destacado, 5 estrellas y precios transparentes en pesos chilenos (CLP).
Paso 2: Ficha de Producto y Comparador de Vendedores
Ficha para Beetrooper Scout Buggy (Secret Rare) que indica vendedor (Mauricio Ulato ★★★★★ 5/5), condición Near Mint y botones para "Buscar otro vendedor" o "Buscar otra versión".
Paso 3: Carrito de Compras y Checkout Guiado en 3 Etapas
Progreso visual claro (1. Carro → 2. Entrega → 3. Pago), control numérico de unidades y recomendación inteligente de cartas complementarias (Joker's Knight, Lightning Storm, True Light).
Prototipo Interactivo Mobile-First en Figma
Interactúa directamente con el flujo de compra y navegación móvil diseñado para GoCards. Puedes navegar por la pantalla principal, consultar el menú hamburguesa y avanzar por el embudo de compra:
Diseño UX/UI y Asesoría Digital para Marketplaces y E-Commerce
Combino investigación cualitativa profunda, sistemas de diseño atómicos y arquitectura transaccional para maximizar la confianza y la conversión de tu producto digital.