CSGORoll Wiki

Contexto

CSGORoll Wiki es la base de datos oficial de CS2 de CSGORoll: una app complementaria en la que los jugadores exploran cada arma y cada skin, organizadas por tipo de arma y rareza, con imágenes y metadatos detallados.

Reto

Cientos de objetos, muchos casi idénticos, cada uno con datos de rareza, colección y precio. La app tenía que ser tan rica como el juego para los entusiastas y, a la vez, muy sencilla para el jugador casual que solo busca una skin.

Mi rol

Dirigí la UI/UX de toda la app: la arquitectura de la información, un sistema de layout escalable para catálogos grandes, todas las pantallas, la identidad visual alineada con la marca CSGORoll y los componentes interactivos para la vista previa de armas y los filtros, optimizados para desktop y móvil.

Decisiones clave

• Un catálogo estructurado como el juego

  La navegación sigue la forma de pensar del jugador: primero el tipo de arma, luego el arma y después la skin. La rareza y los filtros acotan la lista sin perder el contexto.

• Tarjetas que dejan hablar a la skin

  Una tarjeta coherente muestra la skin en grande sobre fondo oscuro, con el color de rareza y los metadatos clave siempre en la misma posición, para que recorrer cientos de objetos siga siendo rápido.

• Modo oscuro para skins vibrantes

  Una interfaz oscura hace que los colores de las skins resalten y deja la interfaz en segundo plano, mientras que una tipografía e iconos coherentes mantienen la legibilidad en sesiones largas.

• El móvil, al mismo nivel

  La misma estructura se adapta a listas y filtros cómodos para el pulgar, para que el jugador pueda consultar una skin en plena partida.

Resultado