Case study
Dracania Archives
Dracania Archives era una web app community per Drakensang Online che aiutava i giocatori a cercare oggetti, esplorare build e trovare informazioni utili in un unico posto. È stata progettata intorno al modo in cui i player attivi pianificano, confrontano e migliorano i propri personaggi.
- Next.js
- TypeScript
- Convex
- Vercel
- Stripe
Stato
Progetto archiviato
Ownership
Solo, end to end
Pubblico
Community di Drakensang Online
Problema
I giocatori di Drakensang Online avevano bisogno di un database oggetti veloce e ricercabile, oltre a strumenti migliori rispetto a wiki sparse e fogli di calcolo. La conoscenza della community era difficile da consultare su mobile e lenta da aggiornare.
Soluzione
Dracania Archives ha portato dati sugli oggetti, ricerca, filtri e navigazione pensata per i player in una web app dedicata, tarata sul modo in cui la community confrontava equipaggiamento e build mentre il progetto era attivo.
Il mio ruolo
Solo builder su direzione prodotto, architettura frontend, modellazione dati, deploy e iterazioni UX basate sui feedback dei giocatori.
Stack
8 strumenti
- Next.js
- React
- TypeScript
- Tailwind CSS
- Shadcn/ui
- Vercel
- Convex
- Stripe
Architettura
Una web app basata su un dataset di gioco strutturato, con frontend progettato intorno a flussi di consultazione rapida e browsing con molti filtri invece di lunghe pagine in stile wiki.
- Record oggetti tipizzati per ricerca, filtri e confronto
- Route frontend organizzate intorno all'intento di navigazione, non alle categorie grezze dei dati
- Hosting su Vercel con Convex per i dati persistenti
- Integrazione Stripe preparata per flussi premium o di supporto community
Sfide
- Dataset di gioco ampio e in evoluzione, con aspettative forti su ricerca e filtri
- Bilanciare profondità funzionale e caricamenti rapidi su dispositivi medi
- Spedire mentre studiavo, con feedback loop stretti da utenti reali
Risultati
- Precedentemente live su dracania-archives.com e usato da giocatori attivi di Drakensang Online
- Dimostra ownership end-to-end: design, sviluppo, deploy e manutenzione
- Ha validato bisogni reali di ricerca, filtri e navigazione mobile tramite feedback dei player
Prossimo case study
CssHub
Estensione Chrome che sincronizza le submission CSSBattle su GitHub: niente copia-incolla, ogni pass diventa un commit.