Producto full-stack · Analítica de League of Legends

SinManos

Beta pública / 2026

Un compañero de League of Legends enfocado en jugadores de LAN, diseñado para consultar tier lists, guías de campeones e historial de partidas con rapidez y una identidad propia.

Rol
Diseño de producto + ingeniería full-stack
Stack
React · TypeScript · Cloudflare Workers
Datos
Riot API · Data Dragon · LAN
Página inicial de SinManos con accesos a Solo Q, Tier List y ARAM
SinManos · Tres rutas claras hacia el producto

El objetivo

Convertir un producto conocido de estadísticas en una experiencia propia para LAN.

El reto no era copiar una gran plataforma de analítica, sino comprender su estructura útil y reconstruirla como un producto más pequeño, original y enfocado.

SinManos reúne descubrimiento de campeones, orientación de builds y búsqueda de jugadores. Su sistema visual usa texturas de brocha, máscaras asimétricas y contraste tipográfico para que los datos densos se sientan enérgicos sin dificultar la navegación.

Experiencia del producto

De patrones generales a un campeón o jugador específico.

Tier list clasificatoria de SinManos con líderes por rol y filtros
Clasificatoria · Líderes por rol, filtros y contexto de tier list
Guía de Ekko con build, runas y counters en SinManos
Campeón · Build, runas, counters y progresión de habilidades
Búsqueda de jugador por Riot ID para LAN en SinManos
Jugador · Flujo de búsqueda enfocado en LAN

Arquitectura

Recursos públicos del juego y solicitudes en vivo protegidas.

El cliente React se despliega como una aplicación estática rápida. Un Cloudflare Worker administra el acceso a Riot API, valida las solicitudes y mantiene la clave fuera del navegador. Data Dragon aporta campeones, objetos, hechizos, runas e imágenes.

01

Alcance primero para LAN

El producto se concentra en Latin America North y prioriza Solo/Duo, ARAM, campeones y búsqueda por Riot ID.

02

Acceso a Riot desde el servidor

Las credenciales permanecen en el Worker; el navegador recibe únicamente la respuesta que necesita.

03

Datos estáticos y en vivo separados

Data Dragon entrega recursos estables y Riot API atiende las consultas de jugadores, reduciendo llamadas innecesarias.

04

Lenguaje visual reconocible

Brochas secas, siluetas marcadas, tipografía grande y una paleta limitada crean una identidad propia.

Alcance actual

Un producto pequeño con límites de datos honestos.

La búsqueda de jugadores y el historial usan datos de Riot. Las superficies de campeones pueden presentarse como vistas curadas mientras se completa el acceso de agregación; la interfaz comunica esa diferencia en lugar de presentar ejemplos como datos en vivo.