Quando, al primo sguardo.
Data e orario hanno una gerarchia precisa. Il calendario è accanto all’informazione a cui si riferisce.
Caso studio / CESO / 2025 → 2026
Lo stesso evento.
Un’altra esperienza.
Dalla creazione del sito nel 2025 al redesign del 2026. Ho curato sviluppo, identità visiva e soprattutto il modo in cui una persona trova le informazioni e usa una pagina evento, su desktop e su mobile.
Dentro la trasformazioneCESOComitato Eventi Sportivi Oltrepò
Un progetto, dal primo impatto al dettaglio.
Redesign implementato · navigabile in anteprima
- Il mio ruolo
- Design UI/UX, sviluppo e manutenzione
- Il lavoro
- Sito bilingue, eventi, archivio e progetti
- La base
- Astro · Svelte · TypeScript
01 / Il cuore del lavoro
Le informazioni diventano azioni.
Una gara, un’escursione e una festa dello sport non richiedono le stesse informazioni. Il layout deve dare spazio al racconto e, insieme, rendere raggiungibili orari, luoghi, percorsi e documenti. Qui puoi confrontare le pagine reali dentro due telefoni, oppure passare alla vista desktop.
Il pulsante carica i due siti reali qui dentro. Scorri nelle cornici, apri menu e pannelli, prova le azioni.
Caricamento della pagina…
Caricamento della pagina…Il luogo è anche un’azione.
Partenza e arrivo si leggono con la mappa chiusa. Da ciascun luogo si può aprire Maps.
Il percorso che serve a te.
GPX per il navigatore o Komoot per esplorare: le alternative sono esplicite. I pannelli tengono insieme gli strumenti.
Freccia dei Vini / dettaglio degli strumenti. I richiami collegano le scelte UX agli elementi della schermata.Su desktop: indice a sinistra, racconto al centro e strumenti a destra. Informazioni e azioni accompagnano la lettura.
Schermate italiane del 25 settembre 2026. I siti navigabili possono cambiare; in inglese si apre la versione EN. Se una pagina non si carica nella cornice, aprila nella sua scheda.
Leggere o andare subito al punto
L’indice segue il racconto. Le scorciatoie portano alle risorse pratiche: due percorsi distinti per chi esplora e per chi sa già cosa cerca.
Il mobile ha il suo progetto
Date e luoghi restano disponibili con la mappa chiusa. Percorsi e documenti si espandono su richiesta; le scorciatoie aprono il pannello pertinente.
Piccole azioni, attenzione concreta
Aprire un luogo su Maps, aggiungere una data al calendario, consultare un documento o scaricare un GPX: le azioni seguono i materiali disponibili per ogni evento.
02 / Il cambiamento di scala
La storia diventa un percorso da esplorare.
Lo storico esisteva già nel mio sito. Il redesign ne cambia drasticamente la presentazione: anni, eventi, immagini e un tracciato visivo costruiscono una lettura più articolata. Sul desktop il confronto rende evidente la trasformazione; il lavoro ha incluso anche la fluidità dello scorrimento su smartphone.
Tre viste interne dello stesso anno nelle due versioni. Ogni schermata è mostrata intera, senza ritagli aggiunti; per percorrere tutta la pagina, attiva i siti reali.
Il pulsante carica i due siti reali qui dentro. Scorri nelle cornici, apri menu e pannelli, prova le azioni.
Caricamento della pagina…
Caricamento della pagina…Schermate italiane del 25 settembre 2026. I siti navigabili possono cambiare; in inglese si apre la versione EN. Se una pagina non si carica nella cornice, aprila nella sua scheda.
03 / Un’identità più curata
La prima impressione fa parte del progetto.
Per home e chi siamo il cambiamento è soprattutto grafico: gerarchia tipografica, spazi, composizione delle immagini e continuità fra le pagine. Un lavoro per dare al comitato una presenza più professionale e riconoscibile.
Home
Il messaggio principale ha più spazio. Immagini, calendario e accessi agli eventi acquistano un ritmo visivo più chiaro.
Chi siamo
Storia, valori e sostegno allo sport assumono una composizione più intenzionale, coerente con la nuova identità.
04 / Uno spazio che prima mancava
I progetti hanno una casa propria.
Ho aggiunto da zero la sezione Progetti: un catalogo e pagine dedicate per raccontare iniziative e impegni che continuano oltre la singola manifestazione. Lo spazio dedicato è nuovo; alcuni contenuti, come il sostegno al salto ostacoli, erano già presenti altrove nel sito.
Prima: nessuna sezione Progetti dedicata
Esplora la sezione Progetti ↗
05 / Dietro le quinte
Dal design a un sistema che continua.
Nel 2025 ho sviluppato il nuovo sito e integrato il dominio precedente, seguendo richieste del cliente, pubblicazione e manutenzione. Ho realizzato anche locandine in Photoshop e varianti per sito e social. Nel 2026 ho implementato migliorie funzionali, redesign grafico e revisione di parte dell’architettura.
Tre esigenze, un unico progetto
Prima, durante e dopo un evento.
Ho lavorato su come trovare un evento, prepararsi a partecipare e ritrovarne la storia. Il redesign del 2026 approfondisce questo percorso, fino ai dettagli delle singole pagine.
01 / Ritrovare
Un evento finisce. La sua pagina resta.
Nel sito precedente, gestito da un’altra azienda, gli eventi passati uscivano dall’elenco. Nel mio sito ho creato un archivio dedicato: ricerca per testo, filtri per anno e categoria, elenco e mappa interattiva.
Gli stessi risultati si esplorano come schede o come punti sulla mappa, da cui aprire il singolo evento.
Esplora calendario e archivio02 / Raccontare
Il percorso del comitato, anno dopo anno.
Ho creato una pagina Storico distinta dal calendario: una timeline di eventi, immagini e collegamenti che racconta l’evoluzione del comitato e la continuità del suo lavoro sul territorio.
Nel redesign, navigazione per anni e percorso visivo accompagnano il racconto, con attenzione alla fluidità su smartphone.
Percorri lo storico03 / Orientare
Prima le informazioni che servono.
Nel redesign ho curato UI e UX delle pagine evento su desktop e mobile: gerarchia dei contenuti, azioni e materiali pertinenti alla manifestazione, dalle gare alle esperienze sul territorio e agli incontri.
Date, luoghi e contatti rimangono raggiungibili; programma, percorsi, iscrizioni e risultati trovano spazio quando sono disponibili.
Vedi le scelte UI e UXArchivio e storico fanno parte dell’evoluzione del sito creato nel 2025. I link aprono in una nuova scheda il redesign 2026 già implementato e navigabile in anteprima, non ancora attivo sul dominio principale.
Dentro il redesign: le scelte UI e UX
Dall’esigenza alla scelta di interfaccia
Cosa cerca una persona quando apre questa pagina?
Ho usato questa domanda per organizzare l’accesso alle informazioni, mantenendo il racconto e i materiali originali. Una gara, un’escursione e una festa dello sport hanno esigenze diverse.
Freccia dei Vini
Orari, partenza e arrivo, percorso e documenti di gara. Le edizioni precedenti restano collegate, con risultati e materiali quando presenti.
Apri la pagina evento Freccia dei ViniAnello DiVino
Come partecipare, ritrovo, scelta del percorso e tracce GPX. FAQ e indicazioni pratiche accompagnano la preparazione all’uscita.
Apri la pagina evento Anello DiVinoFesta dello Sport
Programma, luoghi, attività e protagonisti. La pagina valorizza ciò che aiuta a scegliere quando arrivare e quali momenti seguire.
Apri la pagina evento Festa dello Sport- Due modi di consultare
- Ho distinto l’indice del racconto dalle scorciatoie verso mappa, percorsi, documenti e contatti: si può leggere con calma oppure raggiungere subito una risorsa.
- Mobile ripensato nel dettaglio
- Date e luoghi restano visibili anche con la mappa chiusa. Percorsi e documenti si espandono su richiesta; i collegamenti rapidi aprono il pannello corretto. Menu e barre seguono lo spazio disponibile.
- La stessa cura nelle piccole azioni
- Aprire un luogo su Maps, aggiungere la data al calendario, scaricare un GPX o usare il QR dell’app. Etichette esplicite e controlli coerenti accompagnano ogni passaggio, anche in inglese.
Queste scelte documentano il lavoro realizzato e i suoi obiettivi di utilizzo. Non sono associate a incrementi misurati di visite, iscrizioni o sponsorizzazioni.
Una nuova edizione, senza ricostruire ogni pagina
Catalogo e contenuti
Dati evento e testi IT/EN compongono i layout. Le lingue condividono gli asset; programma, percorsi e documenti seguono i contenuti disponibili.
Riferimenti controllati
Titolo, anno e copertina dell’edizione precedente vengono risolti dal catalogo. Riferimenti sconosciuti, autoreferenziali e date non valide producono errori durante la generazione.
Fallback e continuità
Senza copertina, l’edizione precedente resta una scheda testuale. Componenti, guide operative e test dedicati accompagnano la manutenzione.
Contesto del confronto
Il prima/dopo confronta due versioni del mio sito del 2026. Il sito precedente al mio intervento era gestito da un’altra azienda. Il redesign è già implementato e navigabile in anteprima, mentre il dominio principale mantiene la versione precedente. Le schermate del 25 settembre 2026 riutilizzavano alcuni asset fra le due revisioni: non sono copie storiche integrali e non documentano incrementi misurati di traffico o conversioni.
Prima del mio intervento / archivio 2022
L’acquisizione Wayback del 24 maggio 2022 è una testimonianza del vecchio dominio, non la baseline grafica del redesign 2026.
Apri l’acquisizione su Wayback Machine ↗