Alpini di Varese (ANA Varese)

La sfida

Il sito della Sezione doveva essere rinnovato nell'aspetto grafico, nella struttura dei contenuti e nella navigazione, senza interrompere la pubblicazione delle notizie e senza perdere i contenuti accumulati negli anni. Per questo ho lavorato su un ambiente di staging, lasciando online il sito esistente fino al passaggio alla nuova versione.

Coerenza con il sito nazionale

Il primo intervento ha riguardato l'identità. Ho allineato il carattere tipografico a quello del sito nazionale ana.it, per dare uniformità all'interfaccia. Il logo è stato riposizionato al centro della testata, con le voci di menu distribuite ai due lati. Sopra, una nuova barra nel verde istituzionale raccoglie i contatti principali e i link ai canali social.

Homepage: notizie ed eventi in evidenza

• Immagini in evidenza: la sezione è stata estesa a tutta la larghezza della pagina, con immagini a scorrimento.
• Ultime notizie: disposizione rivista e immagini accanto a ogni articolo, per una consultazione più immediata.
• Prossimi eventi: stile più ordinato e riquadri corretti nelle dimensioni, che prima uscivano dal contenitore.

Per la versione mobile ho sviluppato una disposizione degli elementi specifica, diversa da quella desktop, per sfruttare al meglio lo spazio degli schermi piccoli.

I Gruppi: una voce al posto di tante

Il menu dedicato ai gruppi è stato semplificato: le voci precedenti sono confluite in un'unica voce, "I Gruppi", all'interno di "La Sezione". Porta a una pagina riepilogativa in cui i gruppi sono organizzati in schede, una per zona territoriale.

Il calendario degli eventi

La pagina "Tutti gli eventi" ha una nuova visualizzazione a calendario, più dettagliata, con filtri per categoria, luogo, organizzatore, mese e anno. Una visualizzazione dedicata a smartphone e tablet risolve i problemi di lettura che c'erano prima sugli schermi piccoli.

Contatti più diretti

La pagina Contatti è stata rifatta nella grafica e nelle funzioni. La mappa è in alto, subito visibile. Indirizzo, email e telefono sono cliccabili: l'indirizzo apre la mappa, l'email apre il programma di posta, il numero avvia la chiamata da smartphone. Un nuovo form permette di indicare il tipo di richiesta e di allegare immagini o documenti in formato doc e pdf.

Chi siamo e footer

La pagina "Chi siamo" si apre con una breve introduzione alla storia della Sezione, accompagnata dai principali punti di interesse e da un'immagine rappresentativa. Il footer è stato ampliato con il logo della Sezione, l'indirizzo in evidenza, i link utili, i contatti e i social, nei colori ufficiali; in fondo, accanto al copyright, compare il codice fiscale.

Gestione in autonomia

A lavoro concluso ho formato chi si occupa del sito in Sezione sulle principali funzioni di gestione. Notizie, eventi, testi e immagini vengono aggiornati in autonomia, senza dipendere da un tecnico esterno.

Il risultato

Un sito istituzionale più moderno, chiaro e facile da consultare, rinnovato senza interruzioni per i visitatori.