Obiettivo del corso è formare web designer in grado di lavorare alla progettazione e realizzazione di siti web e app personalizzati, concepiti sulla base dei bisogni degli utenti.
Alla fine del corso i partecipanti sapranno come:
Strumenti utilizzati: WordPress, Figma, HTML/CSS, Deploy
Referente Federica Cangemi
Gratuito
|
In questo modulo introduttivo si esplorerà la differenza tra UX e UI Design.
I competitor sono la chiave di volta per poter delineare i passaggi di un progetto UX: capiremo come si effettua un’analisi di mercato completa di analisi dei competitor, per individuare la Unique Selling Proposition del prodotto o servizio del cliente e comprendere come trasmettere al meglio il suo valore.
In questo modulo verrà simulata l’esperienza utente. Una volta individuato l’utente target, capiremo come questi utilizzerà il sito web, l’app etc. Verranno creati dei flussi che mostreranno dove l’utente potrebbe trovare degli attriti e come eventualmente risolverli per poter rendere, quanto più possibile, fluida la sua navigazione all’interno del progetto.
Scopriremo insieme com funziona il CMS più diffuso al mondo. Impareremo ad utilizzare Wordpress per creare siti vetrina e blog accattivanti. Una volta scoperto WordPress sfrutteremo gli strumenti di personalizzazione e brandizzazione per creare una landing page efficace, utilizzando i corretti plugin per integrare funzionalità utili al sito.
In questo modulo impareremo ad effettuare correttamente il passaggio del progetto online, tramite software client FTP. Scopriremo anche come effettuare il rilascio di un sito web sviluppato in WordPress su un server pubblico.
In questo modulo esploreremo i principi di basic design e faremo un’introduzione su formati e device di navigazione.
Impareremo come creare moodboard evocative, come scegliere il giusto font e la giusta palette colori, come “impaginare” i contenuti e come definire gli elementi interattivi. Inoltre, conosceremo i principali design system attualmente disponibili sul mercato come ad esempio quello di Apple, Google e Microsoft. Dedicheremo questa giornata allo tudio del concetto di accessibilità e a come costruire e usare principi e buone pratiche Atomic Design & Design System.
In questo modulo introdurremo gli studenti all’utilizzo di HTML/CSS. Scopriremo come pubblicare in poche ore il proprio primo sito online imparando le basi di HTML e CSS, imparando le basi della programmazione. Impareremo ad applicare i principi base di web design e utilizzare gli strumenti corretti. Dedicheremo questa giornata ad una esercitazione finale per verificare che gli studenti abbiano appreso le basi dell’utilizzo di HTML/CSS.
La prototipazione è una parte fondamentale nella progettazione della User Experience: in questo modulo impareremo a usare Figma per creare una composizione prototipo. Approfondiremo strumenti come UI pattern, colore e branding, gradienti e sfondi, tracciati e forme, tipografia e accessibilità etc. Scenderemo nei dettagli studiando i vari componenti di Figma per creare grid, form responsive, uno stile personalizzato.
Verificheremo l’usabilità del progetto attraverso A/B test che metteranno in luce gli errori e i punti di attrito, al fine di correggerli andando a migliorare il progetto, prima della fase di implementazione.