Suono Vivo
Una landing page per un festival musicale che doveva sembrare viva — non un volantino digitale.
Un festival sonoro ha bisogno di un sito sonoro.
Suono Vivo è un festival di musica sperimentale a Napoli. L'edizione 2023 aveva un tema forte: la relazione tra suono e spazio urbano. La landing doveva tradurlo visivamente.
Brief: una sola pagina, massima espressività, vendita biglietti integrata, caricamento sotto 3 secondi su mobile.
Espressività vs performance.
Le animazioni audio-reattive desiderate erano incompatibili con i target di performance. Trovato compromesso con CSS animations + Web Audio API opzionale.
Integrazione con Eventbrite API senza uscire dalla pagina per non perdere il flusso visivo.
5 settimane dall'inizio alla pubblicazione, con 2 round di revisione.
Tipografia come suono.
Ho trattato la tipografia come partitura: testi che si muovono al ritmo di BPM predefiniti, lettere che vibrano su hover. Il layout è verticale, quasi narrativo — si scorre come si ascolta.
L'hero è un canvas WebGL con particelle audio-reattive (opzionali, disattivabili). Per chi preferisce meno animazioni, il sito funziona perfettamente in modalità statica.
“È la prima volta che il sito di Suono Vivo sembra parte del festival, non solo una pubblicità.”
Ciro F., Direttore artistico
Tutto esaurito in 72 ore.
3.200 biglietti venduti nei primi 3 giorni, con conversione diretta dalla landing del 4.1%.
Condiviso da 12 testate di settore come esempio di web design per eventi culturali.
- Landing page Next.js single-page
- Canvas WebGL audio-reattivo
- Integrazione Eventbrite
- Versione reduced-motion completa
- OG images dinamiche per ogni artista