← Tutte le pillolePrimi passi · 1 Nov 2026Base

Portfolio da design engineer: cosa metterci in 6 parti

Cosa mettere nel primo portfolio da design engineer nel 2026: gusto, lavori online e prototipi in codice. Una struttura in sei parti, con esempi veri.

Copertina: su fondo chiaro la scritta What to put in your portfolio e a destra l'illustrazione di una semplice pagina portfolio con tre riquadri di progetti colorati, un cursore e un pulsante play. Illustrazione realizzata per l'articolo originale
Copertina: su fondo chiaro la scritta What to put in your portfolio e a destra l'illustrazione di una semplice pagina portfolio con tre riquadri di progetti colorati, un cursore e un pulsante play. Illustrazione realizzata per l'articolo originale

Nel 2026 chi assume guarda tre cose in un portfolio da design engineer: gusto, la prova che porti un lavoro fino in fondo e prototipi in codice vero. Non servono venti progetti. Con questa struttura in sei parti puoi rifare la home del tuo portfolio in un pomeriggio.

È per te se sai progettare e scrivi anche un po' di codice. Se il termine ti è nuovo, parti da cos'è un design engineer.

Cosa cercano oggi i team

La designer Ioana Teleanu ha letto gli annunci di lavoro di aziende come Anthropic, Vercel, Cursor, Linear, Stripe e Notion. Il suo articolo su Bootcamp si riassume in una riga: cercano qualcuno che abbia gusto e che sappia consegnare. Prototipare in codice è spesso un requisito centrale, non un extra. E le aziende passano da "fammi vedere il processo" a "fammi vedere la cosa".

Come Vercel descrive il ruolo dei design engineer: senso estetico più competenze tecniche. Schermata del post Design Engineering at Vercel, dal blog di Vercel
Come Vercel descrive il ruolo dei design engineer: senso estetico più competenze tecniche. Schermata del post Design Engineering at Vercel, dal blog di Vercel

Il team di Vercel, in Design Engineering at Vercel, scrive che i design engineer uniscono senso estetico e competenze tecniche, così progettano, costruiscono e rilasciano una soluzione in autonomia. Alcune idee, come animazioni, comandi da tastiera e touch, si prototipano meglio in codice che in un file di design.

Geronimo Ramos, che ha fatto colloqui a centinaia di designer, in How I'd Break Into UX/UI Design Now aggiunge: i team cercano giudizio, non solo risultati. Il portfolio deve mostrare come ragioni.

Quindi il tuo portfolio deve dimostrare quattro cose:

  • Gusto: sai distinguere il buono dal medio, e il tuo sito lo fa vedere.
  • Sai consegnare: i lavori sono online, non solo in un file di design.
  • Prototipi in codice: animazioni, stati e interazioni costruiti davvero.
  • Ragioni con chiarezza: sai spiegare ogni scelta.

1. Una frase che dice cosa fai

Cos'è: la parte alta della home. Il tuo nome, una o due frasi semplici e due o tre pulsanti.

Perché serve: in pochi secondi uno sconosciuto deve capire cosa fai. Se non lo capisce, non scorre.

Come si fa: scrivi la frase come la diresti a un amico. "Progetto siti e poi li costruisco io" batte qualsiasi slogan. Niente lista di strumenti, niente "creativo appassionato". Su alekdob.com le prime righe dicono che Alek progetta e costruisce prodotti digitali completi con l'AI, partendo dal design. Sotto ci sono solo tre pulsanti: contatti, progetti, CV.

La parte alta del portfolio di Alek: il nome, una frase su cosa fa e tre pulsanti. Schermata del sito alekdob.com
La parte alta del portfolio di Alek: il nome, una frase su cosa fa e tre pulsanti. Schermata del sito alekdob.com

2. Tre cose in cui sei bravo

Cos'è: una sezione con tre card, una per area.

Perché serve: tre si legge in fretta e ti costringe a scegliere.

Come si fa: una card per il design, una per la costruzione, una per quello che ti rende diverso. Quattro righe brevi sotto ognuna. Sul sito di Alek la sezione si chiama "Design first, code right after." e copre design e interfacce, animazione e interazione, prodotti completi con l'AI.

Tre aree, quattro righe brevi ciascuna: si legge in pochi secondi. Schermata della sezione competenze di alekdob.com
Tre aree, quattro righe brevi ciascuna: si legge in pochi secondi. Schermata della sezione competenze di alekdob.com

3. Da tre a cinque progetti veri

Cos'è: il cuore del portfolio. Ogni progetto ha un nome chiaro, un'etichetta su cosa hai fatto e, quando puoi, il link alla versione online.

Perché serve: venti idee lasciate a metà nascondono le tue tre migliori.

Come si fa: scegli i migliori e lascia perdere il resto. Julien Pianetti, designer indipendente in Francia che sviluppa anche in Webflow, su julienpianetti.com mostra immagini grandi e sotto solo nome e ruolo, per esempio UX/UI Design o Motion design.

Immagini grandi e, sotto ogni progetto, solo il nome e il ruolo. Portfolio di Julien Pianetti, schermata del sito julienpianetti.com
Immagini grandi e, sotto ogni progetto, solo il nome e il ruolo. Portfolio di Julien Pianetti, schermata del sito julienpianetti.com

Se hai tanti lavori, anche un elenco funziona. Play Grounds Studio li mostra in lista: progetto, tag, anno, città e stato, compresi quelli ancora in corso.

