Plano interactivo de mesas con inventario, hecho por VIC (Very Important Cards). Este manual explica cómo funciona todo: lo que ya existe en el demo y lo que se define para la versión real.
1. Qué es y para qué sirve
Es un mapa digital del evento. Cada mesa sube su inventario y los visitantes pueden encontrar rápido lo que buscan, sin recorrer todo el salón. El visitante le escribe directo al vendedor por WhatsApp. No hay pagos en la plataforma: la venta se cierra entre las dos personas.
Hay tres tipos de usuario:
- Visitante: explora el mapa, busca piezas, guarda favoritas y contacta vendedores.
- Vendedor: administra el inventario de su mesa.
- Organizador: entrega los accesos y resuelve problemas (en la versión real).
La plataforma tiene los colores y el logo del México Card Show. En todas las pantallas aparece "Powered by VIC" abajo. Solo existe en tema oscuro y está pensada primero para celular; también funciona en computador.
2. Qué es el demo y qué no hace
El demo sirve para ver y probar cómo se ve y se siente la plataforma. Hay que saber esto:
- La barra superior dice VIC DEMO y trae tres botones: Visitante, Vendedor y Manual, además de un reloj de prueba.
- Solo cuatro mesas tienen inventario de ejemplo: 6 (Killers TCG), 17 (Treasure Sports), 22 (Toy Zone) y 49 (Atomic Store). Atomic Store es la más completa porque es la tienda de uno de los organizadores. Las demás dicen "Inventario por cargar".
- Los precios son de ejemplo, en pesos mexicanos (MXN), y los números de WhatsApp son ficticios.
- El demo no guarda nada al recargar la página. Las piezas nuevas, las fotos, los corazones y las categorías que agregues se pierden. Guardar de verdad requiere el servidor de la versión real.
- El reloj de prueba permite simular cuatro momentos: todo cerrado, VIP abierto, Early Access abierto y evento abierto.
- Los códigos de ejemplo son V7K2 (VIP), E3A9 (Early Access) y G5M4 (General).
3. Guía del visitante
3.1 Entrar
- Abre la plataforma. Verás la pantalla de bienvenida con el logo del show.
- Escribe tu código de acceso y toca Entrar.
- Si el código es válido pero aún no abre tu nivel, la pantalla te dice cuánto falta.
- Si el código no es válido, te lo indica para que lo revises.
Hay tres niveles de acceso, y cada uno abre a una hora distinta:
- VIP: abre 12 horas antes del evento.
- Early Access: abre 3 horas antes.
- Acceso general: abre cuando comienza el evento.
También se puede entrar escaneando el QR de una mesa, sin código. El QR lleva directo al inventario de esa mesa, y desde ahí puedes seguir explorando el resto de la plataforma.
3.2 Las tres vistas principales
Arriba hay tres botones, en este orden: Mapa, Participantes y Buscar.
Mapa
- Es el plano original del salón, sin cambios. En celular se muestra girado, con la entrada abajo y el Bar & Lounge arriba. En computador se ve en horizontal, con un panel al lado.
- Con los dedos puedes acercar y alejar (pellizco), o con la rueda del ratón en computador. Arrastra para moverte.
- Alejado, las mesas muestran su número. Acercado, muestran también el nombre del negocio.
- Toca una mesa para ver una vista previa: nombre, número, categorías y algunas piezas. En celular sale una tarjeta abajo; en computador, un panel al lado.
- Desde la vista previa entras a la ficha completa de la mesa.
- Las mesas dobles aparecen como una sola cápsula, con el nombre centrado y los números unidos (por ejemplo 41–42).
- Puedes filtrar el mapa por categoría para ver qué mesas venden lo que buscas.
Participantes
- Lista de todos los negocios en orden alfabético (A–Z).
- Filtros por categoría: TCG, Deportes, Juguetes, Cajas selladas y Otro.
- Las mesas sin inventario dicen "Inventario por cargar".
Buscar
- Un buscador para mesas y piezas. Escribe un nombre y verás resultados de ambos.
- Mientras escribes aparecen sugerencias.
3.3 La ficha de una mesa
Muestra el nombre del negocio, su número de mesa, sus categorías y todo su inventario. Cada pieza tiene foto (o una imagen de ejemplo), nombre, precio y un corazón. Puedes buscar dentro del inventario de esa mesa y filtrar por tipo.
Si la mesa también compra, verás "Esta mesa también compra" con las categorías que le interesan, y lo que busca en especial.
3.4 Reservar una pieza
- Toca Reservar en la pieza.
- Se abre WhatsApp con un mensaje ya escrito para el vendedor.
- Habla con el vendedor y acuerden cómo seguir.
Importante: tocar Reservar no aparta la pieza. La pieza sigue disponible para todos hasta que el vendedor la marque como Reservada o Vendida. La decisión es del vendedor, después de hablar contigo.
3.5 Lista de deseos
- Toca el corazón en cualquier pieza para guardarla. Aparece un mensaje rápido arriba: "Agregado a tu lista de deseos". Vuelve a tocarlo para quitarla.
- Entra a tu lista con el botón del corazón en la barra superior, que muestra cuántas piezas llevas.
- La lista muestra un total estimado en pesos mexicanos de lo que tienes como favorito.
- Si una pieza se vende, sigue en tu lista pero aparece como "No disponible" y no suma al total. Así sabes qué pasó con ella.
- La lista se guarda en tu dispositivo.
- Al guardar una pieza, el vendedor ve que le interesa (ver 4.8).
3.6 Quiero vender
Si traes piezas para vender, entra al panel Vender (botón arriba). No es obligatorio: quien solo viene a mirar no necesita usarlo.
- Escribe tu nombre y tu WhatsApp.
- Agrega cada pieza con nombre, precio, categoría y foto opcional.
- Marca como vendida o borra las que ya no tengas.
- La plataforma te muestra qué mesas compran esas categorías y te deja escribirles por WhatsApp.
Los vendedores ven tus piezas en su sección "Visitantes que quieren vender" si coinciden con lo que compran.
4. Guía del vendedor
Entra con el botón Vendedor (en el demo) o con tu cuenta (en la versión real). Arriba ves el nombre de tu negocio y tu mesa. En el demo, un selector "Entrar como" permite cambiar entre las cuatro mesas de ejemplo.
4.1 Resumen y menú
Arriba hay cuatro números: Disponibles, Reservadas, Vendidas e Interesados.
Debajo hay un menú fijo que te acompaña mientras bajas: Resumen, Agregar, Rápida, QR, Inventario, Compro, Vendedores e Interesados. Tócalo para saltar a cada sección. "Resumen" te lleva de vuelta al inicio.
4.2 Agregar pieza
El formulario está pensado para ser lo más simple posible:
- Foto (opcional): toma una foto o elige una de la galería.
- Nombre de la pieza.
- Precio.
- Categoría con un toque: TCG, Deportes, Juguetes, Caja sellada u Otro. Si no eliges, queda en Otro.
- Toca Guardar y agregar otra. La pieza queda visible para el público de inmediato.
4.3 Carga rápida
Para subir varias piezas a la vez:
- Toca Elegir fotos de la galería y selecciona varias.
- Cada foto se convierte en una fila con su miniatura.
- Escribe el nombre y el precio de cada una. La categoría es opcional.
- Toca Publicar N piezas.
Las piezas a las que les falte nombre o precio no se publican: quedan marcadas con borde ámbar para que las completes. Limpiar descarta las que no hayas publicado.
4.4 Tu QR de mesa
Es un letrero con el QR de tu mesa, para imprimir y colocar en ella. Quien lo escanee entra directo a tu inventario, sin código. Debajo hay un botón para probar la plataforma como visitante.
4.5 Tu inventario
Todas tus piezas en una lista.
- Buscador arriba para encontrar una pieza por nombre o categoría.
- Filtros por estado: Todas, Disponibles, Reservadas y Vendidas.
- En cada pieza puedes cambiar el precio directamente, cambiar el estado y pausarla.
Los estados:
- Disponible: la ven todos y la pueden reservar.
- Reservada: la marcas tú después de hablar con el comprador.
- Vendida: desaparece de la vista pública. En las listas de deseos de los visitantes se muestra como "No disponible".
- Pausada: la oculta temporalmente sin borrarla. Úsala si la tienes apartada o no la puedes atender. Puedes reanudarla cuando quieras.
4.6 Me interesa comprar
Aquí le dices a la plataforma qué compras:
- Toca las categorías que te interesan: TCG, Deportes, Juguetes o Cajas selladas.
- Para algo más específico, escribe en "Otra cosa que buscas" (por ejemplo "Panini" o "One Piece") y toca Agregar, o presiona Enter. Aparece como un botón más, junto a las categorías. Tócalo para quitarlo.
Esto hace dos cosas: los visitantes ven en tu ficha que tu mesa compra eso, y los visitantes que traen esas piezas aparecen en tu lista de la sección siguiente.
4.7 Visitantes que quieren vender
Son los visitantes que subieron piezas que coinciden con lo que tú compras, por categoría o por palabras que agregaste. Cada uno trae una foto, nombre y precio. Toca el botón para escribirle por WhatsApp y pídele que pase por tu mesa.
4.8 Interesados
Aquí aparece cada vez que un visitante toca el corazón en una de tus piezas, es decir, la guardó en su lista de deseos. Son compradores con interés real. Si quita el corazón, desaparece de la lista.
Tocar "Reservar" no cuenta aquí. Reservar es otra cosa: es el visitante escribiéndote por WhatsApp, y la decisión de reservar o no la tomas tú.
5. La versión real: cómo se accede
Estas son las decisiones tomadas para la plataforma de verdad. El demo todavía no las implementa.
5.1 Vendedores
- El administrador del show tiene el contacto de cada vendedor y les envía un enlace privado.
- Con el enlace, el vendedor crea su cuenta con correo, nombre de usuario y contraseña.
- Escribe el nombre de su negocio y elige su mesa de una lista.
- Las mesas ocupadas dejan de aparecer para los demás; las dobles aparecen como una sola opción.
- Antes de guardar se le pide confirmar su elección ("Vas a administrar la mesa 17. ¿Es correcta?").
- Si alguien se equivoca, el administrador puede reasignar o liberar la mesa sin que el vendedor pierda su cuenta.
- Después puede subir su inventario y usar todo el panel.
- Si olvida su contraseña, la recupera por correo.
5.2 Visitantes
- Cada visitante tiene su código personal, que recibe al comprar su entrada (en línea o en la puerta).
- El código lleva el nivel de acceso (VIP, Early Access o General), así que las horas de apertura siguen valiendo, ahora por persona.
- Con ese código el visitante puede salir del navegador, recargar o cambiar de celular, escribir el mismo código y recuperar su lista de deseos y lo que quiere vender.
- Quien solo viene a mirar no tiene que crear nada más.
- El código se recomienda de 6 caracteres (sin letras y números que se confunden como 0 y O, 1 e I), porque ahora identifica a una persona y puede tener acceso anticipado pagado.
- Se bloquean los intentos tras varios fallos seguidos.
- Se puede limitar a 2 o 3 dispositivos por código para evitar que se comparta.
5.3 Qué hace falta para construirlo
- Un servidor con base de datos para guardar inventarios, fotos, listas y cuentas.
- Conexión con la venta de entradas, para generar el código de cada comprador. Falta definir dónde se venderán las entradas en línea.
- Mensajes con el enlace de cada vendedor y el código de cada visitante.
- Un panel simple para el administrador.
6. Marca y diseño
- Colores del México Card Show: verde lima, verde bosque y blanco.
- Estilo VIC: bordes de 3 px, sombras duras desplazadas, esquinas redondeadas, títulos en Big Shoulders Display en mayúsculas y texto en Figtree.
- Solo tema oscuro.
- "Powered by VIC" fijo abajo en todas las pantallas.
- El mapa es el plano original del salón: nunca se mueven las posiciones, el orden ni los pasillos. Solo cambian las proporciones de las mesas.
7. Preguntas frecuentes
¿Por qué mi pieza sigue disponible si alguien tocó Reservar?
Porque reservar es solo el primer contacto. La pieza queda apartada cuando el vendedor la marca como Reservada.
¿Qué pasa con una pieza vendida que estaba en mi lista de deseos?
Sigue ahí como "No disponible" y no cuenta en el total.
¿Un visitante necesita cuenta?
No. Entra con su código. Solo si quiere vender, deja su nombre y WhatsApp.
¿Se hacen pagos en la plataforma?
No. Todo se acuerda entre visitante y vendedor por WhatsApp.
¿Por qué desapareció lo que subí en el demo?
El demo no guarda datos al recargar. La versión real sí.
8. Pendientes
- Servidor y base de datos para guardar todo.
- Cuentas de vendedor con enlace privado.
- Códigos personales de visitante, conectados a la venta de entradas.
- Panel del organizador.
- Cargar el inventario real de los demás vendedores.
- Definir números de WhatsApp reales y moneda final.
