Come creare un portfolio da web designer

Pubblicato il 29 Maggio 2023
Aggiornato il 29 Maggio 2023

Se sei un@ web designer alle prime armi e stai cercando di capire come promuovere il tuo lavoro, la risposta più efficace è anche la più semplice: mostra ciò che sai fare.
Il portfolio, per chi lavora nel design, è un vero asso nella manica: racconta il tuo stile, la tua crescita e il tipo di clienti con cui vuoi lavorare.

Ma come si crea un portfolio efficace, cosa ci va dentro e come presentarlo al meglio?
Vediamolo insieme!


Cos’è un portfolio?

Il portfolio una volta si portava a mano alle agenzie pubblicitarie, con tanto di cartellina formato gigante, per mostrare i propri lavori, sia che fossero foto, illustrazioni o concept. Quando si lavora nell’ambito design, manco a dirlo, la componente visiva è importantissima: questo vale anche per i web designer che, contrariamente a chi si occupa di sviluppo, danno vita a siti basati sulla grafica, le forme, i colori.

Se usi WordPress, aggiungere un portfolio è facilissimo: molti temi lo prevedono già. Da diversi anni io ormai lo sviluppo creando un CPT ad hoc, ma se cerchi un buon plugin ti suggerisco Visual Portfolio, che offre un buon equilibrio tra personalizzazione e semplicità d’uso.


Come creare il tuo portfolio da web designer

1. Seleziona solo i progetti migliori

Non serve inserire tutto ciò che hai fatto. Scegli i lavori che ti rappresentano meglio oggi — quelli più recenti, più curati o che mostrano la tua evoluzione.
Se non hai ancora clienti reali o progetti di cui sei orgoglios@, inventali!
Crea un cliente immaginario (chi è, cosa fa, che stile ha, a chi si rivolge) e realizza un sito come se fosse vero: è un ottimo esercizio e un modo per mostrare il tuo potenziale.

✨ Tip: se un progetto ha ricevuto ottimi feedback o ti ha fatto crescere molto, mettilo davanti agli altri.

2. Aggiorna il tuo portfolio

Ripeti dopo di me: il portfolio non è un archivio – è una vetrina!
Ogni anno prenditi un momento per rivederlo, eliminare i lavori che non ti rappresentano più e aggiungere quelli nuovi, perchè è normale che, crescendo, non ti riconoscerai più nei progetti passati… succede a tutti!

3. Presenta i progetti in modo visivo e coerente

Presentali con immagini semplici, dettagli di forme e colori scelti per i siti, come si presenta la home se è molto ad effetto. Per il mio portfolio ho scelto in alcuni casi un video che mostra lo scrolling dei siti direttamente in una cornice ideale che è un computer portatile; in altri casi ho optato per mostrare le peculiarità abbinando colori, font e mood alla presenza del cliente, per quanto riguarda il personal branding può essere molto interessante.

4. Organizza per categorie

Dividi per categorie, qualsiasi tema o plugin ti consentirà di farlo. Non crearne 200, poche ma buone e con un senso logico. Io ho diviso per tipologia di sito (blog, e-commerce, ecc) aggiungendo una categoria che mi consente di mostrare i loghi, una per i siti web tutti insieme, ma anche i mockup visto che sono un punto importante del mio lavoro e sono divisi dalla proposta di sito web completo.

Ad esempio:

  • Siti vetrina
  • Blog
  • E-commerce
  • Loghi o branding
  • Mockup grafici

Devono avere senso per te e permettere a chi visita il portfolio di trovare facilmente i progetti più belli.

5. Scrivi una descrizione breve ma significativa

Il lato visivo deve dominare, ma una breve descrizione fa la differenza. Fai parlare più il lato visivo che il testo, visto che come web designer te lo puoi permettere. Tuttavia, una descrizione del progetto è fondamentale: tipologia del cliente, obiettivi, proposta fornita, risultati, highlight degli aspetti più importanti del progetto, sui quali avete lavorato di più (esempio: mettere insieme user experience e presentazione dei numerosi servizi, ecc)

Puoi seguire ad esempio questa struttura:

  • Tipo di cliente
  • Obiettivi del progetto
  • Soluzione proposta
  • Risultati ottenuti
  • Focus su uno o due aspetti tecnici o di design

ESEMPIO: “Per questo studio di psicologia ho unito un layout chiaro e rassicurante a una navigazione semplificata, per rendere più intuitiva la prenotazione dei servizi.”

6. Ottimizzazione SEO (senza troppe aspettative)

Sii realist@: le pagine del portfolio raramente portano traffico da Google. Per esperienza posso dirti che difficilmente vengono fatte ricerche con cui poi il motore possa scegliere di rispondere con gli elementi di un portfolio. Più facile farlo attraverso i servizi! Dunque, crea titoli SEO parlanti per i tuoi progetti, descrittivi, ma sappi che non vedrai grossi risultati sul posizionamento di queste pagine, e va bene così.
È più probabile che le persone ti trovino grazie alle pagine Servizi o agli articoli del blog.

esempio portfolio web designer

Il mio suggerimento è comunque quello di:

  • Usare titoli SEO descrittivi (“Sito WordPress per Studio di Psicologia”)
  • Ottimizzare immagini con alt text e nomi file coerenti
  • Linkare internamente i progetti ai relativi servizi

L’obiettivo qui non è il posizionamento, ma la credibilità! 😉

Per farla breve

I progetti nel tuo portfolio servono a chi visita il tuo sito (magari proprio perché ti ha trovato sul web) a farsi un’idea del tuo stile, a comprendere se la sua idea di sito può essere ben rappresentata da te e facendosi un’idea con i progetti che hai realizzato finora: sì alla varietà, dunque, ma ricorda sempre di tenere fede al tuo stile. Capiterà, infatti, di portare a termine progetti in cui non riconosci il tuo proprio stile, per tutta una serie di motivi (cliente e i suoi gusti, tu che sei all’inizio e fatichi a dire di no, scelte stilistiche aziendali… una marea): non inserirli sul tuo portfolio o ti porteranno esattamente ciò… che non desideri fare!

mentoring webdesigner 2

Come rifiutare progetti che però ti portano fatturato?

Eh.. questo è davvero tutto un altro paio di maniche! Se sei alle prime armi nel mondo del web design o della vita da freelance in generale, contattami! Posso fornirti un percorso di mentoring unico e accompagnarti verso il successo del tuo business!

Formazione per web designer

Hola!

Sono Nicole, web designer e grafica freelance.

Scopri chi sono

Sono una web designer freelance

Mi occupo di sviluppo di siti web responsive, e-commerce, blog e grafica da circa 15 anni. Dal 2018 aiuto piccoli imprenditori, artigiani e liberi professionisti a portare la propria attività online con successo.

Mi occupo inoltre di formazione e consulenza in UI design per aziende, web agency e freelance, ed offro supporto e percorsi di mentoring a web designer che desiderano decollare con la loro attività.

Creazione siti web
Siti e-commerce
Branding

Formazione per web designer

FREELANCE

Se sei un web designer freelance alla ricerca di orientamento, chiarezza e supporto per prosperare nel mondo digitale in continua evoluzione, sei nel posto giusto! Il mio servizio di consulenza, formazione e mentoring è qui per te.

Scopri la formazione

Dal blog