Web Designer & Developer Web Designer & Developer -
Screenshot del sito web dei campi da gioco di Parma Beach Arena - design responsive WordPress

Parma Beach Arena

Parma Beach Arena è un centro sportivo dedicato a beach volley, beach tennis e foot volley a Parma, con una configurazione stagionale completa: campi outdoor in estate e 5 campi indoor riscaldati durante l’inverno.
Il progetto è stato realizzato nel 2019 durante il mio percorso di studi.
Il sito è tuttora online e operativo.

  • Anno 2019
  • Cliente Parma Beach Arena
  • Stato attivo
  • Ambito
    • Copywriting
    • Web Design
  • Link Live

Il progetto

Parma Beach Arena nasce come evoluzione naturale dell’esperienza di Pro Parma Padel Arena, con lo stesso committente e una struttura sportiva più complessa.

La sfida principale era il redesign completo del sito precedente, sviluppato con Divi, che presentava:

  • problemi di lentezza
  • difficoltà di manutenzione
  • una struttura poco adatta alla gestione stagionale dei contenuti

L’obiettivo non era un restyling “di immagine”, ma migliorare performance, stabilità e autonomia gestionale, mantenendo continuità con un progetto già apprezzato dal cliente.

The Mission

Obiettivi del progetto

  • Migliorare le performance rispetto al sito precedente
  • Semplificare la gestione dei contenuti stagionali (estate / inverno)
  • Garantire autonomia completa al committente
  • Supportare prenotazioni e attività sportive continuative
  • Ridurre tempi e costi di sviluppo grazie al riutilizzo del codice

Visual Identity & Design

Il design è volutamente funzionale, senza ambizioni estetiche elevate.

  • Layout semplice e diretto
  • Priorità a contenuti, informazioni e accesso rapido alle prenotazioni
  • Personalizzazione cromatica coerente con il brand
  • Scelte visive orientate più all’usabilità che alla ricerca estetica

Visivamente il sito non rappresenta il mio livello attuale, ma funziona, converte ed è apprezzato dal cliente, che lo utilizza attivamente da anni.

Prima

Prima

Dopo

Dopo

UX & Content Strategy

Il sito è strutturato per gestire contenuti variabili nel tempo, in particolare la stagionalità degli impianti.

Architettura dei contenuti

  • Campi (estate / inverno)
  • Corsi e Beach Academy
  • Eventi sportivi
  • Informazioni su affiliazioni (FIPAV, AIBVC)
  • Orari, prezzi e contatti
  • Prenotazione tramite sistema esterno

La priorità era permettere al cliente di aggiornare tutto in autonomia, senza interventi tecnici.

Development

Stack

  • WordPress
  • Tema custom
  • Bootstrap 3 (responsive)
  • Advanced Custom Fields Pro
  • Custom Post Type UI
  • Contact Form 7

Approccio di sviluppo

Code reusability strategy

Essendo il secondo progetto per lo stesso committente, ho riutilizzato circa il 90% del codice sviluppato per Pro Parma Padel Arena, intervenendo solo su:

  • branding e palette colori
  • contenuti sport-specifici
  • architettura stagionale dei dati

Risultato:

Riduzione del tempo di sviluppo da ~6 settimane a 15 giorni, mantenendo stabilità e coerenza.

Content Architecture & ACF

  • Custom Post Type: Campi, Eventi, Corsi
  • ACF:
    • configurazioni estate / inverno separate
    • pricing differenziato
    • gallery indoor / outdoor
    • informazioni su affiliazioni sportive

Il backend è stato progettato per consentire al committente una gestione completa e autonoma delle variazioni stagionali.

Performance

Lighthouse (2025)

Desktop

  • Performance: 74
  • Accessibility: 90
  • Best Practices: 74
  • SEO: 100

Mobile

  • Performance: 59
  • Accessibility: 89
  • Best Practices: 74
  • SEO: 100

Risultati

  • Sito operativo dal 2019 a oggi
  • Autonomia totale del committente nella gestione dei contenuti
  • SEO tecnico solido (100/100)
  • ROI ottimizzato grazie al riuso del codice
  • Secondo progetto consecutivo per lo stesso cliente (fiducia consolidata)

Conclusion & Learnings

Cosa ho imparato

  • Valore strategico della riusabilità del codice
  • Importanza dell’architettura ACF per progetti stagionali
  • Gestione di un progetto stabile nel lungo periodo
  • Differenza tra qualità estetica e qualità funzionale

Cosa rifarei

  • Confermare l’approccio custom + ACF
  • Ottimizzare tempi e costi tramite modularità
  • Progettare sempre backend orientati all’autonomia cliente

Cosa oggi farei meglio

  • Stack moderno (no Bootstrap 3)
  • Performance mobile più aggressive
  • Migliore accessibilità cromatica
  • Comunicazione più chiara del valore distintivo above-the-fold

Gap identificati

  • Performance mobile migliorabile
  • Contrasti cromatici non pienamente conformi WCAG AA
  • Vantaggio competitivo (campi indoor riscaldati) poco evidente above-the-fold

Questi punti sono stati consapevolmente accettati all’epoca e rappresentano oggi elementi di apprendimento.