Anche un elenco funziona: progetto, tag, anno, città e stato. Portfolio di Play Grounds Studio, schermata del sito play-grounds.studio
Anche un elenco funziona: progetto, tag, anno, città e stato. Portfolio di Play Grounds Studio, schermata del sito play-grounds.studio

Niente clienti ancora? Costruisci qualcosa di vero per un amico, un negozio del quartiere o te stesso, e mettilo online. Un piccolo progetto funzionante batte un grande concept che esiste solo in immagine.

4. Un playground per piccoli esperimenti

Cos'è: una pagina di piccoli pezzi in codice: un'animazione, un menu, un effetto al passaggio del mouse, una schermata di caricamento.

Perché serve: quasi tutti i primi portfolio lo dimenticano, ed è la prova più diretta che prototipi in codice.

Come si fa: cinque esperimenti, ognuno con una breve clip e un link per provarlo dal vivo. Julien ha una pagina Playground con pezzi come Hover list, Jazz menu e Loading. Un pezzo nuovo al mese basta per tenerla viva.

Una pagina playground per i piccoli esperimenti. Portfolio di Julien Pianetti, schermata della pagina Playground di julienpianetti.com
Una pagina playground per i piccoli esperimenti. Portfolio di Julien Pianetti, schermata della pagina Playground di julienpianetti.com

5. Due o tre note su come ragioni

Cos'è: brevi testi su cosa hai costruito, cosa è andato storto e cosa cambieresti.

Perché serve: scrivere è il modo più semplice per mostrare giudizio. Dice più di un lungo "chi sono".

Come si fa: prendi i progetti del portfolio e in ogni nota spiega una sola decisione. Non serve scrivere ogni settimana. Sul sito di Alek la sezione "Stream" elenca gli ultimi articoli con argomento e data.

Un breve elenco di note recenti mostra come ragioni. Schermata della sezione Stream di alekdob.com
Un breve elenco di note recenti mostra come ragioni. Schermata della sezione Stream di alekdob.com

6. Un modo facile per salutarti

Cos'è: un solo contatto chiaro, più due o tre link.

Perché serve: se a chi assume piace il tuo lavoro, non deve mettersi a cercarti.

Come si fa: un'email e, per esempio, LinkedIn, GitHub e il posto dove scrivi. Alek ha un pulsante per l'email più LinkedIn, GitHub e Medium.


Dentro ogni pagina progetto

Tienila breve, in quest'ordine:

  1. Il problema, in una o due frasi.
  2. Il tuo ruolo: cosa hai progettato, cosa hai costruito, con chi hai lavorato.
  3. Due o tre decisioni chiave, ognuna con un'immagine e una riga sul perché.
  4. La cosa vera: un link online, un video o un prototipo da provare.
  5. Cosa cambieresti la prossima volta: Geronimo consiglia di mostrare dove hai sbagliato e cambiato strada, perché fa vedere il tuo giudizio.

Se puoi, metti almeno una cosa in movimento. Una clip di un'interazione dice "l'ho costruito io" più in fretta di qualsiasi paragrafo.

Pronto da copiare

Incolla questo in Claude o ChatGPT, seguito dal testo della tua home:

Pronto da copiare

Sei una persona che assume design engineer. Leggi il mio portfolio qui sotto e giudicalo su quattro punti: gusto, lavori online, prototipi in codice, chiarezza delle scelte. Per ogni punto dammi un voto da 1 a 5 e una sola correzione concreta. Poi riscrivi la frase in alto in tre versioni, ognuna sotto le 15 parole, senza slogan e senza elenchi di strumenti. Dimmi quali progetti toglieresti e perché, e quale esperimento manca nel playground. Sii diretto: preferisco una critica utile a un complimento. Il mio portfolio: (incolla qui il testo)

Prova piccola

Dedica 10 minuti alla sola frase in alto. Falla leggere per cinque secondi a qualcuno che non ti conosce, poi chiedi: "Cosa faccio?". Se ripete la tua idea con parole sue, hai finito. Se esita, riscrivila con le versioni del prompt.

Attenzione a

  • È la frontiera, non tutto il mercato: Teleanu lo dice chiaro, tante aziende assumono ancora alla vecchia maniera.
  • Liste di strumenti e conto degli anni: nelle aziende che ha studiato contano poco. Cita Vercel: profondità e qualità dell'esperienza contano più degli anni.
  • File di design senza versione online: se l'hai costruito, metti il link. Se no, scrivi che è un concept.
  • Lavori di altri senza credito: se hai rifatto qualcosa che hai visto, di' da dove arriva.

Il passo di oggi: sistema la frase in alto prima di toccare qualsiasi altra cosa. Per le idee del playground, Alek sta costruendo MagpUI, una galleria di animazioni, componenti e template di bravi designer, ognuno con il prompt per farlo ricostruire al tuo agente AI e il link all'autore. Come usarla lo trovi in questa pillola.

Questo articolo nasce da un pezzo che Alek ha pubblicato in inglese su Medium.


In breve: Un buon primo portfolio è una frase chiara, pochi progetti veri e online, qualche esperimento in codice e due righe su come hai ragionato.

Newsletter

L'AI che funziona davvero, nella tua casella.

Le nuove pillole, gli strumenti che usiamo e quello che impariamo sui progetti. Poche mail, solo quando c’è qualcosa di utile.

Niente spam. Ti cancelli con un clic.