Piattaforma strategica per l’innovazione
Innovarea è un progetto strategico che propone un nuovo modello di sviluppo imprenditoriale per stimolare e sostenere i processi di innovazione necessari per lo sviluppo delle imprese del territorio veneto.
Un progetto che coinvolge imprenditori, manager, ricercatori, studenti ed esperti internazionali.
Il sito web, realizzato in collaborazione con l’agenzia Sbalchiero&Partners, è stato progettato seguendo le linee guida dell’identità visiva e i valori di Innovarea.
Tipo di progetto
Realizzazione di un sito web
Cliente
Innovarea, Università Ca’ Foscari di Venezia
Il mio Ruolo
UX/UI Designer | Consultant per Polins
Ultimo aggiornamento settembre 2026.
Stai consultando la versione sintetica
Il contesto
Innovarea nasce come progetto strategico promosso da Regione del Veneto, Confindustria Veneto e Università Ca’ Foscari di Venezia, con l’obiettivo di individuare e diffondere i modelli di sviluppo che avevano permesso alle imprese leader del Nordest di affrontare la crisi e continuare a crescere.
In questo contesto si inserisce la richiesta, in collaborazione con l’agenzia Sbalchiero&Partners, di realizzare un sito web che diventasse la piattaforma digitale di riferimento del progetto.
La sfida
La progettazione di un sito web è di per sé un’attività articolata, ma la vera sfida, in questo progetto, risiedeva altrove: non tanto nel costruire un’identità digitale da zero, quanto nel tradurre in un’esperienza coerente un’identità già esistente e fortemente connotata.
Da un lato c’era una brand identity già definita — logo e palette cromatica pensati per comunicare innovazione, dinamismo ed energia — da declinare in un design digitale coerente, senza tradirne il significato. Dall’altro un target eterogeneo (imprenditori, ricercatori, enti istituzionali, studenti) a cui restituire, con lo stesso linguaggio visivo, contenuti molto diversi tra loro senza frammentare l’esperienza.
Infine andava trovato un equilibrio tra lo stile minimalista della brand identity e la necessità di comunicare autorevolezza e competenza tecnico-scientifica, valori che rischiano di andare persi in un’interfaccia troppo essenziale.
Il Processo Metodologico
Dare metodo significa una struttura chiara e ripetibile al lavoro di design, scomponendolo in fasi distinte per affrontare le decisioni nell’ordine giusto. Nel caso di Innovarea, questo approccio è stato utile per gestire la complessità di un progetto con pubblici diversi e contenuti eterogenei.
Il processo
Il metodo progettuale adottato per Innovarea è organizzato in due macro aree — Ricerca e Progettazione — suddivise in quattro fasi e cinque step operativi, pensati per garantire uno sviluppo lineare del progetto: ogni fase si basa su quanto definito in quella precedente, così che le scelte risultino sempre coerenti con gli obiettivi e i contenuti individuati.
Ricerca
Fase 1 – L’analisi esplorativa
Step 1 – Analisi competitor
Analisi esplorativa su alcune piattaforme di riferimento.
Progettazione
Fase 2 – Le dimensioni del progetto
Step 2 – Dimensione comuicativa
La tipologia di contenuto.
Step 3 – Dimensione strutturale
La funzione del contenuto.
Fase 3 – Il layout
Step 4 – I wireframe
La rappresentazione della struttura.
Fase 4 – Il Design
Step 5 – UI design
La declinazione dell’identità.
Fase 1
L’analisi esplorativa
Prima di iniziare la fase progettuale è importante capire se esistono già prodotti digitali in contesti simili. Esistono diversi tipi di analisi — competitiva, di settore, sugli utenti — e la scelta dipende dagli obiettivi che si vogliono raggiungere.
Analisi dei competitor
Step 1
Innovarea non aveva competitor diretti, trattandosi di un progetto unico nel suo genere. Ho quindi condotto un’analisi su alcune piattaforme di riferimento a livello internazionale nella comunicazione di trend e innovazione — Cassandra, PSFK, Springwise, Pretail, Trend Hunter, Trend One e Creative Bloq — per capire come questi player affini comunicano contenuti simili, osservandone linguaggio visivo, organizzazione dei contenuti e tono di comunicazione.
Fase 2
Le dimensioni del progetto
Con queste dimensioni ho stabilito su quali piani organizzare i contenuti del sito: due letture complementari degli stessi contenuti, utili a definire l’architettura informativa.
(La) Dimensione comuicativa
Step 2
La dimensione comunicativa contribuisce a definire l’architettura informativa del sito, raggruppando i contenuti in base a cosa comunicano, secondo due aree: un Contenitore, che raccoglie tutti i contenuti dedicati a raccontare il progetto Innovarea e due attori, che distinguono i contenuti pensati per i due target principali del sito: le Imprese e gli Studenti.
(La) Dimensione strutturale
Step 3
La Dimensione Strutturale identifica i contenuti in base alla funzione che devono svolgere per l’utente, partendo da tre bisogni: (1) raccontare il progetto e materiale di supporto, (2) Veicolare stimoli su curiosità, novità, idee di business e tecnologia e (3) favorire la partecipazione.
Questi bisogni sono confluiti in due macro-aree strutturali: Info/Vetrina, che raccoglie i contenuti di racconto e supporto (informazioni sul progetto, eventi, materiale scaricabile, area riservata), e Trend e Blog, che raggruppa i contenuti dedicati a curiosità, novità e partecipazione.
Le stesse pagine, già lette nella Dimensione Comunicativa, assolvono così contemporaneamente a una funzione comunicativa e a una funzione strutturale, garantendo coerenza tra ciò che il sito racconta e ciò che l’utente vi trova.
Fase 3
Il layout
Il layout è una bozza di struttura visiva che inizia a dare forma e ordine ai contenuti. È il primo passo in cui quanto definito fino a questo punto del progetto inizia a prendere una forma concreta.
Wireframe
Step 4
Per definire il layout in maniera dettagliata ho scelto di lavorare con i wireframe: lo strumento che permette di rappresentare concretamente le decisioni prese precedentemente. Hanno reso evidente come i contenuti individuati si sarebbero effettivamente disposti nelle pagine, fornendo una base solida su cui costruire il design finale dell’interfaccia.
Nota bene
A seguire, riporto una sintesi, non esaustiva e a titolo di esempio, dei wireframe che avevo realizzato.
Fase 4
Il design
Definita la struttura, il progetto ha preso forma visiva: colori, tipografia, spazi ed elementi grafici sono diventati gli strumenti attraverso i quali il sito si mostra concretamente all’utente.
UI Design
Step 5
Non si è trattato solo di applicare uno stile coerente con l’identità di Innovarea, ma di tradurre ogni funzione dell’interfaccia in un elemento grafico riconoscibile e usabile, rendendo immediatamente comprensibile come muoversi all’interno del sito.
La home
Le notizie
Modalità responsive
Lo slider
