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, riflettendone il posizionamento: elevata competenza, respiro internazionale, tecnologia e uno stile minimalista, in linea con i trend visivi contemporanei.
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.
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, condividendo questo “segreto del successo” con l’intero tessuto industriale del territorio.
Un progetto che coinvolge imprenditori, manager, ricercatori, studenti, esperti internazionali e imprese che rappresentano un punto di riferimento per la ricerca applicata e l’innovazione.
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: uno spazio in grado di raccontare la strategia di Innovarea, dare visibilità alla community coinvolta e rappresentare, anche visivamente, il posizionamento che il progetto voleva assumere agli occhi di imprenditori, ricercatori ed enti istituzionali.
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.
Il design
Innovarea, infatti, aveva con una brand identity già definita: un logo che nella rotazione della lettera centrale comunicava innovazione e proiezione verso il futuro e una palette cromatica pensata per trasmettere dinamismo, energia e innovazione. Si doveva quindi prendere questi elementi e ricomporli in un design digitale coerente, senza tradirne il significato ma adattandoli alle logiche di fruizione, gerarchia e interazione proprie di un sito web.
Il target
Una seconda sfida era legata alla natura stessa del progetto: Innovarea si rivolgeva a interlocutori profondamente diversi tra loro: imprenditori alla ricerca di modelli concreti da applicare, ricercatori interessati al metodo e ai dati, enti istituzionali chiamati a valutare la credibilità dell’iniziativa da un lato e gli studenti dall’altro. Il sito doveva quindi restituire, con lo stesso linguaggio visivo, contenuti eterogenei per natura e finalità: la strategia del progetto, la community coinvolta, la testimonianza degli eventi organizzati presso le imprese partner. Organizzare questa pluralità di contenuti senza frammentare l’esperienza è stata una delle sfide più delicate del progetto.
Il contrasto
Infine, andava trovato un equilibrio tra due esigenze apparentemente in contrasto: da un lato lo stile minimalista definito dalla brand identity, in linea con i trend visivi contemporanei della comunicazione e del design; dall’altro la necessità di comunicare autorevolezza e competenza tecnico-scientifica, valori che rischiano facilmente di andare persi in un’interfaccia troppo essenziale o sbilanciata verso scelte progettuali orientate solo al significato dell’innovazione.
Il Processo Metodologico
Definire un processo metodologico significa dare una struttura chiara e ripetibile al lavoro di design, scomponendo il progetto 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, garantendo coerenza tra ricerca, contenuti e interfaccia finale.
Il processo
Il processo adottato per Innovarea è organizzato in due macro aree — Ricerca e Progettazione — a loro volta suddivise in quattro fasi e cinque step operativi, pensati per garantire uno sviluppo lineare del progetto.
La fase di Ricerca (Fase 1) ha permesso di raccogliere le informazioni necessarie a orientare le scelte successive, attraverso l’analisi dei competitor. La fase di Progettazione, più articolata, si sviluppa in tre momenti: la definizione delle dimensioni comunicativa e strutturale del progetto (Fase 2), la costruzione del layout attraverso i wireframe (Fase 3) e infine il design vero e proprio dell’interfaccia (Fase 4).
Ogni fase si basa su quanto definito in quella precedente, così che le scelte di progettazione e di interazione risultino sempre coerenti con gli obiettivi e i contenuti individuati precedentemente.
Ricerca
Fase 1
L’analisi esplorativa
Analisi esplorativa su alcune piattaforme di riferimento.
Progettazione
Fase 2
Le dimensioni del progetto
La tipologia di contenuto.
La funzione del contenuto.
Fase 3
Il layout
La rappresentazione della struttura.
Fase 4
Il Design
La declinazione dell’identità.
Fase 1
L’analisi esplorativa
Prima di iniziare la fase progettuale è importante capire cosa già esiste, se esistono prodotti digitali in contesti simili: costruire una base di conoscenza è importante, così che le scelte progettuali si fondino su evidenze concrete e non su semplici intuizioni. Esistono diversi tipi di analisi — competitiva, di settore, sugli utenti — e la scelta dipende dagli obiettivi che si vogliono raggiungere.
Analisi dei competitor
Step 1Innovarea non aveva competitor diretti, trattandosi di un progetto unico nel suo genere. Ho quindi scelto di condurre un’analisi su alcune tra le 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 a quelli di Innovarea, osservandone linguaggio visivo, organizzazione dei contenuti e tono di comunicazione.
Fase 2
Le dimensioni del progetto
Con queste dimensioni stabilisco su quali piani organizzare i contenuti del sito, prima ancora di occuparmi di layout o interfaccia. Definiscono momenti complementari che contribuiscono a definire l’architettura informativa del sito.
(La) Dimensione comunicativa
Step 2La dimensione comunicativa, che contribuisce a definire l’architettura informativa del sito, raggruppa i contenuti in base a cosa comunicano e ho individuate due aree:
Un Contenitore
Raccoglie tutti i contenuti dedicati a raccontare il progetto Innovarea — dalla home page alla sezione “Cos’è”, passando per eventi, focus tematici, il premio Campiello Impresa, newsletter, area privata e blog.
Due attori
Distingue i contenuti pensati per i due target principali del sito: le Imprese, con le loro testimonianze, e gli Studenti, con le interviste dedicate a loro.
La mappa di navigazione rende esplicita questa suddivisione, mostrando come le pagine sono distribuite tra Progetto, Imprese e Studenti.
(La) Dimensione strutturale
Step 3Anche la Dimensione Strutturale, così come la Dimensione Comunicativa, contribuisce alla definizione dell’architettura informativa del sito. Se la Dimensione Comunicativa raggruppa i contenuti in base a cosa comunicano, la Dimensione strutturale li identifica in base alla funzione che devono svolgere per l’utente.
Il punto di partenza sono stati i tre bisogni che doveva soddisfare il sito:
- Essere capace di raccontare il progetto e fornire materiale di supporto
- Essere in grado di veicolare stimoli su curiosità, novità, idee di business e tecnologia
- Essere pensato per favorire la partecipazione
Questi tre bisogni sono confluiti in due macro-aree strutturali del sito. La prima, Info/Vetrina, raccoglie tutti i contenuti che rispondono ai bisogni di racconto e supporto: le informazioni sul progetto, il racconto degli eventi, il materiale scaricabile e l’area riservata. La seconda, Trend e Blog, raggruppa invece i contenuti dedicati a curiosità, novità e partecipazione, corrispondenti alle sezioni Trend e Blog del sito.
Dalla mappa di navigazione si può capire come questa dimensione raggruppi sempre gli stessi contenuti (già utilizzati nella Dimensione Comunicativa) rileggendoli sotto una lente diversa: non più in base a “cosa raccontano”, ma in base a “quale bisogno soddisfano“. Mostra così come le medesime pagine — Cos’è, Eventi, Focus, Campiello Impresa, Newsletter e Area Privata da un lato, Trend e Blog dall’altro — assolvano 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: definisce dove posizionare ogni elemento e come organizzare lo spazio a disposizione. È il primo passo in cui quanto definito fino a questo punto del progetto — contenuti, aree, gerarchie — inizia a prendere sostanza e forma concreta.
Wireframe
Step 4Per definire il layout in maniera dettagliata ho scelto di lavorare con i wireframe, lo strumento che permette di tradurre le decisioni prese nelle fasi precedenti in una prima rappresentazione concreta delle pagine. Hanno reso evidente, per la prima volta nel progetto, 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 smette di essere solo organizzazione di contenuti e prende forma “visiva”: colori, tipografia, spazi ed elementi grafici diventano gli strumenti attraverso i quali il sito web si mostra concretamente all’utente.
UI Design
Step 5Lo UI design è quindi l’ultimo passo in cui l’insieme delle scelte grafiche che, partendo dalla brand identity di Innovarea, danno forma estetica al sito. Non si è trattato solo di applicare uno stile visivo coerente con l’identità del progetto, ma di tradurre ogni funzione dell’interfaccia in un elemento grafico riconoscibile e usabile: dai colori alla tipografia, fino ai singoli componenti, ogni scelta contribuisce a rendere immediatamente comprensibile come muoversi all’interno del sito.
La home
Le notizie
Modalità responsive
Lo slider
