Nueva crea una presenza web globale per la Fondazione KliK
Con la possibilità di internazionalizzare il proprio campo d'azione nell'ambito della legge svizzera sul CO2 a partire dal 2022, nel quadro dell'Accordo di Parigi, si è resa necessaria una riprogettazione completa del sito web della Fondazione per la protezione del clima e la compensazione del CO2 KliK. La nuova presenza digitale è stata completamente riconcettualizzata, progettata e realizzata dall'agenzia zurighese Nueva.
Sulla base di un'analisi approfondita dei siti web esistenti e dello sviluppo di un'architettura dell'informazione a prova di futuro e di un web design contemporaneo, Nueva ha vinto la gara per la riprogettazione della presenza digitale della Fondazione KliK già nel 2020. Da allora, Nueva ha sviluppato una piattaforma di notizie completa, un gran numero di pagine nazionali in varie lingue e una pagina di scrollytelling per una nuova rivista che include la presentazione del rapporto annuale. Il punto culminante della collaborazione è stato il nuovo concetto, il design e la realizzazione dell'intera presenza digitale della fondazione.
Secondo Nueva, la sfida più grande del progetto è stata quella di ripensare la struttura del sito web. Decine di pagine, sottopagine e landing page diverse - dalle pagine generali sulle attività dei Paesi, dal Perù alla Georgia, alle numerose aree di servizio, come i camion a idrogeno o i sistemi mobili di riscaldamento a pellet in Germania - sono state inserite in un contesto generale e collegate tra loro in modo significativo.
Ottimizzato e automatizzato nel nuovo CMS headless
La maggior parte delle pagine è stata revisionata dalla Fondazione KliK e tradotta in varie lingue prima di essere trasferita automaticamente al nuovissimo CMS senza testa Storyblok. Inoltre, tutti gli articoli di notizie esistenti, comprese le immagini, sono stati trasferiti dal vecchio al nuovo sistema utilizzando un importatore di contenuti appositamente sviluppato. In questo modo si sono risparmiate numerose ore di lavoro e di noioso inserimento manuale. Le pagine indicizzate nel corso degli anni sono state accuratamente reindirizzate alla nuova posizione per garantire alla fondazione un buon posizionamento sui motori di ricerca.
Navigazione mega flyout per una migliore visione d'insieme
Il cuore del nuovo sito web è un sistema di navigazione che riflette la struttura della pagina e fornisce agli utenti una chiara panoramica dei contenuti. I colori delle aree sono stati utilizzati per aiutare gli utenti a orientarsi. Le pagine dei singoli programmi sono state standardizzate, in modo che le informazioni siano sempre presentate con lo stesso aspetto e la stessa struttura. In questo modo non solo sarà più facile aggiungere nuovi programmi e pagine di Paesi in futuro, ma anche trovare le informazioni. Le numerose pagine di destinazione esistenti per i Paesi e le aree di servizio sono state perfettamente integrate nel nuovo sito web.
Kit completo per la costruzione di elementi per tutti i casi
Sono stati sviluppati e aggiunti diversi nuovi elementi di contenuto per garantire che il sito web soddisfi gli elevati requisiti. Tra questi, vari teaser, gallerie di immagini, lettori di PDF, un modulo di contatto con varie opzioni di impostazione e un hub di download chiaramente organizzato. Grazie all'interfaccia utente intuitiva del CMS Storyblok, i contenuti come testi, immagini e video possono essere facilmente modificati, aggiornati e programmati dal cliente.
Infine, i calcolatori di contributi esistenti, che consentono di calcolare direttamente e in modo semplice un contributo online, sono stati resi più chiari e intuitivi e collegati direttamente tramite API. Dal punto di vista tecnico, il progetto è stato realizzato con il potente framework Nuxt 3 di Vue 3. Questo è stato progettato per consentire le massime prestazioni, l'integrazione SEO e la scalabilità attraverso il rendering lato server.
Responsabile della Fondazione KliK: Marco Berg (direttore generale), Yannick Michaelsen (responsabile della comunicazione nazionale), Andrea Reiter (direttore della comunicazione internazionale). Responsabile presso Nueva: Remo Brunner (Managing Partner), Nicole Tobler (Project Manager), Yuki Tschopp, Jonas Hermann, Alexander Cox (UX & Design) Jonas Müller (Head of Technology) Luca Margadant, Philip Koch, Taisiia Efremova (Frontend Developer).