Progetto personale · E-commerce + web app

Cene con delitto
giocate dal telefono

Ho progettato e sviluppato da solo uno store di storie del delitto: catalogo, pagamenti, area riservata, kit PDF e un gioco che si apre dal browser, senza app da installare.

delittoteca.eliazavatta.it
Home page di Delittoteca su desktop: carosello delle storie con l'illustrazione di una villa al tramonto
Il problema

Un gioco di carta,
portato nel browser

Le cene con delitto si comprano quasi sempre come PDF da stampare, ritagliare e distribuire prima della serata. Funziona, ma chi organizza passa più tempo con la stampante che con gli amici.

Delittoteca offre due formati per ogni storia: il kit PDF classico e una versione digitale in cui ogni invitato riceve un link privato, mentre la regia sblocca gli atti durante la cena.

Il vincolo più delicato: ognuno deve vedere solo le proprie informazioni, anche se tutto gira su un sito statico.

Cosa ho realizzato

01

Store e pagamenti

Stripe Checkout con webhook. Prezzi e diritti d'accesso li decide solo il server; il database registra soltanto chi possiede cosa. Niente carrello né abbonamenti: un acquisto, una storia.

02

Gioco dal telefono

Invito personale, buste degli atti che si aprono con la parola data dalla regia e un taccuino per gli indizi. Si gioca dal browser, senza app e senza account per gli invitati.

03

Contenuti cifrati

I dossier sono file statici cifrati con Web Crypto (AES-GCM e PBKDF2). Il sito resta statico e veloce, ma ogni giocatore legge solo le proprie informazioni.

04

Kit PDF e download privati

I PDF nascono dalla stessa fonte della storia digitale e si scaricano da uno storage privato solo dopo l'acquisto, con controllo lato server.

Sezione Dentro il gioco: tre passi numerati con invito personale, lettera del primo atto aperta e taccuino con gli ospiti a tavola
I componenti veri del gioco, mostrati in home con una storia inventata: invito, lettera dell'atto e taccuino sono interattivi.
Tre schermate mobile del gioco: biglietto d'invito, atto con tre indizi e taccuino con la lista degli ospiti
Dal telefono di un invitato: il proprio personaggio, gli indizi del primo atto e gli appunti su chi siede a tavola.
Dietro le quinte

Statico dove
si può, server
dove serve

AstroReactTypeScriptTailwind CSSSupabaseStripeVercelWeb Crypto
  • Astro statico con React solo nelle parti interattive: pagine leggere, indicizzabili e veloci anche su rete mobile.
  • Funzioni serverless Vercel solo dove servono: accesso, checkout, webhook Stripe e download.
  • Supabase per autenticazione, Postgres e storage privato. I testi narrativi restano file statici, mai nel database.
  • Test automatici con Node e Playwright, compresi controlli che impediscono anticipazioni della soluzione nei testi pubblici.
Scheda di una storia con galleria di illustrazioni, numero di giocatori, durata, prezzo e pulsante di acquisto
Vendita

Dalla scheda
alla libreria

Ogni storia ha una scheda con giocatori, durata, formati e prezzo. Il pagamento passa da Stripe Checkout; quando il webhook conferma l'ordine, la storia compare nell'area riservata, accessibile con l'email e senza password.

Il consenso per i contenuti digitali e le condizioni di vendita sono parte del flusso, non un'aggiunta all'ultimo minuto.

SEO e contenuti

Un sito che
porta visite

Guide pratiche per chi organizza, schede con dati strutturati e una pagina che spiega come si gioca passo per passo. Le copertine verticali per Pinterest sono generate da uno script, a partire dalle stesse illustrazioni del sito.

Sezione Prepara la tua serata con cinque copertine illustrate delle guidePagina Come si gioca: cinque passi numerati, con invito, busta dell'atto e taccuino accanto ai passi

Pensato per chi gioca

Nessuna app

Gli invitati aprono un link dal browser del telefono. Niente download, niente registrazione per chi gioca.

Ognuno il suo

I contenuti sono cifrati: il proprio invito non permette di leggere i segreti degli altri giocatori.

Acquisto in un passo

Checkout Stripe, nessun carrello e nessun abbonamento. La storia resta nella libreria per tutte le partite.

Vendi prodotti
digitali?

Lo stesso schema funziona per corsi, PDF, template, biglietti o contenuti riservati: pagamento sicuro, accesso deciso lato server e consegna automatica dopo l'acquisto.

Scopri il servizio

Esperienze interattive

Giochi, cacce al tesoro, percorsi per eventi o materiali che si sbloccano a tappe: si possono costruire nel browser, senza app da pubblicare negli store.

Hai un progetto?

Parliamone

Mandami due righe su cosa devi costruire o migliorare. Ti rispondo con domande concrete, non con una proposta generica.

Non sai ancora quale budget serve? Fai una prima stima.

I dati servono solo per rispondere alla richiesta. Dettagli nella privacy policy.