Omashu
Branding · Website Design
Descripción
Omashu es una plataforma de estadísticas diseñada para la liga universitaria de League of Legends de la Universidad de Barcelona. Diseñé la base visual y funcional del producto desde cero, definiendo la arquitectura de información para dos perfiles de usuario: jugadores que siguen su rendimiento partida a partida.
Overview
Omashu es una plataforma de estadísticas diseñada para la liga universitaria de League of Legends de la Universidad de Barcelona. El objetivo era crear un espacio donde jugadores y organizadores pudieran consultar métricas de rendimiento de forma clara y accesible, partiendo de cero: sin un producto anterior sobre el que iterar. Diseñé la base visual y funcional del sistema, sentando las primeras decisiones de UX para un proyecto sin precedentes dentro de la universidad.
Problema
El mayor reto no fue de diseño, sino de conocimiento: nunca había jugado a League of Legends, así que antes de diseñar cualquier interfaz necesitaba entender cómo funcionaba el juego a nivel profundo. Dediqué gran parte de la fase inicial a hablar con jugadores y con el CEO del proyecto para identificar qué métricas realmente importaban y por qué. Sin ese contexto, cualquier estadística mostrada en pantalla habría sido ruido en lugar de información útil.
Usuarios
Los perfiles de usuarios principales de este proyecto son los siguientes:
Jugadores de la liga universitaria — perfil principal: estudiantes que compiten regularmente y buscan seguir su evolución partida a partida.
Organizadores y CEO del proyecto — perfil secundario: necesitan una visión más global para tomar decisiones sobre el funcionamiento de la liga.
El reto de diseño en este caso era equilibrar el detalle individual (para los jugadores) con la lectura rápida de conjunto (para organizadores y CEO).
Discovery
La fase de discovery se centró en traducir el conocimiento del juego en decisiones de producto. A través de conversaciones con jugadores y con el CEO, fui mapeando qué estadísticas se consultan habitualmente, cómo se interpretan y qué jerga es específica del entorno competitivo de League of Legends. Esta investigación fue la base para definir qué datos merecían protagonismo en la interfaz y cuáles eran secundarios.
Diseño
Con la investigación como base, empecé a bocetar las primeras estructuras de página en baja fidelidad, priorizando la jerarquía de la información: qué estadísticas debían verse de un vistazo y cuáles requerían un segundo nivel de profundidad. Estos wireframes sirvieron para validar el flujo con el CEO antes de invertir tiempo en el diseño visual, ajustando la disposición de tablas, rankings y perfiles de jugador según el feedback recibido.
Decisiones clave
Algunas decisiones de diseño marcaron especialmente la dirección visual y funcional del proyecto. A continuación, dos de los componentes clave que resolvieron retos concretos de la interfaz.
Métricas por partida
Este componente resume en una sola forma geométrica el estilo de juego, permitiendo comparar de un vistazo en qué aspectos destaca un jugador, o en qué podría mejorar.
Tarjeta de perfil de jugador
El componente prioriza el reconocimiento rápido (foto, nombre, equipo) junto a un dato de estado que invita a explorar más a fondo mediante el acceso directo a su perfil completo.
Resultados
Omashu se implementó como la plataforma oficial de la liga universitaria, con adopción prácticamente inmediata por parte de jugadores y organizadores en la primera temporada. El feedback recibido destacó la claridad para interpretar el rendimiento propio partida a partida, algo que antes se gestionaba de forma manual y dispersa. Sentó además la base para futuras temporadas, dejando un sistema escalable sobre el que seguir iterando.
