Web Designer & Developer Web Designer & Developer -
Screenshot del sito web della APS Flumen Temporis di Parma - design responsive WordPress

Flumen Temporis

The Mission Flumen Temporis APS è un’associazione di rievocazione storica di Parma, attiva dal 2009, dedicata alla ricostruzione filologica dell’Italia di inizio Quattrocento — dalla scherma storica al tiro con l’arco, dalla vita da campo alla divulgazione. Il sito web accompagna l’associazione dal 2012, evolvendosi nel corso di oltre un decennio attraverso diverse piattaforme e […]

  • Anno 2025
  • Cliente Flumen Temporis APS
  • Stato attivo
  • Ambito
    • Branding
    • Copywriting
    • Development
    • Strategy
    • UI/UX design
    • Web Design
  • Link Live

The Mission

Flumen Temporis APS è un’associazione di rievocazione storica di Parma, attiva dal 2009, dedicata alla ricostruzione filologica dell’Italia di inizio Quattrocento — dalla scherma storica al tiro con l’arco, dalla vita da campo alla divulgazione. Il sito web accompagna l’associazione dal 2012, evolvendosi nel corso di oltre un decennio attraverso diverse piattaforme e restyling: da Joomla a WordPress, da template adattati a tema custom.

  • Obiettivo principale: Creare un sito che servisse due percorsi distinti — organizzatori di eventi che cercano un gruppo di rievocazione professionale, e persone interessate ad avvicinarsi alla rievocazione storica come attività
  • Vincoli: Progetto personale a lungo termine (il sito è dell’associazione di cui facevo parte), con redesign progressivi dal 2012 e tema custom in sviluppato nel 2025
  • Risultato atteso: Presenza digitale che rifletta l’identità del gruppo — rigorosa nella ricostruzione storica ma moderna e accessibile nella comunicazione — superando l’estetica datata tipica dei siti di rievocazione storica

Discovery & Style Exploration

L’ispirazione iniziale arriva dai siti web di videogiochi storici e fantasy medievali piuttosto che da altri gruppi di rievocazione. L’obiettivo era un approccio flat e moderno con angoli arrotondati, ma arricchito da elementi che richiamassero l’autenticità del periodo storico: bordi in pergamena strappata su navbar, footer e widget e miniature medievali utilizzate come sfondi di sezione.

La sfida progettuale: trovare l’equilibrio tra un’estetica contemporanea che comunichi professionalità e gli elementi decorativi storici che trasmettano il carattere dell’associazione — senza cadere nel kitsch o nel “tema da sagra medievale”.

Visual Identity & Design

