Metti in mostra le tue abilità: come creare un portfolio

Pubblicato: 2022-03-11

L'obiettivo di un designer è conquistare il prossimo lavoro con il proprio portfolio. Tuttavia, la maggior parte non riesce a crearne uno che intrighi, coinvolga e venda efficacemente il designer. Seguendo i consigli e le migliori pratiche dei professionisti del settore, i designer possono creare un portfolio ideale che mostri perfettamente il loro talento e le loro abilità.

Un portfolio di design deve stupire e avere un impatto. Purtroppo, solo pochi riescono. Un designer può essere altamente qualificato e di talento, ma se la presentazione è deludente, porterà a uno sbadiglio invece di un wow e i clienti faranno clic sul prossimo portfolio.

I portfolio di design devono concentrarsi su un obiettivo: vendere il designer . L'opportunità di impressionare, trasmettere un marchio personale avvincente ed esibire lo stile unico del designer può durare solo pochi secondi.

Troppo spesso, molti portfolio di design deludono perché sono poco interessanti, fuorvianti e indecifrabili. O non sono abbastanza approfonditi o troppo confusi ed eccessivamente complicati. Potrebbero mancare di informazioni cruciali, non trasmettere un marchio personale o non comunicare obiettivi professionali, tutto ciò riduce le possibilità di essere assunto.

Un esempio di un buon layout di portfolio di design in un portfolio di designer UX.
Un portfolio di design deve impressionare ed eccitare rapidamente per ottenere il lavoro successivo al designer.

Un portfolio di design non è un archivio online di progetti passati. Non si tratta di vantarsi o ostentare progetti precedenti. Non è per altri designer. Deve essere una proposta di valore mirata e convincente costruita per catturare un potenziale cliente. Un portfolio di design ben congegnato dovrebbe mostrare le capacità strategiche di risoluzione dei problemi di un designer e la comprensione di come il design fornisce valore .

I clienti vogliono un lavoro di design che si distingua. Stanno cercando un lavoro unico, eccezionale e innovativo che risolva le sfide aziendali e faccia la differenza sul mercato. Pertanto, per trasmettere il livello di abilità del designer e la qualità del prodotto che i clienti riceveranno, è fondamentale pianificare strategicamente un portafoglio e considerare attentamente ogni dettaglio.

Per formulare il modo migliore per costruire un portfolio di design ideale, ho riflettuto sulla mia esperienza, ricercato gli standard del settore e le migliori pratiche e ho parlato con molti degli esperti di design di Toptal che esaminano dozzine di portfolio di design ogni giorno.

L'obiettivo principale di un portfolio di design è quello di ottenere un lavoro per il designer. Esperto di talento di design Toptal

Un tweet su come creare un portfolio. Un buon portfolio non è solo una raccolta di cose che hai realizzato.

Indirizzare il pubblico desiderato

I designer devono considerare attentamente a chi si rivolgono con il loro portfolio. Una meticolosa preparazione darà risultati positivi. Indipendentemente dal tipo di designer (grafico, marchio, visivo, UI, UX, prodotto), il portfolio deve considerare quanto segue:

  • Qual è il pubblico che il designer sta cercando di coinvolgere?
  • Come costruire al meglio il portfolio per impressionare il pubblico?
  • Che tipo di lavoro è interessato a fare il designer?

In genere, tre tipi di persone esaminano i portafogli di design: clienti, reclutatori e design manager. Il modo intelligente per creare un portfolio che soddisfi tutti e tre è quello di stratificare il contenuto in un modo che soddisfi tutti e tre i tipi, specialmente con intricati portfolio UX/UI/designer di prodotti.

Pensare in dimensioni, creare un portfolio sarebbe simile alla divulgazione progressiva nell'interaction design. Il primo livello, rivolto ai reclutatori, sarebbe progettato per una scansione rapida, mostrando il lavoro migliore, in primo piano e al centro. Il secondo livello verrebbe creato per i clienti. Andrebbe un po' più in profondità, ma consentirebbe comunque una scansione rapida. Il terzo livello si rivolgerebbe ai responsabili del design e ai responsabili del design. Nel caso di UX/UI/progettisti, questa dimensione finale conterrebbe studi di casi dettagliati.

