Cultura e spettacolo dal vivo

Acte 2 Théâtre

Cinque attività in una sola sala: l'architettura dell'informazione era tutto il progetto.

Anno
2026
Progettazione
4 settimane
Stack
Next.js · React · Tailwind · Vercel
  • Architettura dell'informazione
  • Design
  • Sviluppo
  • Biglietteria
  • SEO

Versione dimostrativa pubblicata da Kayzen Web su un indirizzo Vercel; il dominio definitivo appartiene al cliente.

https://acte2theatre.vercel.app/
Home page del sito Acte 2 Théâtre — Cultura e spettacolo dal vivo, realizzato da Kayzen Web
pubblici, cinque percorsi
5
performance Lighthouse
91/100
SEO Lighthouse
100/100
Il punto di partenza

Cosa c'era da risolvere.

Il contesto

Acte 2 Théâtre è un teatro di quartiere a Vaise, nel 9° arrondissement di Lione. La sala ospita spettacoli per ragazzi, teatro per adulti, matinée per le scuole e laboratori, e viene affittata a terzi.

Il vincolo

Cinque attività, cinque pubblici: famiglie, spettatori adulti, insegnanti, allievi dei laboratori, organizzatori. Ognuno cerca un'informazione diversa, e un sito organizzato in ordine cronologico li perde tutti.

La risposta

Organizzare per pubblico anziché per calendario. Ogni attività ha il suo ingresso, il suo vocabolario e il suo percorso di prenotazione. Il calendario esiste, ma come vista trasversale, non come struttura principale.

Misurato, non dichiarato

I punteggi rilevati alla consegna.

Punteggi Lighthouse del sito in produzione. Li pubblichiamo così come sono: quando uno è basso, la causa e il piano di correzione sono spiegati più sotto invece di essere taciuti.

PageSpeed
91
Performance: 91 su 100
93
Accessibilità: 93 su 100
100
Best practice: 100 su 100
100
Posizionamento sui motori di ricerca: 100 su 100
Design e direzione artistica

Ogni scelta di design, e il suo perché.

  1. Ingresso per pubblico

    Famiglie, adulti, scuole, laboratori, noleggio. Il visitatore si riconosce a colpo d'occhio; un calendario che mescola i cinque lo costringerebbe a fare cernita.

  2. Le scuole prese sul serio

    Gli insegnanti cercano materiale didattico, fasce d'età, durata, tariffa di gruppo. Queste informazioni hanno una pagina dedicata; altrove avrebbero appesantito le pagine per il grande pubblico.

  3. Il noleggio della sala come offerta

    Capienza, dotazione tecnica, tariffe, disponibilità. È una fonte di reddito regolare, quasi sempre relegata in fondo a una pagina contatti.

Palette del progetto

  • Blu notte

    #1C2A45

    Identità

  • Corallo

    #D65A4A

    Pubblico giovane

  • Crema

    #F6F2EA

    Sfondo

  • Inchiostro

    #1B1D22

    Testo

Sistema tipografico

Titoli

Outfit 700

Testo corrente

Inter 400

Volutamente contemporaneo e non «teatrale»: la sala accoglie soprattutto un pubblico giovane, e un registro troppo solenne avrebbe allontanato le famiglie.

Ingegneria

Cosa c'è sotto il cofano.

  • Next.js
  • React
  • Tailwind
  • Vercel
  1. Biglietteria esterna, caricata su richiesta

    Il modulo di biglietteria si carica solo al clic. Un widget di terze parti presente su ogni pagina avrebbe appesantito tutto il sito per un'azione occasionale.

  2. Cartellone tipizzato

    Spettacoli, date, pubblici, tariffe e durate in un unico file di dati. I cinque ingressi e il calendario trasversale ne derivano tutti.

Posizionamento SEO

Come il sito si fa trovare.

  1. Una famiglia di ricerche per pubblico

    «Spectacle enfant Lyon» (spettacoli per bambini), «théâtre Vaise», «sortie scolaire théâtre Lyon» (uscite scolastiche a teatro), «location salle spectacle Lyon 9» (affitto sala spettacoli). Nessuna poteva essere servita da un'unica pagina.

  2. Markup Event e Place

    Ogni replica è un Event collegato a un nodo Place che descrive la sala, la sua capienza e come arrivarci.

Struttura del sito

Cosa è stato consegnato.

  • Home — cinque ingressi
  • Pubblico giovane
  • Teatro per adulti
  • Matinée per le scuole
  • Laboratori
  • Affitta la sala
  • Calendario (vista trasversale)
Metodo

Lo svolgimento del progetto.

  1. Architettura

    Cinque pubblici individuati, struttura per pubblico anziché per data.

  2. Design

    Ingressi distinti, registro familiare.

  3. Sviluppo

    Cartellone tipizzato, biglietteria differita.

  4. SEO

    Una famiglia di ricerche per pubblico.

Domande

Cosa ci chiedono spesso.

Perché il visitatore non cerca una data, cerca un tipo di uscita. Il calendario resta utile come vista trasversale, ma come struttura principale costringe ogni pubblico a scartare ciò che non lo riguarda.

Lo stesso livello di rigore, per il tuo sito.

Audit gratuito del tuo sito attuale, preventivo entro 24 ore e un ragionamento scritto, come quello che hai appena letto. Pagamento in tre rate senza interessi; agevolazioni locali verificate prima della firma.

Condividi