Caso de Estudio - Exploración programática de cartas MTG
Lil Wizard convierte un catálogo complejo de Magic: The Gathering en una plataforma rápida, visual y navegable para jugadores, coleccionistas y compradores.
- Nombre del Proyecto
- Lil Wizard
- Año de Desarrollo
- Servicio
- Producto programático, data engineering y applied AI
Una capa de producto sobre el universo MTG
Lil Wizard es una plataforma web para explorar cartas de Magic: The Gathering desde una experiencia pensada para descubrimiento, navegación móvil y crecimiento orgánico.
El proyecto no replica una base de datos pública. Funciona como una capa de producto sobre información dispersa: cartas, sets, impresiones, artes, idiomas, imágenes y metadatos se estructuran como entidades navegables para que cada carta sea un nodo conectado con sus versiones y relaciones.
El problema
Magic tiene una estructura de datos especialmente compleja. Una misma carta puede tener múltiples impresiones, distintos idiomas, artes alternativos, ediciones específicas y productos asociados. Para usuarios hispanohablantes, además, muchos catálogos existentes son lentos, poco localizados o difíciles de navegar desde el celular.
El reto era convertir ese catálogo en una experiencia rápida, indexable y útil para jugadores, coleccionistas y compradores que buscan cartas por nombre, set, idioma, arte o disponibilidad visual.
La solución
Lil Wizard transforma datos de cartas en una plataforma programática preparada para generar y servir miles de páginas sin sacrificar velocidad. La arquitectura combina rutas de catálogo, consulta flexible en MongoDB, estructuras auxiliares preprocesadas y componentes de navegación diseñados para conectar cartas, sets e impresiones alternativas.
La experiencia permite buscar cartas, explorar sets, revisar versiones visuales y descubrir cartas relacionadas. Además, incorpora un escáner experimental con Tesseract OCR para leer el nombre de una carta desde una imagen y buscar coincidencias dentro del catálogo.
- Páginas programáticas preparadas para catálogo y long tail
- 200k+
- Cartas, sets, impresiones, idiomas e imágenes conectadas
- MTG
- Escaneo experimental de cartas con Tesseract
- OCR
- Base preparada para embeddings y recomendaciones
- ML-ready
Capacidades principales
- Next.js App Router
- TypeScript
- MongoDB
- Vector search
- Tesseract OCR
- SEO programático
- Catálogo multilingüe
La plataforma estructura cartas, sets e impresiones como entidades navegables. Cada carta puede conectarse con versiones alternativas, imágenes asociadas, metadatos de set, idioma y fecha de lanzamiento.
Esta arquitectura permite construir una experiencia más rica que una ficha aislada: cada carta se vuelve parte de una red de versiones, arte, ediciones y relaciones. Ese modelo también deja preparada la base para recomendaciones, embeddings, navegación semántica y herramientas futuras para decks o colecciones.
Arquitectura técnica
Lil Wizard está construido sobre un stack orientado a performance, escalabilidad y generación programática de contenido.
| Capa | Trabajo realizado |
|---|---|
| Frontend | Next.js con App Router, TypeScript, Tailwind CSS y componentes interactivos del lado cliente. |
| Datos | Modelado de cartas, sets, impresiones, imágenes, idiomas y metadatos en MongoDB. |
| Catálogo | Generación de rutas programáticas y manifiestos auxiliares para acelerar navegación. |
| Inteligencia | OCR con Tesseract y base preparada para vector search, embeddings y recomendaciones. |
| Distribución | SEO técnico, Core Web Vitals, estructura indexable y navegación interna para long tail. |
Producto, SEO y retención
El producto está diseñado para competir por funcionalidad y por distribución orgánica. Las rutas programáticas permiten capturar búsquedas de carta, set, impresión e idioma, mientras que la navegación entre versiones reduce rebote y aumenta profundidad de sesión.
El sistema de recomendaciones apunta a resolver un problema clave en catálogos grandes: después de encontrar una carta, el usuario necesita una siguiente acción clara. Lil Wizard usa la estructura del catálogo como base para sugerir cartas relacionadas, versiones alternativas y rutas de exploración más útiles.
El valor de Lil Wizard no está solamente en mostrar cartas. Está en convertir datos complejos en una experiencia navegable, descubrible y suficientemente rápida para crecer con tráfico orgánico.
Estado actual
Lil Wizard cuenta con una base funcional de catálogo, rutas programáticas, navegación por cartas y sets, soporte para múltiples impresiones y una herramienta inicial de escaneo OCR.
El producto ya demuestra una combinación poco común en un proyecto editorial: manejo de datos complejos a escala, arquitectura web programática, SEO técnico, experiencia móvil y herramientas inteligentes aplicadas a un caso de uso real.
Próximas evoluciones
El roadmap apunta a convertir Lil Wizard en una capa de inteligencia sobre el ecosistema MTG:
- Recomendaciones de cartas relacionadas mediante embeddings.
- Navegación semántica entre cartas similares.
- Historial y comparación de precios.
- Mejora del escáner OCR.
- Herramientas para decks y colecciones.
- Mayor profundidad en sets, versiones e idiomas.
- Optimización avanzada para indexación orgánica.
Impacto
Lil Wizard demuestra cómo convertir un dataset complejo en un producto web útil, rápido, descubrible y preparado para escalar.
El caso combina data engineering, arquitectura frontend moderna, SEO técnico, experiencia de usuario y applied AI dentro de una plataforma real para jugadores y coleccionistas de Magic: The Gathering.