• en

W&I02 |
Quasar Website Concept

Cosa significa realizzare una proposta di (re)design? L’obiettivo che si pone questa tipologia di progetto consiste nella rivisitazione completa del look and feel di un prodotto senza uno stravolgimento consistente delle idee di base su cui è fondato. Un percorso complesso in cui si ridefinisce, quindi, una linea guida maggiormente competitiva. Nel dettaglio il progetto prevedeva la definizione di precise linee guida, nonchè la formulazione di alcune proposte di  restyling, che potessero indirizzare il futuro re-design del sito web dell’Istituto Quasar.


Questo è il tema progettuale del Laboratorio di Comunicazione Multimediale del Corso di Web & Interaction | secondo anno. Un insegnamento integrato in cui convergono gli insegnamenti di User Experience, Progettazione Grafica per il Multimediale, Progettazione Web & Interfacce Utente e Linguaggi per il Web. Un processo di progettazione strutturata, in cui lo studente è sollecitato a sviluppare e connettere le diverse capacità sviluppate, applicandole nei diversi campi operativi. La prima fase dei lavori è relativa alla sessione di interviste semi-strutturate, somministrate alla Direzione ed ai membri dello Staff coinvolti nelle attività di orientamento, comunicazione ed ufficio stampa, tramite le quali è stato possibile evidenziare i valori, i principi e gli obiettivi cui la struttura intende riferirsi.

AAVV_DETTORI_REPORTFINALE_QUASARWEBSITECONCEPT-4

 

In seguito, si affronta l’analisi di dettaglio dell’attuale sito web dell’istituto, attività che ha consentito l’identificazione preliminare delle criticità per le quali sono state, poi, proposte possibili linee di intervento.

AAVV_DETTORI_REPORTFINALE_QUASARWEBSITECONCEPT-9

La seconda fase prevede lo studio organico degli strumenti, dei contenuti e dei vincoli che, coerentemente con i requisiti di business, consentono di formulare i primi suggerimenti di design per quanto riguarda la “interface design” e la “content strategy” ovvero la realizzazione dell’interfaccia utente e dei relativi contenuti.

AAVV_DETTORI_REPORTFINALE_QUASARWEBSITECONCEPT-12

L’ultima fase di analisi si riferisce alla stesura del “benchmark”. Definito generalmente come punto di riferimento per una misurazione, in questo caso si riferisce ad una ricerca orientata ad analizzare come altre istituzioni universitarie, o strutture equivalenti, promuovono le proprie attività e in che modo gestiscono i diversi contenuti, definendo così una linea più competitiva.

AAVV_DETTORI_REPORTFINALE_QUASARWEBSITECONCEPT-15

Terminata la fase di analisi, si realizza il “wireframe”: una bozza strutturale del sito, utile per consentire di individuare subito le dinamiche in termini di usabilità ed utilizzo pratico, i punti critici e quelli che richiedono uno sviluppo più accurato.

AAVV_DETTORI_REPORTFINALE_QUASARWEBSITECONCEPT-17

Definita la “user experience” complessiva, si prosegue con la realizzazione dell’interfaccia grafica che dovrà rispondere a tutti gli aspetti precedentemente analizzati al fine di avere un prodotto usabile e accattivante. La scelta dei font, dei colori, l’aggiunta dei vari dettagli e una grafica “cross-platform”, usabile sia da desktop che da mobile, delineano l’intero processo creativo in questa ultima fase di realizzazione.

SAUZZI_PAG_2

Il tutto viene quindi finalizzato in una presentazione multimediale che simula le dinamiche delle diverse proposte di design. A seguire una selezione delle realizzazioni degli studenti del corso di Web & Interaction.

STUDENTE: DANIELE SAUZZI

CONCEPT: Un visual design ispirato alle tendenze più recenti: grafica minimal, flat, colori pastello, font non graziati, risoluzione al 100%, forme diverse dal quadrato. Pur mantenendo semplice l’esperienza d’uso, l’interfaccia trasmette un idea di dinamicità attraverso animazioni, da mantenere contenute, e con l’introduzione di una componente ludica dell’interazione con il sistema.

STUDENTE: FABRIZIO JIMENEZ

CONCEPT: Una proposta caratterizzata da una griglia grafica ben definita, capace di dare stabilità ai contenuti e fornire una solida struttura al layout web. Un interfaccia caratterizzata da uno scroll orizzontale continuo, cui corrisponde una architettura dei contenuti basata su sezioni ben correlate, supportate da menu contestuali.

Materia progetto
Laboratorio di Comunicazione Multimediale, User Experience, Progettazione Web & Interfacce Utente, Linguaggi Web
Docenti progetto

Corso progetto
Coordinamento Progetto

Autori Progetto

  • Daniele Sauzzi
  • Fabrizio Jimenez
Scroll Inizio Pagina
× Whatsapp