AP-26-W05Case study2026

pzkko

Il mio nome in rete, attaccato a un muro

Cliente
Progetto personale
Settore
Siti, social e giochi
Località
Mantova
Home page di pzkko.it, pagina intera
Home page di pzkko.it su tablet
Home page di pzkko.it su smartphone

01 — Overview

pzkko è il nome che uso in rete, da «Pekko», il mio soprannome. pzkko.it mette in un posto solo i miei siti e i miei social e, a poco a poco, i giochi e gli strumenti che faccio per divertimento. Non è il sito dello studio: è il posto dove provo quello che lì non starebbe.

Una saracinesca coperta di volantini, uno per ogni sito e social, con i tagliandi da strappare, la sera all’ora di Mantova e una roulette in 3D. Una pagina sola, senza build.

Servizi forniti

  • 01Direzione artistica
  • 02Immagini generate con l’IA
  • 03Web design
  • 04Sviluppo frontend
  • 05Gioco in 3D

02 — Obiettivo

Dare a chi mi cerca un indirizzo solo per trovare i miei siti e i miei contatti, e a me un muro dove attaccare le idee nuove.

03 — Problema

Una pagina di link somiglia a tutte le altre: una colonna di bottoni. E un sito fatto per gioco rischia di restare un esercizio: questo doveva funzionare davvero, come una pagina di contatti.

04 — Strategia

Ho preso come riferimento la foto di una saracinesca chiusa a Bologna, coperta di graffiti e di manifesti. Ogni sito, social e gioco è un volantino attaccato col nastro, e in mezzo c’è la roba degli altri, come su un muro vero. La lamiera, la carta, i nastri e le illustrazioni sono immagini generate con gpt-image-2; l’insegna e il muro del palazzo sono disegnati in SVG; i testi sui fogli sono HTML vero, che si legge e si seleziona.

Palette

05 — Fun fact

La saracinesca di un ingresso della Coin in via Rizzoli a Bologna: lamiera grigia coperta di graffiti e di volantini, sopra l’insegna «coin» con le lettere a scatola.
Bologna, via Rizzoli · 22.09.2024, 12:28 · iPhone 16 Pro, Live Photo

Il muro di pzkko.it esiste davvero: l’ho fotografato a Bologna, in via Rizzoli, a un centinaio di metri dalle Due Torri, domenica 22 settembre 2024 alle 12:28. Era la prima volta in vita mia a Bologna, in gita con Veronica, e l’iPhone 16 Pro era uscito due giorni prima: fotografavo tutto per provarlo.

Un ingresso della Coin chiuso da una saracinesca: lamiera grigia, graffiti, più di venti volantini e sopra l’insegna con le lettere a scatola. Da lì vengono le lettere tonde di «pzkko», l’adesivo tondo sull’insegna (sul puntino della i c’era un cono gelato, sulla mia c’è la chiocciola) e i manifesti degli altri in mezzo ai miei volantini. Ci ho pensato per due anni; a ottobre 2026 è diventato il sito.

06 — Sviluppo

  1. 01

    Volantini

    Ogni foglio è una carta fotografata vuota, coi bordi misurati, e sopra il testo in HTML in unità del foglio, così si legge a ogni larghezza. I volantini dei social finiscono coi tagliandi da strappare: toccarne uno lo stacca e copia il contatto. La disposizione a pile la calcola uno script che misura i fogli in Chromium.

  2. 02

    La sera

    La pagina calcola alba e tramonto di Mantova con l’algoritmo della NOAA, senza chiamate in rete, e vive a quell’ora da qualunque posto la si guardi: da quaranta minuti prima del tramonto il muro imbrunisce, poi si accende l’insegna al neon, coi tubi che sfarfallano, e di notte passano i fari delle auto.

  3. 03

    Roulette

    Il volantino della roulette apre una finestra con la ruota in 3D, disegnata con three.js, e la pallina mossa da un motore fisico vero, Rapier: si ferma dove si ferma. Si gioca a soldi finti su tutte le 157 puntate della roulette europea; una prova senza browser ha fatto 4.122 giri senza un errore.

07 — Risultato

pzkko.it è online dal 7 ottobre 2026: una pagina in HTML, CSS e JavaScript scritti a mano, senza build né framework, con una 404 fatta di un volantino strappato. Il codice della roulette si carica solo quando la si apre.

  • 0Passaggi di build
  • 18Volantini sul muro
  • 157Puntate della roulette

08 — Galleria

09 — Tecnologie

Stack e strumenti

  • HTML
  • CSS
  • JavaScript
  • SVG
  • three.js
  • Rapier
  • gpt-image-2
  • Vercel

Tipologie

  • Sito web
  • Direzione artistica
  • Sviluppo frontend
  • Gioco 3D

10 — Dati progetto

Cliente
Progetto personale
Settore
Siti, social e giochi
Località
Mantova
Anno
2026
Tipologia
Sito web · Direzione artistica · Sviluppo frontend · Gioco 3D
Servizi
Direzione artistica · Immagini generate con l’IA · Web design · Sviluppo frontend · Gioco in 3D
Tecnologie
HTML · CSS · JavaScript · SVG · three.js · Rapier · gpt-image-2 · Vercel
Codice AP-26-W05 Progetto realizzato Scheda agg. 10/2026

Hai un lavoro simile?

Parliamone

Progetto successivoAP-24-001

Tettoie in legno lamellare

Modellazione 3D in ufficio tecnico, reparto legno