Impara design online, con metodo e feedback da studio

Dal primo layout a un portfolio presentabile: progetti reali, revisioni e risultati misurabili.

Brief → Soluzione

Progetti guidati

Feedback concreto

Non solo bello

Portfolio pronto

Case study + mockup

340+ studenti 1200+ progetti completati

Progetti degli studenti

Fondamenta che cambiano i tuoi lavori

01

Griglie & spaziatura

  • Sistema 8pt per ritmo visivo costante
  • Allineamenti precisi che guidano lo sguardo
  • Margini e padding calcolati, non casuali
  • Gerarchia spaziale che comunica priorità
02

Tipografia & gerarchia

  • Coppie di font che funzionano insieme
  • Scale dimensionali con rapporti armonici
  • Leggibilità su ogni dispositivo
  • Contrasto tipografico che comunica
03

Colore & contrasto

  • Accessibilità WCAG per tutti gli utenti
  • Focus visivo su elementi interattivi
  • Armonie cromatiche coerenti
  • Palette limitata ma efficace

Metodo a 3 step

1

Capisci

Obiettivo, utente, vincoli del progetto

2

Costruisci

Layout, componenti e primi screen funzionali

3

Rifinisci

Gerarchia, micro-dettagli, presentazione finale

Percorsi formativi

Cosa impari

Griglie, tipografia, colore, layout responsivi

Esercizi guidati

3 layout prima/dopo, 1 poster tipografico

Progetto finale

Landing completa + 1 case study mini

Strumenti

Figma base, Google Fonts, mockup semplici

Cosa impari

Logo system, palette, regole di applicazione

Esercizi guidati

20 sketch logo, 3 direzioni, scelta finale

Progetto finale

Brand kit completo + 6 applicazioni reali

Strumenti

Figma/Illustrator opzionale

Cosa impari

Struttura, componenti, stati, accessibilità base

Esercizi guidati

Wireframe → UI → prototipo interattivo

Progetto finale

Mini product + UI kit completo

Strumenti

Figma components avanzati

Dentro una lezione

Ridisegniamo una landing: gerarchia + CTA

Wireframe e griglia

Passo 1: Struttura

Wireframe + griglia di base. Definiamo aree principali e flusso visivo prima di aggiungere dettagli.

Gerarchia tipografica

Passo 2: Gerarchia

Tipografia, spazi, contrasto. Ogni elemento ha il giusto peso visivo secondo priorità.

Rifinitura finale

Passo 3: Rifinitura

Micro-dettagli, stati componenti, export ottimizzato. Tutto pronto per la consegna.

Errori comuni da evitare

  • Troppi font o troppi pesi tipografici
  • CTA che compete visivamente col titolo
  • Spazi casuali senza sistema coerente
  • Contrasto insufficiente per leggibilità

Checklist di qualità

  • Gerarchia chiara in 5 secondi
  • Spaziatura coerente sistema 8pt
  • CTA evidente e unico focus primario
  • Allineamenti puliti su griglia
  • Contrasto leggibile WCAG AA

Ti serve poco per iniziare

Essenziali

  • Laptop con browser moderno
  • Figma account gratuito
  • 2 font complementari
  • 1 set di icone coerenti
  • Cartella organizzata per export

Opzionali

  • Tavoletta grafica per sketch
  • Plugin mockup per presentazioni
  • Stampante A4 se fai poster
  • Monitor calibrato colori
  • Abbonamento asset library

Feedback senza giudizio

FAQ

No, i percorsi base partono da zero. Serve solo motivazione e tempo per praticare con costanza.
Minimo 5-7 ore settimanali tra lezioni, esercizi e progetto personale. Più pratichi, più velocemente migliori.
Annotazioni visuali sui tuoi file con punti specifici da migliorare. Focus su gerarchia, spaziatura, leggibilità.
Sì, Figma è lo strumento principale. Per branding puoi usare anche Illustrator, ma non è obbligatorio.
Con impegno costante, in 3-4 mesi hai 3-4 progetti completi da mostrare. Dipende dal tempo che dedichi.

Orientamento gratuito

Ti aiutiamo a scegliere il percorso giusto e un piano di pratica realistico.

  • Obiettivo e livello attuale
  • Tempo settimanale disponibile
  • Primo progetto consigliato