Autodromo di Vallelunga - Homepage

PROMPT MASTER — REDESIGN E IMPLEMENTAZIONE DEL SITO VALLELUNGA Agisci come un team digitale senior composto da: Information Architect; UX Strategist; UI Designer; Web Designer; Full-stack Developer; CMS Architect; SEO Specialist; Accessibility Specialist; Content Migration Specialist; Performance and Quality Assurance Specialist. 1. OBIETTIVO GENERALE Analizza, riprogetta e implementa il sito web di ACI Vallelunga, utilizzando: Sito sorgente per contenuti, informazioni, documenti, servizi e funzionalità: https://vallelunga.it/ Sito di riferimento per alberatura, organizzazione dei contenuti, esperienza utente, logica grafica e gestione editoriale: https://www.misanocircuit.com/ Il nuovo sito deve utilizzare tutti i contenuti rilevanti presenti nell’attuale ecosistema Vallelunga, ma deve essere riorganizzato secondo una struttura più moderna, centralizzata, chiara, emozionale e orientata alla conversione, prendendo come riferimento l’impostazione generale del sito Misano World Circuit. Non realizzare una copia grafica identica o pixel-perfect del sito Misano. Utilizzalo come benchmark per: architettura dell’informazione; gerarchia dei menu; modalità di presentazione degli eventi; organizzazione delle pagine; navigazione; rapporto tra immagini, testi e call to action; componenti editoriali; esperienza mobile; organizzazione e gestione dei contenuti nel CMS. Il risultato deve essere originale, coerente con l’identità di Vallelunga e riconoscibile come sito ufficiale di ACI Vallelunga. 2. PRINCIPIO FONDAMENTALE Mantieni e migra i contenuti testuali, informativi e documentali di Vallelunga, ma riprogettane completamente: alberatura; menu; navigazione; gerarchia visiva; layout; componenti; relazioni tra le pagine; modalità di gestione tramite CMS; modalità di ricerca e filtraggio; esperienza da desktop, tablet e smartphone. Tutti i contenuti devono essere modificabili successivamente dal personale autorizzato. Anche fotografie, video, icone, loghi, banner e immagini di copertina devono essere gestibili e sostituibili dal CMS senza intervenire sul codice. 3. FASE PRELIMINARE OBBLIGATORIA: ANALISI DEI DUE SITI Prima di progettare o generare pagine, esegui un’analisi completa dei due siti. 3.1 Analisi del sito Vallelunga Scansiona il dominio principale e tutti i sottodomini o siti collegati riconducibili all’ecosistema Vallelunga. Individua e cataloga: tutte le pagine pubbliche; menu e sottomenu; testi; immagini; video; documenti PDF; regolamenti; moduli; contatti; numeri telefonici; indirizzi e-mail; CTA; link interni; link esterni; calendari; eventi; gare; track day; attività auto; attività moto; driving experience; corsi di guida sicura; servizi per aziende; servizi per privati; Centro Congressi; Area Off Road; area archeologica; e-mobility; sostenibilità; media e stampa; sponsor e partner; informazioni tecniche sul circuito; dati meteorologici; aree riservate; sistemi di acquisto o prenotazione; sistemi di live timing; contenuti duplicati; contenuti obsoleti; pagine non raggiungibili; eventuali errori, incoerenze o collegamenti interrotti. Non eliminare automaticamente contenuti. Contrassegna quelli potenzialmente obsoleti e inseriscili in un elenco di revisione editoriale. 3.2 Analisi del sito Misano World Circuit Analizza il sito di riferimento per comprenderne: alberatura; navigazione principale e secondaria; struttura della homepage; organizzazione del calendario; struttura delle schede evento; rapporto tra eventi, news, esperienze e servizi; logica delle landing page; utilizzo di hero image e hero video; CTA principali; componenti ricorrenti; footer; ricerca; filtri; struttura mobile; gestione delle informazioni pratiche; modalità di presentazione dei contenuti commerciali; organizzazione dei contenuti nel possibile CMS. Riprendi le logiche più efficaci, adattandole alle esigenze e all’identità di Vallelunga. 4. ARCHITETTURA INFORMATIVA DEL NUOVO SITO Progetta un unico ecosistema digitale coerente, evitando la sensazione di trovarsi davanti a siti separati e non coordinati. L’alberatura definitiva dovrà essere definita dopo la scansione dei contenuti. Come struttura di partenza utilizza la seguente: HOME Homepage emozionale e operativa, con: hero fotografica o video full-width; evento principale in evidenza; prossimi eventi; accesso rapido a calendario e prenotazioni; accesso a Track Day Auto; accesso a Track Day Moto; accesso a Gare ed Eventi; accesso ai corsi di Guida Sicura; accesso a Driving Experience; accesso al Centro Congressi; accesso alle attività business; ultime news; informazioni meteo del circuito; partner e sponsor; contatti e informazioni pratiche. IL CIRCUITO Possibili sottosezioni: Presentazione; Storia; Piero Taruffi; Tracciati e configurazioni; Dati tecnici; Record; Strutture; Box e paddock; Servizi del circuito; Sicurezza; Regolamenti; Documenti; Sostenibilità; E-mobility; Area archeologica; Galleria fotografica; Come arrivare; Mappa interattiva. EVENTI E CALENDARIO Possibili sottosezioni: Calendario completo; Prossimi eventi; Gare; Track Day Auto; Track Day Moto; Driving Experience; Eventi speciali; Eventi passati; Risultati; Live Timing; Albo di gara; Informazioni per il pubblico; Biglietti e prenotazioni. ESPERIENZE Possibili sottosezioni: Guida in pista; Esperienze Auto; Esperienze Moto; Driving Experience; Visite al circuito; Esperienze regalo; Miniautodromo; Area Off Road; Attività per famiglie; Attività per gruppi. GUIDA SICURA Possibili sottosezioni: Presentazione; Centri di Guida Sicura; Tecnologie; Metodologia didattica; Corsi Auto; Corsi Moto; Corsi Monopattini; Corsi Furgoni; Corsi Mezzi Pesanti; Corsi per Aziende; Corsi per Privati; Baby Driving; Calendario dei corsi; Acquisto corsi; Voucher; Convenzioni; FAQ; Informazioni pratiche; Sedi; Contatti. BUSINESS E AZIENDE Possibili sottosezioni: Eventi aziendali; Incentive; Team building; Presentazioni prodotto; Test drive; Produzioni video e fotografiche; Affitto pista; Affitto box e paddock; Centro Congressi; Hospitality; Meeting e convention; Sponsorizzazioni; Partnership; Richiedi un preventivo. CENTRO CONGRESSI Possibili sottosezioni: Presentazione; Sale; Capienze; Planimetrie; Servizi tecnologici; Spazi esterni; Catering; Parcheggi; Gallery; Download; Richiedi disponibilità; Richiedi un preventivo. MEDIA E NEWS Possibili sottosezioni: News; Comunicati stampa; Press kit; Accrediti; Foto; Video; Race Magazine; Schede tecniche; Area stampa; Contatti media. INFORMAZIONI UTILI Possibili sottosezioni: Come arrivare; Parcheggi; Accessibilità; Regole di accesso; Orari; Mappa; Servizi sul territorio; Dove dormire; Dove mangiare; FAQ; Contatti. AREA PERSONALE Possibili funzionalità: accesso utente; prenotazioni; acquisti; voucher; documenti; storico attività; dati personali; iscrizioni; preferenze; assistenza. La struttura dovrà essere verificata e perfezionata sulla base dei contenuti effettivamente rilevati. 5. STRUTTURA DELLA HOMEPAGE Progetta la homepage come una pagina dinamica, emozionale e facilmente aggiornabile. Ordine suggerito: Header istituzionale; Menu principale; CTA evidenti: “Calendario”, “Prenota”, “Acquista”, “Contatti”; Hero video o immagine; Evento principale in evidenza; Prossimi eventi; Accessi rapidi alle esperienze principali; Track Day Auto e Moto; Guida Sicura; Driving Experience; Business e Centro Congressi; Presentazione del circuito; Dati e numeri di Vallelunga; News; Sostenibilità ed e-mobility; Partner e sponsor; Newsletter; Informazioni pratiche; Footer completo. L’amministratore deve poter: modificare l’ordine delle sezioni; mostrare o nascondere moduli; cambiare testi e immagini; scegliere l’evento principale; selezionare le news in evidenza; modificare le CTA; inserire banner temporanei; programmare data e ora di pubblicazione. 6. DESIGN E IDENTITÀ VISIVA Utilizza il sito Misano come riferimento per energia, contemporaneità e centralità degli eventi, ma mantieni una visual identity autonoma. Caratteristiche richieste design sportivo, autorevole e contemporaneo; forte impatto fotografico; utilizzo di immagini e video di grandi dimensioni; tipografia chiara e dinamica; gerarchie visive nette; ampi spazi; layout modulare; card editoriali; sezioni full-width; animazioni leggere e funzionali; microinterazioni; grande leggibilità; navigazione intuitiva; equilibrio tra emozione, informazione istituzionale e conversione commerciale. Utilizza i colori ufficiali e gli elementi distintivi di Vallelunga e ACI. Non utilizzare automaticamente colori, font, loghi o elementi proprietari di Misano. Prevedi: design system; palette cromatica; scala tipografica; griglia responsive; stile delle icone; pulsanti primari e secondari; card eventi; card news; componenti per dati tecnici; componenti download; componenti contatti; moduli; tabelle; accordion; tab; slider; gallery; breadcrumb; alert; banner; CTA; stati hover, focus, active e disabled. 7. HEADER E NAVIGAZIONE Realizza un header: responsive; sticky durante lo scroll; accessibile; con menu desktop e mobile; con eventuale mega menu; con ricerca globale; con selezione lingua; con accesso all’area personale; con CTA principali sempre riconoscibili. Il mega menu deve poter mostrare: sottosezioni; contenuti in evidenza; eventi principali; collegamenti rapidi; immagini promozionali; CTA contestuali. Su smartphone utilizza una navigazione semplice, veloce e utilizzabile con una sola mano. 8. CALENDARIO ED EVENTI Il calendario deve essere uno dei principali strumenti del sito. Crea una struttura dinamica con filtri per: data; mese; anno; auto; moto; gare; prove libere; corsi; esperienze; eventi business; eventi aperti al pubblico; eventi riservati; eventi gratuiti; eventi a pagamento. Ogni scheda evento deve avere campi CMS dedicati: titolo; categoria; data di inizio; data di fine; orari; immagine di copertina; gallery; video; descrizione breve; descrizione completa; programma; luogo; mappa; organizzatore; regolamenti; documenti; link al live timing; link all’albo di gara; link esterno; biglietti; prezzo; disponibilità; CTA; contatti; FAQ; eventi correlati; sponsor; stato dell’evento; evidenza in homepage; SEO title; SEO description; dati strutturati Schema.org. Prevedi viste: calendario mensile; calendario annuale; elenco; card; prossimi eventi; eventi in evidenza. 9. CMS E GESTIONE DEI CONTENUTI Non inserire i contenuti direttamente e rigidamente nel codice. Ogni contenuto deve essere gestito attraverso CMS. Crea collezioni o content type distinti per: pagine; eventi; categorie evento; news; comunicati stampa; corsi; esperienze; servizi; strutture; sale congressuali; documenti; regolamenti; FAQ; contatti; sedi; sponsor; partner; gallery; video; CTA; banner; menu; footer; moduli; dati tecnici; record; testimonianze; utenti e ruoli. Il CMS deve supportare: editor visuale; anteprima; bozze; revisioni; versioning; programmazione delle pubblicazioni; duplicazione delle pagine; workflow di approvazione; ruoli e permessi; archivio media; sostituzione delle immagini; crop automatici; testo alternativo; ricerca dei media; gestione documenti; menu modificabili; URL personalizzabili; redirect; metadati SEO; contenuti multilingua; contenuti correlati; importazione ed esportazione. Ruoli suggeriti: Super Admin; Amministratore; Redattore; Revisore; Responsabile Eventi; Responsabile Media; Responsabile Guida Sicura; Responsabile Business. 10. MODULARITÀ DELLE PAGINE Costruisci le pagine mediante componenti riutilizzabili. Ogni pagina deve poter essere composta utilizzando moduli come: hero; testo e immagine; video; gallery; elenco card; calendario; evento in evidenza; news in evidenza; CTA; form; numeri e statistiche; timeline; tabella; accordion; documenti; mappa; contatti; citazioni; sponsor; banner; contenuti correlati; social wall; newsletter. Evita di creare un template rigido diverso per ogni singola pagina. 11. CONTENUTI E MIGRAZIONE Migra tutti i contenuti effettivamente utili dal sito attuale. Regole: Non inventare informazioni. Non modificare numeri, date, contatti o dati tecnici senza evidenziarlo. Mantieni il significato originale dei testi. Correggi solamente refusi evidenti, errori grammaticali e formattazioni incoerenti. Segnala i contenuti duplicati. Segnala quelli obsoleti. Mantieni i documenti scaricabili. Mantieni i link a piattaforme esterne indispensabili. Crea redirect 301 dalle vecchie URL alle nuove. Evita la perdita di indicizzazione SEO. Mantieni uno storico della provenienza dei contenuti. Associa ogni vecchia pagina alla nuova destinazione. Genera una tabella di migrazione con: vecchia URL; titolo attuale; tipologia di contenuto; nuova sezione; nuova URL; template utilizzato; contenuto da mantenere; contenuto da revisionare; documenti associati; redirect; stato della migrazione. Le fotografie attuali possono essere utilizzate provvisoriamente, ma devono essere facilmente sostituibili dal CMS. Quando un’immagine non è sufficientemente qualitativa: non inventare una fotografia definitiva; utilizza un placeholder chiaramente identificato; indica formato, proporzioni e risoluzione consigliata; inserisci una nota per la successiva sostituzione. 12. RICERCA GLOBALE Implementa una ricerca che indicizzi: pagine; eventi; news; corsi; esperienze; documenti; regolamenti; contatti; FAQ. Prevedi: suggerimenti automatici; filtri; evidenziazione delle parole; correzione di errori comuni; risultati ordinati per rilevanza; esclusione dei contenuti privati. 13. MODULI E CONVERSIONI Prevedi moduli distinti per: richiesta informazioni; richiesta preventivo; prenotazione; iscrizione; contatto commerciale; Centro Congressi; affitto pista; eventi aziendali; accrediti stampa; assistenza; newsletter. Ogni modulo deve avere: validazione; messaggi di errore comprensibili; consenso privacy; protezione antispam; pagina di conferma; e-mail automatica; tracciamento della conversione; destinazione delle richieste configurabile dal CMS; eventuale integrazione CRM. Non mostrare dati sensibili o indirizzi e-mail direttamente nel codice frontend quando non necessario. 14. MULTILINGUA Predisponi almeno: italiano; inglese. Il CMS deve consentire: traduzioni indipendenti; duplicazione dei contenuti; gestione dello stato della traduzione; URL localizzate; hreflang; fallback linguistico; menu differenti per lingua. Non utilizzare traduzioni automatiche come contenuto definitivo senza revisione. 15. ACCESSIBILITÀ Il sito deve rispettare almeno i requisiti WCAG 2.2 livello AA. Prevedi: navigazione da tastiera; focus visibile; corretta struttura semantica; heading gerarchici; etichette dei form; alt text; contrasto adeguato; riduzione delle animazioni; sottotitoli per i video; testi leggibili; link descrittivi; messaggi di errore accessibili; compatibilità con screen reader; skip link; menu accessibile; tabelle correttamente strutturate. 16. PERFORMANCE Ottimizza il sito per i Core Web Vitals. Requisiti: immagini responsive; formati WebP o AVIF; lazy loading; preload controllato; compressione; caching; minificazione; caricamento differito degli script; ottimizzazione dei font; riduzione delle dipendenze; pagine statiche o server-rendered quando utile; CDN; gestione efficiente di video e gallery. Obiettivi indicativi: Lighthouse Performance superiore a 85 su mobile; Accessibility superiore a 95; Best Practices superiore a 90; SEO superiore a 90. 17. SEO Mantieni e migliora il patrimonio SEO esistente. Implementa: title e description modificabili; URL leggibili; canonical; sitemap XML; robots.txt; redirect 301; breadcrumb; Open Graph; Twitter Card; dati strutturati; Schema.org Event; Schema.org Organization; Schema.org Article; Schema.org FAQPage; Schema.org BreadcrumbList; corretta gestione degli eventi passati; pagine archivio; immagini ottimizzate; gestione degli errori 404; monitoraggio dei link interrotti. 18. PRIVACY E SICUREZZA Implementa: banner cookie conforme alla normativa; Consent Management Platform; blocco preventivo dei cookie non essenziali; privacy policy; cookie policy; gestione dei consensi; protezione dei form; HTTPS; validazione e sanitizzazione degli input; protezione CSRF; protezione XSS; limitazione dei tentativi di accesso; backup; registro attività amministrative; gestione sicura di ruoli e permessi. 19. INTEGRAZIONI Verifica e mantieni, quando ancora valide, le integrazioni con: sistemi di acquisto; prenotazioni; live timing; albo di gara; mappe; WhatsApp; social network; newsletter; CRM; analytics; sistemi di pagamento; servizi meteo del circuito; documenti esterni; eventuali piattaforme ACI. Non simulare come funzionanti integrazioni non ancora collegate. Quando mancano credenziali o API: crea il componente frontend; prepara la struttura tecnica; utilizza dati dimostrativi chiaramente segnalati; indica cosa serve per completare l’integrazione. 20. ANALYTICS E TRACCIAMENTO Predisponi un data layer e un sistema di tracciamento per: visualizzazione eventi; click su “Acquista”; click su “Prenota”; invio moduli; download; click telefonici; click e-mail; click WhatsApp; ricerca interna; iscrizione newsletter; filtri calendario; accesso a contenuti esterni; errori dei moduli. Il tracciamento deve rispettare il consenso privacy. 21. RESPONSIVE DESIGN Progetta e testa il sito almeno per: smartphone piccoli; smartphone standard; tablet portrait; tablet landscape; laptop; desktop; schermi di grandi dimensioni. Non limitarti a ridurre la versione desktop. Su mobile: semplifica la navigazione; mantieni visibili le CTA principali; ottimizza calendario e filtri; rendi pulsanti e campi facilmente selezionabili; riduci elementi decorativi non necessari; ottimizza il caricamento di immagini e video. 22. TECNOLOGIA Utilizza lo stack nativo o meglio supportato dalla piattaforma AI, privilegiando: componenti modulari; codice pulito; sicurezza; scalabilità; manutenzione; facilità di gestione; integrazione CMS; buone prestazioni; assenza di dipendenze non necessarie. Non utilizzare contenuti hard-coded quando devono essere modificabili. Se la piattaforma supporta un CMS integrato, configura direttamente tutte le collezioni. Se non dispone di un CMS integrato, proponi e collega una soluzione headless adeguata. 23. OUTPUT E DELIVERABLE OBBLIGATORI Procedi nell’ordine seguente. Fase 1 — Audit Fornisci: inventario dei contenuti; mappa delle URL; analisi dei due siti; criticità del sito Vallelunga; componenti e pattern utili del sito Misano; contenuti duplicati; contenuti obsoleti; integrazioni rilevate. Fase 2 — Architettura Fornisci: sitemap definitiva; menu desktop; menu mobile; struttura del footer; content model; schema delle relazioni tra contenuti; user journey principali. Fase 3 — Design system Fornisci: palette; tipografia; griglia; componenti; stili; interazioni; esempi responsive. Fase 4 — Prototipo Realizza almeno: homepage; pagina calendario; archivio eventi; pagina dettaglio evento; pagina circuito; pagina Track Day; pagina Guida Sicura; pagina Centro Congressi; pagina Business; archivio news; pagina news; pagina contatti; pagina risultati di ricerca; pagina 404. Fase 5 — CMS Configura: collezioni; campi; tassonomie; menu; permessi; workflow; contenuti di esempio; gestione multilingua. Fase 6 — Migrazione Produci: mapping vecchia-nuova URL; redirect; stato dei contenuti; elenco immagini da sostituire; elenco contenuti da revisionare. Fase 7 — Test Esegui: test responsive; test accessibilità; test form; test link; test SEO; test performance; test cookie; test CMS; verifica dei redirect. 24. CRITERI DI ACCETTAZIONE Il lavoro è approvabile solamente se: tutti i contenuti rilevanti di Vallelunga sono stati censiti; l’architettura è unitaria e non frammentata; menu e navigazione sono più semplici dell’attuale sistema; eventi e calendario sono centrali; il sito è pienamente responsive; testi, fotografie, menu e CTA sono modificabili dal CMS; il design è originale e coerente con Vallelunga; la struttura prende ispirazione da Misano senza copiarlo; sono presenti SEO, accessibilità, privacy e performance; non ci sono dati inventati; le vecchie URL hanno una destinazione o un redirect; il sistema è concretamente implementato e non rappresentato soltanto da mockup statici. 25. ISTRUZIONE OPERATIVA FINALE Non limitarti a descrivere come potrebbe essere il nuovo sito. Esegui concretamente: analisi; proposta di alberatura; progettazione; generazione delle pagine; configurazione del CMS; inserimento dei contenuti disponibili; creazione dei componenti; collegamento delle pagine; ottimizzazione responsive; preparazione della migrazione. Quando una decisione non è esplicitamente definita, scegli la soluzione più efficace sulla base di: esperienza utente; semplicità editoriale; centralità degli eventi; riconoscibilità del brand Vallelunga; accessibilità; performance; possibilità di crescita futura. Non interrompere il lavoro per dettagli secondari. Utilizza assunzioni ragionevoli e segnala chiaramente quelle che dovranno essere confermate. Al termine mostra: anteprima navigabile; sitemap; componenti creati; collezioni CMS; contenuti importati; contenuti mancanti; immagini da sostituire; integrazioni da completare; redirect; checklist per la pubblicazione definitiva.

Creato con Themelab — Genera layout AI e temi WordPress