Sei un designer, alle prime armi (oppure hai già un pò di esperienza) e hai bisogno di disegnare il tuo sito portfolio ma non sai da dove iniziare?

Hai assolutamente bisogno di un sito personale perché i tuoi profili su Dribbble o Behance non ti bastano?

Ci sta. 

Va bene mostrare i propri lavori su quelle piattaforme ma ricordati che il sito portfolio è la massima espressione di quello che fai proprio perché ti permette di comunicare quello che sei a modo tuo.

Che cosa devo inserire in un sito portfolio?

I tuoi lavori ok….e poi?

Il sito portfolio è una sorta di cv online ma molto più completo e..meno noioso.

Fondamentale inserire le tue skill!

Chi guarda il tuo sito portfolio deve capire quale è la tua expertise.

Che tu sia un graphic designer, ux/ui designer, uno sviluppatore, video maker o motion designer non importa.

È importantissimo che chi guarda il tuo sito capisca subito di che cosa ti occupi e a quale livello.

Chi guarderà il vostro sito portfolio?

Sicuramente i recruiter e le aziende che sono interessate alla tua figura professionale..ma non solo.

Sei sei un designer freelance, il sito portfolio è un ottimo modo per mostrare ai tuoi clienti o committenti quello che fai.

Tutto interessante ma da dove partire?

Il mio consiglio è progettarsi il proprio sito portfolio perché utilizzare dei template già fatti sminuirebbe la tua creatività e farebbe sembrare il tuo sito troppo simile agli altri.

Per questo ho realizzato un tutorial per creare un sito portfolio con Figma.

Dopo aver visto questo video sarai in grado di realizzare un sito portfolio in modo autonomo.

Non importa se non hai esperienza con Figma.

Ti insegno tutto nel video, le uniche cose che ti servono sono un computer e voglia di imparare

The post Creare un sito portfolio con Figma first appeared on Webdesignerd.

Ho suddiviso il tutorial in 4 parti che al loro interno avranno a loro volta 3-4 capitoli.

PRIMA PARTE

Nella prima parte vi introdurrò il progetto che realizzeremo insieme, imposteremo il template e disegneremo la Navbar, la Hero image e l’About me section.

SECONDA PARTE

Nella seconda parte realizzeremo la Services section, la Portfolio section, la Blog section e la Contact section.

Completeremo così tutta l’architettura dell’informazione del nostro sito-portfolio. Nei 2 video successivi andremo ad impostare il colore al nostro portfolio e lo prototiperemo con la funzione “prototipo” di Adobe Xd.

TERZA PARTE

Nella terza parte ci occuperemo del colore.

Farò una premessa dove spiego come testare i colori in modo che questi abbiano un buon contrasto e i testi siano leggibili su un dark theme.

Successivamente passeremo alla pratica e andremo a dare colore a tutte le sezioni del nostro sito portfolio.

QUARTA E ULTIMA PARTE

Nell’ultima parte andremo a dedicarci inizialmente ad una fase di refining dove miglioreremo l’aspetto di 2 componenti.

Poi passeremo alla fase di prototipazione dove andremo a creare dei link “cliccabili” alle voci di menù della Navbar.

In questo modo il nostro Portfolio diventerà dinamico e le voci saranno realmente cliccabili come un sito vero.

Infine concluderò il tutorial con alcune considerazioni e vi mostrerò anche altre versioni dello stesso progetto.

Se siete già padroni di Adobe Xd troverete questo video tutorial molto semplice. In caso contrario non preoccupatevi.

Se vi mancano le basi di Adobe Xd e non conoscete l’area di lavoro del software, potete guardare il video dove spiego le basi di Aboxe Xd.

https://www.youtube.com/watch?v=ITlLk…

Vuoi imparare a disegnare un sito web da zero?

Guarda il video corso gratuito che ho realizzato per te! -> Video corso di Web Design con Adobe Xd

The post Creare un sito portfolio con Adobe Xd first appeared on Webdesignerd.