CSGORoll Wiki
Making hundreds of CS2 skins easy to browse, compare and fall in love with.
Context
CSGORoll Wiki is the official CS2 database by CSGORoll: a companion app where players explore every weapon and skin, organised by weapon type and rarity, with detailed visuals and metadata.
Challenge
Hundreds of items, many near-identical, each with rarity, collection and price data. The app had to feel as rich as the game for enthusiasts while staying effortless for casual players who just want to find one skin.
My role
I led the UI/UX of the whole app: information architecture, a scalable layout system for large catalogues, every screen, the visual identity aligned with CSGORoll’s brand, and interactive components for weapon previews and filters, optimised for desktop and mobile.
Key decisions
Structure the catalogue like the game
Navigation follows the way players think: weapon type first, then weapon, then skin. Rarity and filters narrow the list without losing the context.
Cards that let the skin speak
A consistent card shows the skin large on a dark surface, with rarity colour and key metadata in a fixed position, so scanning hundreds of items stays fast.
Dark mode for vivid skins
A dark interface makes the colours of the skins pop and keeps the chrome quiet, while consistent type and icons keep long sessions readable.
Mobile as a first-class client
The same structure collapses into thumb-friendly lists and filters, so players can look up a skin during a match.
Outcome
An immersive companion app that blends game-inspired visuals with functional UX, serving both casual players and CS2 enthusiasts, on a layout system built to grow with every new case and collection.
- Information architecture and navigation
- Desktop and mobile UI
- Card, filter and preview components
- Interactive prototype
