Web design

Il corso di Web Design affronta le molteplici opportunità della comunicazione visiva nel campo del design digitale. La quotidianità è caratterizzata da una presenza online sempre più pervasiva, passando con fluidità da una pagina web a una app, da pc a smartphone, da smart tv a smart watch. Per questo oggi ai/alle professionisti/e delle arti visive e della comunicazione è richiesta una solida conoscenza della progettazione digitale, fondata su usabilità, accessibilità e una corretta esperienza utente.

Elaborato finale e modalità di esame

Il progetto d’esame prevede la realizzazione di un web magazine (piattaforma digitale editoriale) e della sua identità visiva, funzionale al progetto della Scuola di Nuove Tecnologie dell’Arte ”404 – human not found”.

La piattaforma dovrà essere completamente prototipata nelle versioni desktop, tablet e smartphone e dovrà essere accompagnata da proposte di promozione su supporti digitali (visual per i social e altri formati web). Saranno oggetto di valutazione il lavoro progettuale (le fasi di ricerca e lo studio), così come le modalità di presentazione e di esposizione.

Si valuteranno l’originalità nell’elaborazione del brief, l’applicazione dei concetti teorici e la versatilità nei vari supporti, nonché l’esposizione di uno dei saggi presenti nella bibliografia.

Obiettivi formativi

Il corso teorico/pratico ha l’obiettivo di formare professionalità in grado di realizzare progetti di design multipiattaforma, competitivi con l’attuale panorama della comunicazione. A tal proposito il corso punta ad analizzare le nozioni di progettazione multimediale e di interaction design di livello base e intermedio, traducendole nella pratica progettuale grazie all’apprendimento della web app Figma.

Si affronteranno nel dettaglio il campo della User Experience (UX), della User Interface (UI) e dei nuovi approcci orientati alla Human Experience (HX). Attraverso lo studio e l’applicazione del Design System, il corso intende fornire le basi utili a svilupperanno progetti di design versatili e con la corretta coerenza visiva, che restituiscano all’utente una “brand experience” familiare e coinvolgente.

Contenuti del corso

I MODULO (36 ore)

  • Introduzione al design digitale
  • User Experience: progettare l’esperienza utente
  • User Interface: progettare l’interfaccia utente
  • Tipografia per spazi digitali
  • Colore, accessibilità e progettazione inclusiva
  • Layout digitale: composizione visiva per spazi digitali

II MODULO (24 ore)

  • Introduzione allo storytelling digitale
  • Web magazine: progettare lo spazio editoriale digitale
  • Architettura dell’informazione del web magazine
  • Interfaccia utente per l’editoria digitale

III MODULO (15 ore)

  • Progettazione cross-mediale, dal web ai social
  • Analisi casi studi / visione di documentari e film
  • Laboratorio e revisioni

È possibile effettuare revisioni durante ogni lezione laboratoriale, contestualmente ai brief consegnati e al progetto d’esame. Terminato l’anno accademico – e in vista della sessione autunnale e invernale – è possibile svolgere revisioni via mail (PEO), altri mezzi di comunicazione non saranno ritenuti validi.
Al fine di sostenere l’esame di profitto finale, lo studente/la studentessa deve effettuare almeno 2 revisioni del proprio progetto.

Testi consigliati

Saggi

  • Matteo Di Pasquale, Manuale di sopravvivenza per UX designer, Hoepli, 2023
  • Steve Krug, Don’t make me think, Tecniche Nuove, 2014
  • Luca Rosati, Architettura dell’informazione, Apogeo, 2018

Cataloghi

  • Cath Caldwell, Editorial design: digital and print, Laurence King Pub, 2024

Siti

Materiale didattico, tecniche e tecnologie usate
  • Figma (web app, accesso alle funzioni premium gratis con iscrizione a Figma Education tramite mail istituzionale)
  • Adobe Illustrator (progettazione digitale a supporto di Figma)