Palette costruita attorno a tonalità calde e naturali ispirate ai materiali del periodo storico — pergamena, sabbia, oro — con il rosso come accento primario per le call to action:

  • Cream (#F2E0C8): sfondo principale e testi su superfici scure
  • Sand (#E8D3B6): card e sezioni alternate
  • Gold (#BD8D4C): link su sfondo scuro e pulsanti secondari
  • Black (#323030): testi su superfici chiare
  • Red (#CC0000): pulsanti primari e accenti

Tipografia con font heading a carattere storico “Venetia” e font body sans-serif per la leggibilità. Gerarchia da H1 a H5 con dimensioni responsive (clamp). Layout a blocchi con 4 varianti di sfondo (cream, sand, dark, white) e card con angoli arrotondati. Elementi decorativi distintivi: bordi in pergamena strappata come separatori tra sezioni chiave, miniature medievali vettorializzate come pattern di sfondo per dare profondità storica senza appesantire il caricamento.

UX & Content Strategy

Architettura informativa costruita su due percorsi utente principali dalla homepage:

  • Percorso organizzatore eventi: Hero con statistiche (+100 eventi, +15 anni di esperienza) → servizi offerti (ricostruzioni, dimostrazioni combattimento, allestimento accampamenti, divulgazione interattiva) → contatti per ingaggio
  • Percorso aspirante rievocatore: Vantaggi membership → processo di partecipazione in 4 step (lezione di prova → iscrizione → partecipazione eventi) → sezione attività disponibili

Struttura del sito oltre la landing:

  • Chi Siamo: storia dell’associazione e curriculum eventi partecipati
  • Attività: pagine dedicate per Scherma Storica, Tiro con l’Arco Storico, Vita da Campo (con predisposizione per Cucina Storica, Baratteria, Medicina e Spezieria, Divulgazione e Interazione)
  • Eventi: calendario gestito con The Events Calendar
  • Contatti: form dedicato
  • Predisposizione blog: sezione Approfondimenti per articoli sul contesto storico dell’Italia di inizio Quattrocento e sulla rievocazione storica

Development

  • Stack: WordPress con tema custom sviluppato da zero e Gutenberg nativo per i contenuti
  • Evoluzione piattaforma: Joomla (2012) → WordPress con tema adattato → tema custom attuale
  • Design system: CSS custom properties per palette (cream, sand, gold, black, red), tipografia responsive con clamp(), 4 varianti di sfondo sezione, componenti card e pulsanti con 3 varianti (primary rosso, secondary gold, ghost)
  • Elementi decorativi custom: bordi in pergamena strappata su navbar, footer e widget; miniature medievali come background-image delle sezioni
  • Calendario eventi: The Events Calendar per la gestione e pubblicazione degli eventi dell’associazione
  • SEO e analytics: Google Search Console, Google Analytics (GA4), Google Tag Manager, schema markup breadcrumb e search action, Complianz per cookie consent
  • Performance: Lazy loading immagini, ottimizzazione asset, design responsive mobile-first con max-width 1248px

Results

Un sito che accompagna l’associazione da oltre un decennio, evolvendosi con essa — da Joomla a WordPress, da template adattati a tema custom con identità visiva propria.

  • Posizionamento SEO: nella versione Joomla il sito ha raggiunto la 1ª posizione su Google per la ricerca “scherma Parma”
  • Doppio percorso utente funzionante: il sito serve sia gli organizzatori di eventi (ingaggio del gruppo) sia gli aspiranti rievocatori (avvicinamento all’attività)
  • Struttura estensibile: predisposizione per blog e nuove attività (cucina storica, baratteria, medicina e spezieria) pronte per essere popolate

Performance Tecnica — Lighthouse

  • Desktop: Performance 92 · Accessibility 85 · Best Practices 100 · SEO 100
  • Mobile: Performance 87 · Accessibility 84 · Best Practices 96 · SEO 100

Learnings & Conclusion

Dodici anni sullo stesso progetto, caso unico nel portfolio, hanno rappresentato un laboratorio di crescita professionale: ogni restyling riflette l’evoluzione delle competenze, degli strumenti e dell’approccio al design. Dal primo sito Joomla al tema custom WordPress attuale, il percorso documenta il passaggio da soluzioni adattate a un design system pensato e costruito da zero.

La lezione principale: un progetto personale a lungo termine è il contesto ideale per sperimentare, elementi decorativi custom (pergamene, miniature vettoriali), palette non convenzionali, ibridazione tra estetica moderna e riferimenti storici. Tecniche e soluzioni testate qui sono poi confluite in progetti per clienti esterni.

Client Feedback

“Marco ha creato da zero il sito per l’associazione di rievocazione storica di Parma Flumen Temporis: un lavoro preciso e puntuale, che funge da perfetto biglietto da visita per l’associazione.”

Luca Coscioni — Presidente Flumen Temporis APS

“Marco ha curato nel dettaglio il lavoro svolto di anno in anno dalla nostra associazione storica, creando il sito della Flumen Temporis; è un professionista del settore e una persona squisita!”

Gabriele Montani — Membro Flumen Temporis APS

“Marco ha rifatto il sito dell’associazione di cui faccio parte e sono molto soddisfatto. È stato molto disponibile a soddisfare tutte le nostre richieste e a apportare le modifiche che gli abbiamo chiesto.”

Alessandro Caggiati — Membro Flumen Temporis APS