Sito Eventi · AlbaSalentina

Alba Salentina in Sella

Sito ufficiale e sistema di iscrizione per L'Alba Salentina in Sella, il tour motociclistico dell'Associazione Salentum Terrae Moto Club. Modulo online con validazione dei dati, caricamento di patente e ricevuta del bonifico, contatore dei posti aggiornato in tempo reale ed email automatiche a ogni cambio di stato. WordPress headless come gestionale, frontend React per il pubblico. Edizione chiusa in sold out sui 300 posti disponibili.

Alba Salentina 2026 – La trasformazione digitale di un evento che valorizza il territorio Alba Salentina 2026 Visita il sito
  • React 18 + React Router
  • WordPress (headless)
  • CSS Custom Properties
  • PHP 8
  • API REST WordPress
  • Custom Post Type e meta box su misura
  • Vite
  • Anagrafica comuni ISTAT
  • Generatore XLSX scritto internamente
  • Cookie banner con consenso
Anteprima desktop di Alba Salentina in Sella
Anteprima mobile di Alba Salentina in Sella
Il progetto

Descrizione

# Alba Salentina 2026 – La trasformazione digitale di un evento che valorizza il territorio **Alba Salentina 2026** rappresenta un progetto di comunicazione integrata sviluppato da Media Aptitude con l'obiettivo di trasformare un evento territoriale in un'esperienza digitale capace di coinvolgere cittadini, turisti e stakeholder.

Il progetto ha previsto la progettazione e lo sviluppo di una piattaforma web moderna, ottimizzata per smartphone e orientata alla massima facilità di consultazione del programma, degli eventi, degli espositori e delle informazioni utili per i visitatori. L'intervento non si è limitato alla realizzazione del sito web, ma ha interessato l'intera strategia di presenza online attraverso:

* progettazione dell'esperienza utente (UX);
* sviluppo di un'interfaccia moderna e responsive (UI);
* ottimizzazione SEO per aumentare la visibilità organica dell'evento;
* ottimizzazione delle prestazioni e della velocità di caricamento;
* organizzazione dei contenuti per favorire la consultazione durante l'evento;
* integrazione con i canali social per amplificare la diffusione delle iniziative;
* implementazione delle migliori pratiche di accessibilità e usabilità.

L'obiettivo era quello di creare uno strumento capace non solo di promuovere l'edizione 2026, ma anche di diventare un punto di riferimento per la valorizzazione del territorio, delle aziende partecipanti e delle eccellenze locali. ### Risultato Alba Salentina 2026 dimostra come un evento territoriale possa evolversi grazie ad una strategia digitale strutturata, nella quale sito web, SEO, contenuti e comunicazione lavorano insieme per incrementare visibilità, partecipazione e valore percepito. Un progetto che conferma l'approccio di Media Aptitude: realizzare piattaforme digitali orientate ai risultati, con particolare attenzione alle performance, all'esperienza degli utenti e alla crescita della presenza online.

Il progetto

Sfida e soluzione

La sfida

Prima del nostro intervento le iscrizioni all'Alba Salentina in Sella si raccoglievano via WhatsApp ed email. Ogni partecipante mandava i propri dati in messaggi separati, allegava la foto della patente e la ricevuta del bonifico, e chi organizzava doveva ricostruire l'elenco a mano: verificare che l'anagrafica fosse completa, che il pagamento risultasse, che la stessa persona non si fosse iscritta due volte, e tenere il conto dei posti ancora liberi. Con la passeggera che occupa un posto aggiuntivo, il conteggio non coincideva quasi mai con il numero di messaggi ricevuti. Il vincolo principale era esattamente questo: il tour ha 300 posti e non uno in più. Il sito doveva quindi chiudere le iscrizioni da solo, nel momento esatto in cui i posti finiscono, senza che nessuno stia a controllare. Un errore di conteggio significa arrivare alla partenza con più motociclisti di quanti l'organizzazione ne possa gestire.

La soluzione

Per il partecipante l'iscrizione sta in una sola pagina. Compila l'anagrafica con l'autocomplete sui comuni italiani che precompila CAP e provincia, sceglie la marca della moto da un elenco, inserisce la targa, aggiunge i dati della passeggera se prevista, carica patente e ricevuta del bonifico e accetta i consensi. Gli errori vengono segnalati subito, con un riepilogo in cima al modulo che porta direttamente al campo da correggere. All'invio parte l'email di conferma ricezione; l'iscrizione resta in attesa finché l'organizzatore non la approva. Sul piano tecnico WordPress lavora come backend headless: nessuna pagina pubblica, solo custom post type per tour, iscrizioni e sponsor ed endpoint REST dedicati che il frontend React consuma. Le validazioni stanno sul server — campi obbligatori, formato della targa, tipo e peso reale dei file caricati, unicità dell'email — e non sono quindi aggirabili dal browser. La disponibilità dei posti è calcolata da un unico punto del codice sulle sole iscrizioni approvate, passeggere incluse: quando il tetto viene raggiunto il modulo si chiude da sé. Oggi l'organizzatore lavora da un'unica schermata. Vede le richieste in arrivo con patente e bonifico già allegati, approva o rifiuta con un clic, e l'email al motociclista parte da sola con testi che può modificare senza toccare il codice. L'elenco dei partecipanti si esporta in Excel per la logistica del giorno dell'evento. Programma, percorso, gallery, sponsor e regolamento si aggiornano da WordPress senza bisogno di interventi da parte nostra.

Come ci siamo arrivati

Il processo

  1. S1 — Impianto e identità Setup progetto React/Vite, sistema di design con Custom Properties, header, hero, footer, logo adattivi

  2. S2 — Contenuti dell'evento Pagine programma, regolamento e contatti, custom post type Tour e meta box di gestione, endpoint REST di lettura

  3. S3 — Modulo di iscrizione Form completo motociclista e passeggera, validazioni server-side, upload patente e bonifico, consensi GDPR e privacy policy

  4. S4 — Gestione posti Classe centralizzata di conteggio, widget posti disponibili, chiusura automatica delle iscrizioni a esaurimento, pagina riservata per le iscrizioni d'eccezione

  5. S5 — Pannello organizzatore Colonne e scheda iscrizione in admin, flusso approva/rifiuta, motore email con template configurabili e anteprima, export XLSX

  6. S6 — Sponsor e media Custom post type Sponsor con banner sulle pagine, gallery fotografica, sezione video, mappa del percorso

  7. S7 — Rifiniture e messa online Ottimizzazione mobile, favicon e anteprime social, badge evento cardioprotetto, deploy e collaudo in produzione

Hai un progetto simile?

Raccontacelo: ti diciamo come lo affronteremmo e cosa aspettarti.

Richiedi informazioni