App per eventi: modifica delle interazioni della data. Le animazioni dell'interfaccia utente dovrebbero far parte di un portfolio di progettazione dell'interfaccia utente.
L'animazione accattivante in un portfolio di design attirerà l'attenzione. (Animazione dell'interfaccia utente di Tubik)

I tre tipi di visitatori:

  • I reclutatori tendono a sfogliare e scansionare i portafogli di design. Passano tre minuti o meno sul portfolio di un candidato. Stanno cercando contenuti visivi ricchi e lavori di progettazione di grande impatto con brevi descrizioni dei progetti per il contesto.
  • I clienti vogliono vedere design raffinati e di alta qualità. Se coinvolti, trascorreranno 3-5 minuti a rivedere un portfolio. Vogliono sapere come il designer porterà valore alla loro attività. La presentazione di metodi di progettazione basati sul valore, insieme alle competenze trasversali, farà molto. Un portfolio vincente dimostra un lavoro eccellente e la capacità di presentare processi, strategie e vari stili di progettazione.
  • I design manager vogliono approfondire i progetti e sono interessati ai dettagli. La maggior parte di loro trascorrerà 5-10 minuti per rivedere un portfolio di design, alcuni più di 10 minuti. Nel campo della UX, gli piace vedere i processi di risoluzione dei problemi e il design thinking attraverso casi di studio. Anche i manager sono alla ricerca di competenze trasversali. In un portfolio di progettazione UI/visual/web/interaction, gli piace vedere design reattivi, micro animazioni o procedure dettagliate video. La presentazione di un prodotto in movimento fa molto.

I clienti guardano i portafogli dal loro punto di vista, per raggiungere i loro obiettivi. Esperto di talento di design Toptal

L'apertura con una breve introduzione è una delle migliori pratiche su come creare un portfolio con un'ottima UX.
Semplificando con una breve introduzione. (Sadok Cervantes)

Ottenere la struttura del portafoglio di progettazione corretta

Con solo pochi minuti a disposizione per ogni portafoglio, i clienti si aspettano di vedere contenuti ben strutturati con un layout specifico per facilitare il loro processo di valutazione. Alcuni designer potrebbero decidere di andare controcorrente, volendo essere diversi, ma lo fanno a loro rischio e pericolo. Una volta che un cliente ha avuto un'impressione negativa (manca qualcosa, il portafoglio è troppo bizzarro, la navigazione è ingombrante), è difficile convincerli a continuare a rivedere il portafoglio.

È un intricato atto di equilibrio. I designer devono raccontare una storia tenendo presente il loro pubblico, comunicando chi sono e il tipo di lavoro che stanno cercando. Un grafico, ad esempio, ha bisogno di stupire e impressionare rapidamente. Nel loro caso, una vetrina visiva ad alto impatto potrebbe funzionare meglio. D'altra parte, un designer UX deve considerare come costruire il proprio portfolio per consentire studi di casi di progetto approfonditi.

Creare una prima impressione forte è fondamentale per creare un portfolio.

Contenuto e layout del portfolio

Per iniziare, comunica il tuo marchio personale per invogliare i clienti a voler lavorare con te . Mostra la tua sensibilità progettuale. L'aspetto grafico del sito dovrebbe riflettere qualcosa di unico su di te. Le aziende tendono anche a valutare l'idoneità culturale per i loro team. Apri con una breve introduzione, cosa fai, dove risiede la tua passione e una breve descrizione della tua esperienza. Una foto del profilo non è un requisito, ma aiuta a stabilire una connessione personale.

Successivamente, mostra una galleria di progetti con "immagini di copertina", ovvero schede che mostrano i tuoi progetti (sito web, schermo mobile) con una breve descrizione. Queste immagini devono essere accattivanti per catturare l'attenzione dei clienti e far loro desiderare di vedere di più. Tuttavia, imposta le aspettative correttamente: cosa vedranno le persone se fanno clic su quel progetto? Utilizza nuovamente l'approccio della "divulgazione progressiva" e applicalo alla presentazione dei tuoi progetti e casi di studio.

Se sei un grafico/brand designer , le immagini di copertina possono portare i visitatori a pagine di progetto dedicate dove verrebbero mostrate immagini più grandi e ad alta fedeltà con maggiori dettagli sul progetto. Se sei un designer di UX/UI/prodotto, accompagna le persone nel tuo processo di progettazione. Mostra gli artefatti dell'esperienza utente e le iterazioni di progettazione in un formato di case study.

Un tweet su come costruire un portfolio che attiri e coinvolga.

Nelle pagine del progetto , assicurati di includere:

  • Una breve descrizione del progetto, del problema che è stato risolto e del tuo ruolo (es. branding, mobile design, web design, UX/UI design, UX research, user testing).
  • Qual era la roadmap del prodotto? Quali erano i risultati?
  • Hai progettato il prodotto da zero o sei saltato nel bel mezzo di un progetto?
  • Hai lavorato in un team di progettazione? Come hai collaborato?
  • Mostra i risultati, quantitativi o qualitativi. Evidenzia risultati come aumento delle entrate, fidelizzazione e conversioni.
  • Fornire insegnamenti chiave. In che modo lavorare a questo progetto ti ha fatto crescere come designer?
Mostrare i progetti di design sulle schede è uno dei suggerimenti su come migliorare un sito portfolio.
La galleria del progetto dovrebbe essere visivamente abbastanza allettante da consentire ai visitatori di volerne vedere di più. (Gabe Cagara)

Una pagina Informazioni separata che descrive in dettaglio il tipo di designer che sei, eventuali specializzazioni e il tipo di lavoro che stai cercando è tipico. La pagina Informazioni non riguarda i tuoi hobby, le tue affiliazioni religiose o che ti piace cucinare. Mantienilo professionale.

Un elenco di competenze e strumenti preferiti può aiutare i clienti e i team di progettazione a trovare designer che utilizzano strumenti specifici (Sketch, Figma, Adobe XD, ecc.). Inoltre, non dimenticare un collegamento al tuo profilo LinkedIn, articoli medi e altri siti di design in cui sei presente (Dribbble, Behance).

Volevano designer di interfaccia utente freelance a tempo pieno con sede negli Stati Uniti

Cosa includere in un portfolio di design

  • Mostra il lavoro migliore, non tutto il lavoro. Sii selettivo su cosa mostrare e perché: le persone hanno tempi di attenzione limitati.
  • Considera di mostrare alcune delle idee che non hanno funzionato e perché. Quali direzioni hai esplorato ma non hai preso? Insieme ai manufatti di design, racconta una storia e delinea come hai affrontato la sfida.
  • Cerca di mostrare le tue abilità trasversali. Alcune diapositive di una presentazione di design (una revisione del design, un piano strategico) assemblate in un collage funzionano bene. Indipendentemente dalla situazione, lavorando in remoto o in loco, la capacità di comunicare le logiche ei concetti di progettazione è fondamentale.
  • Parla delle metodologie di progettazione e delle competenze specifiche che hai utilizzato nel tuo lavoro.
  • Includi prototipi interattivi, micro animazioni, progetti in movimento , non solo progetti statici. I clienti si divertono a vedere video o animazioni GIF di prodotti in azione.
Una vetrina animata del progetto di design è altamente raccomandata come best practice per i portafogli di web design.
Il portfolio del designer Toptal Mauricio Tonon include una chiara descrizione del progetto per il contesto, il suo ruolo, le abilità e gli strumenti utilizzati, nonché una vetrina animata del progetto.

Cosa non includere in un portfolio di design

  • Non includere lavori vecchi e obsoleti. Tutto ciò che ha più di cinque anni nel campo del design grafico/marca/visiva/interfaccia utente sembra arcaico. La professione di designer è dinamica. I clienti sono alla ricerca di lavori freschi e recenti in linea con gli stili moderni contemporanei.
  • Non mostrare troppe immagini e soprattutto evita quelle pixelate a bassa risoluzione. Una cattiva immagine risalterà più di una buona immagine, non lascerà un'impressione positiva.
  • Evita i progetti protetti da password. La maggior parte dei visitatori non ha il tempo di contattare, chiedere una password e tornare al portfolio. Erige un muro mentre le persone sfogliano un portfolio, impedendo l'UX. Invece, mostra un design accattivante con un link per "contattarti per maggiori dettagli". I progetti riservati possono essere condivisi durante un colloquio.
Un consiglio importante per il portfolio di design: non avere pagine protette da password.
È meglio evitare le pagine protette da password su un sito portfolio. Sono ostacoli per fornire una buona esperienza utente.

Suggerimenti e best practice per il portfolio di progettazione

  • Avvicinati alla creazione del tuo portafoglio in modo strategico. Ottieni il contenuto, la struttura e il layout corretti. Pensa a cosa includere, cosa non includere. Il numero ideale di progetti è 4-6. Mantieni tutto semplice, pulito e facile da scansionare.
  • Non essere timido, sii audace. I clienti devono capire chi sei e la tua specialità in pochi secondi, creando storie visive uniche che si distinguano.
  • Inizia il portfolio con una breve introduzione. Elenca la tua esperienza, i risultati chiave e le abilità.
  • Mostra e racconta. Le persone sono per lo più visive. Sii conciso con le descrizioni. Meno persone devono leggere, meglio è.
  • Conosci i tuoi punti di forza e personalizza la presentazione per concentrarti sul tipo di lavoro che desideri. Se si tratta di un lavoro di progettazione visiva/interfaccia utente, presenta il tuo lavoro principalmente come quello. Se si tratta di UX design, presenta progetti UX. Non mescolare troppo le discipline perché indebolisce il portafoglio e confonde i clienti. Astenersi dal presentarsi come un "tuttofare".
  • Mostra prima i tuoi casi di studio più rigorosi. La maggior parte dei reclutatori e dei clienti non esaminerà tutti i casi di studio.
  • Se sei un designer di prodotti , mostra 2-3 casi di studio ma varia la presentazione. Presenta un mix di lavoro sulla strategia del prodotto insieme a UX/UI/design visivo.
  • Non dare per scontato che nulla sia ovvio per le persone. Fornire chiarezza e peccare per eccesso di comunicazione.
  • Avere un buon titolo descrittivo del progetto e del tuo ruolo. Ad esempio, "Progettazione UX della piattaforma SaaS aziendale per una startup fintech". Indicherà rapidamente di cosa trattava il progetto e il tuo ruolo.
L'illustratrice assunta da Slack mostra il suo processo di progettazione attraverso un case study.
Gli illustratori possono anche utilizzare casi di studio per dimostrare il loro processo. (Progetto di illustrazione Slack di Alice Lee)
  • Dimostra che sei in grado di gestire un progetto dall'inizio alla fine o salta nel bel mezzo di un progetto e inizia a correre.
  • Mostra diversi progetti in vari mezzi per un pubblico diverso per dimostrare flessibilità. I clienti cercano designer in grado di "progettare quasi tutto".
  • Se sei un web designer, fornisci l'URL del sito (se non è cambiato da quando ci hai lavorato). I clienti preferiscono guardare i siti Web finali e live rispetto agli screenshot statici.
  • Nella pagina del progetto, mostra prima i progetti finiti e fornisci brevemente il contesto. Quindi, approfondisci il processo di progettazione.
  • Fornisci informazioni e risultati chiave alla fine di ogni progetto e come il tuo coinvolgimento li ha resi possibili.
  • Se inizi come designer e non ci sono abbastanza progetti da mostrare, fai un esercizio di design. Ad esempio, riprogetta il sito Web o l'app di un marchio famoso.
  • Ottimizza il portfolio per i motori di ricerca. Ti renderà più individuabile. Usa "tag alt immagine" per descrivere le immagini. Questi tag forniscono il contesto dell'immagine ai crawler dei motori di ricerca.
  • Ottieni un feedback professionale sul tuo portfolio da un design manager o da un recruiter.
  • Chiedi a un amico madrelingua inglese di rivedere il tuo portfolio per un inglese corretto.
  • Rendi il sito facile da navigare e rendilo mobile friendly (reattivo).
È meglio mostrare un sito web in azione: una raccomandazione su come costruire un portfolio per i web designer.
I progetti di design in movimento sono sempre coinvolgenti e aiuteranno a far risaltare i designer. (Zhenya Rynzuk)

Suggerimenti per il portfolio di design per UX / Product Designer

Poiché la maggior parte degli artefatti e dei risultati finali generati durante il processo di progettazione dell'esperienza utente tende a non essere visivamente eccitante, i designer di prodotti e UX hanno sempre lottato per creare un portfolio che comunichi efficacemente il loro talento e le loro abilità. Ma c'è un modo per farlo funzionare.

I collage e i trattamenti a due tonalità sono due tecniche che possono essere utilizzate su artefatti UX, ad esempio. Distribuisci elementi visivi di rapido impatto che comunicano la giusta quantità di informazioni mentre rimani concentrato sulla dimostrazione del tuo processo di progettazione.

Fornisci tesi e motivazioni di progettazione per spiegare perché hai fatto quello che hai fatto . Presenta gli insegnamenti chiave raccolti lungo il percorso e il modo in cui le tue decisioni di progettazione hanno influito su risultati specifici. Parla di come il tuo pensiero critico ha scoperto i comportamenti, le motivazioni e le esigenze degli utenti. Ciò fornirà ai clienti una migliore comprensione del processo di ideazione del prodotto, dell'approccio e della strategia.

Mentre le persone scansionano il tuo portfolio, chiarisci quali aspetti dell'UX ci sono nella tua timoneria . Ti occupi di visual design o UI design? Fai ricerche sulla UX? Qual è stato il tuo ruolo in un determinato progetto? Descrivi come è stato risolto il problema e come sei arrivato alla soluzione, ma sii breve.

I designer UX devono pensare al proprio portfolio come a un progetto di design incentrato sull'utente . Rendilo facile da usare. Pensa a cosa cercano i clienti. Dimostra di sapere come aggirare l'intero ciclo di vita della UX.

L'uso di collage di artefatti UX aiuterà a creare un ottimo portfolio di design UX.
Gli artefatti della UX possono essere fatti per avere un bell'aspetto usando i collage. (Kurt Inverno)

Progetta errori di portafoglio da evitare

Tutto ciò che interferisce con una revisione efficiente del portafoglio influisce sulla capacità di un designer di essere assunto. Man mano che i clienti e i reclutatori incontrano barriere, è molto più probabile che passino al prossimo portafoglio di designer . Alcuni errori comuni:

  • La presentazione del portfolio è troppo idiosincratica ed "eccessivamente creativa", il che ostacola l'usabilità e rende difficile la navigazione. Rendi il portafoglio facile da rivedere. È meglio stupire con il lavoro, non con il design del portfolio . L'obiettivo dovrebbe essere quello di fornire ciò che i clienti stanno cercando senza eccessi di fantasia.
  • Non essere timido con la presentazione. Suda i dettagli. L'ortografia e la grammatica controllano il tuo testo. I clienti valutano anche i designer in base alla loro professionalità.
  • Non chiarire che tipo di designer sei , cosa stai cercando e con quali settori e attività preferiresti lavorare, ad esempio eCommerce, B2C, branding, mobile, startup, grandi aziende e così via.
  • Evita le pagine infinite e scorrevoli . Suddividi la presentazione in parti più piccole che i clienti possono digerire. Non avere un'introduzione elaborata su chi sei, mettila nella pagina Informazioni .
  • Evita di mostrare immagini disorganizzate e casuali del lavoro senza dire ai visitatori di cosa trattavano i progetti. Ricordati di raccontare una storia. Fornisci sempre un contesto. Le persone non hanno il tempo di decifrare lunghi passaggi di testo e un miscuglio di immagini.
  • Usa i modelli di dispositivo per amplificare il design, non per distrarre dal design.
  • Non cercare di essere troppo elegante con la presentazione (usando modelli di dispositivi 3D inclinati e immagini isometriche).
Presentare il lavoro come immagini isometriche inclinate è uno dei tanti errori da evitare nel portfolio di design.
Presentare il lavoro come una serie di immagini isometriche inclinate è un espediente e un errore comune da evitare. I progetti non sono mostrati in modo sufficientemente chiaro per essere adeguatamente valutati.
  • Non chiarire quale fosse il tuo ruolo nel progetto. Soprattutto nei team e nei progetti più grandi, è fondamentale essere trasparenti sul tuo coinvolgimento.
  • Se stai cercando ruoli di progettazione UX, concentrati sui tuoi progetti UX prima di mostrare il lavoro di progettazione dell'interfaccia utente. Mettere i casi di studio UX al primo posto segnala ai revisori dove risiedono i tuoi punti di forza e i tuoi interessi.
  • Non mostrare una guida allo stile del marchio, quindi mostra il lavoro che non lo riflette.
  • Non mostrare un'immagine nella galleria del progetto che porta le persone a una pagina con "prossimamente". Rimuovi quel progetto dalla galleria finché non è pronto.
  • Non fare in modo che tutti i tuoi casi di studio sembrino uguali : un formato noioso, basato su modelli, da progetto a progetto. Presenta una storia diversa con un'altra angolazione e varia i manufatti per coinvolgere i visitatori.
  • Non mostrare solo schermate di grandi aziende di marca per cui hai lavorato. Invece, concentrati su come hai fornito valore. Lavorare su Facebook, Google o Amazon non è così impressionante come una presentazione attentamente ponderata di ciò che hai fatto e dell'impatto del tuo lavoro .
  • UX/product designer dovrebbero evitare di mostrare innumerevoli artefatti UX senza contesto e prodotti finiti senza seguire il processo che li sta dietro.
  • Travisare il lavoro è una svolta immediata. Ad esempio, utilizzando i kit dell'interfaccia utente e i modelli di siti Web che chiunque può acquistare. Alcuni clienti potrebbero non conoscerli, ma molti reclutatori e design manager sì. Anche se i designer se la cavano momentaneamente, diventerà presto evidente che non hanno le capacità per fornire un design di quella qualità.

Dove possono i designer creare un portfolio online?

Oggi sono disponibili vari siti portfolio senza codice e basati su modelli: Webflow, Senza codice, Tilda, Squarespace, Wix, Editor X e Semplice, solo per citarne alcuni. Tra questi, le offerte gratuite tendono a essere deludenti, rovinate dal marchio dell'azienda ospitante e dall'uso di sottodomini. I piani a pagamento vanno da $ 6 a $ 15 al mese e offrono ai designer la possibilità di creare un portfolio dall'aspetto professionale e utilizzare un nome di dominio personalizzato.

Webflow fornisce molti tutorial su come creare un portfolio senza il suo strumento di codice.
La piattaforma senza codice, Webflow, offre un assortimento di modelli di portfolio in stili diversi.

Pensieri finali

Un portfolio di design online è la tua vetrina per il mondo e potenzialmente ti porterà al prossimo lavoro. Se non investi abbastanza tempo nella sua creazione, arriverà. Per prepararlo al successo, devi pianificarne meticolosamente il contenuto, la struttura e il layout.

Mentre i designer meditano su come costruire un portfolio, potrebbero voler esplorare altri portfolio di design per imparare da loro. Cosa c'è di buono in un particolare portafoglio? Cosa funziona e cosa no? Se tu fossi un cliente, assumeresti quel designer?

Mentre i clienti esaminano i portafogli, si proiettano in un futuro rapporto di lavoro con te. Si chiedono, come si applicherebbero l'esperienza, il lavoro e le capacità di questo designer alla mia situazione? Come sarebbe lavorare con loro al mio progetto? Mettiti nei panni del cliente. Sapendo che dedicano solo pochi minuti al tuo portfolio, rendi facile per loro accedere alle informazioni più importanti e vedere il tuo lavoro migliore.


Fateci sapere cosa ne pensate! Si prega di lasciare i vostri pensieri, commenti e feedback qui sotto.

• • •

Ulteriori letture sul blog di Toptal Design:

  • Suggerimenti e best practice per il portfolio UX
  • Presentare il lavoro di progettazione: il modo giusto
  • Tutto sul processo: analisi dei portfolio di casi di studio
  • Stay Sharp - Come aumentare la creatività quando il lavoro si placa
  • I migliori portfolio di designer UX: casi di studio ed esempi stimolanti