← Progetti

CSGORoll Wiki

Rendere centinaia di skin di CS2 facili da esplorare, confrontare e di cui innamorarsi.

  • CSGORoll
  • Product Designer
  • 2023
  • Web · Desktop e mobile
Vedi live
# Desktop — Libreria delle skin
CSGORoll Wiki su due portatili con le categorie di armi e una griglia di card delle skin

Contesto

CSGORoll Wiki è il database ufficiale di CS2 di CSGORoll: un’app companion in cui i giocatori esplorano ogni arma e ogni skin, organizzate per tipo di arma e rarità, con immagini e metadati dettagliati.

La sfida

Centinaia di oggetti, molti quasi identici, ognuno con dati su rarità, collezione e prezzo. L’app doveva essere ricca come il gioco per gli appassionati e, allo stesso tempo, semplicissima per il giocatore occasionale che cerca una sola skin.

Il mio ruolo

Ho guidato la UI/UX di tutta l’app: architettura dell’informazione, un sistema di layout scalabile per cataloghi molto ampi, tutte le schermate, l’identità visiva allineata al brand CSGORoll e i componenti interattivi per anteprime delle armi e filtri, ottimizzati per desktop e mobile.

Scelte chiave

  • Un catalogo strutturato come il gioco

    La navigazione segue il modo di ragionare dei giocatori: prima il tipo di arma, poi l’arma, poi la skin. Rarità e filtri restringono la lista senza far perdere il contesto.

  • Card che lasciano parlare la skin

    Una card coerente mostra la skin in grande su una superficie scura, con il colore della rarità e i metadati chiave sempre nella stessa posizione, così scorrere centinaia di oggetti resta veloce.

  • Dark mode per skin brillanti

    Un’interfaccia scura fa risaltare i colori delle skin e lascia l’interfaccia in secondo piano, mentre tipografia e icone coerenti mantengono la leggibilità nelle sessioni lunghe.

  • Il mobile allo stesso livello

    La stessa struttura si adatta a liste e filtri comodi da usare con il pollice, così il giocatore può cercare una skin anche durante una partita.

# Mobile — Esplorazione e dettaglio
Diversi smartphone con liste, categorie e dettagli delle skin di CSGORoll Wiki

Risultato

Un’app companion immersiva che unisce un’estetica ispirata al gioco a una UX funzionale, per giocatori occasionali e appassionati di CS2, su un sistema di layout pensato per crescere con ogni nuova cassa e collezione.

  • Architettura dell’informazione e navigazione
  • UI desktop e mobile
  • Componenti card, filtri e anteprime
  • Prototipo interattivo