I migliori siti web portfolio hanno tutti una cosa in comune: lasciano che siano le opere a dominare lo schermo, tenendo tutto il resto fuori dalla visuale.
Chi riesce ad acquisire clienti, commissioni e prenotazioni raramente ha un sito web appariscente. Ne ha uno semplice e chiaro.
Di seguito sono riportati 17 portfolio creati da professionisti che lavorano su Pixpa , raggruppati per campo e tratti da una galleria più ampia di esempi di portfolio online .
Consideratelo come una fonte di ispirazione per il vostro sito web portfolio, con le motivazioni che lo guidano; non si tratta di una semplice galleria di belle schermate, ma di una selezione accurata dei migliori esempi, in cui ogni scelta si è guadagnata il suo posto. Ogni esempio include una scelta di design che vale la pena di prendere spunto. Dopo gli esempi, troverete una breve guida per crearne uno vostro.
Un sistema sito web del portafoglio Mette in evidenza i tuoi lavori migliori, li organizza in collezioni chiare e offre ai visitatori un'unica, semplice azione da compiere: vedere di più, leggere la tua storia o contattarti. Si carica velocemente e si legge bene anche su smartphone.
Ciascun sito qui di seguito si è guadagnato un posto in base a quattro criteri: l'efficacia del design nel supportare il lavoro, l'organizzazione del lavoro stesso, la capacità del sito di raggiungere i suoi obiettivi commerciali e la sua fruibilità su dispositivi mobili. Non per l'estetica, ma per la reale efficacia nel risolvere un problema.
I fotografi portano con sé il maggior numero di immagini e le pagine più pesanti, quindi è in questo gruppo che la disciplina del layout è più importante. I tre seguenti sono tratti da un insieme più ampio di Siti web per portfolio fotografici.
Fotografia di lifestyle e surf. Baleari, Portogallo.
Daniel Espírito Santo Il sito web ritrae le onde e la costa intorno a Baleal, ed è stato progettato per non interferire con le grandi inquadrature dell'oceano. Le opere sono suddivise in gallerie dedicate all'Oceano e alla Montagna, con set aerei e subacquei, e le stampe sono in vendita direttamente dal sito. Il carattere tipografico combina un serif (Vollkorn) per i titoli con Open Sans per tutto il resto, su uno sfondo bianco sporco chiaro che mantiene l'attenzione sull'acqua.
Prendi in prestito questo: Suddividere un singolo corpus di opere in due o tre gallerie nominate, in questo caso Oceano e Montagna, in modo che i visitatori possano scegliere autonomamente le opere da visualizzare anziché scorrere un unico lungo feed.
Fotografia di matrimonio. Natal, Brasile.
Diego Marcel documenta i matrimoni in tutta Natal e gestisce il sito con il marchio Diego ed Elizabeth In portoghese, non si apre su una griglia ma su un riquadro editoriale a schermo intero, un primo piano di una lettera scritta a mano sotto la frase "il mondo intero, sta dentro di noi", con le gallerie accessibili con un clic tramite un breve menu di navigazione. Un sobrio carattere serif (Source Serif Pro) ospita il testo più emotivo; un carattere sans serif stretto (Armata) gestisce la navigazione.
Prendi in prestito questo: Apriti con le emozioni, non con una griglia. Un'immagine a schermo intero e una riga di testo possono definire il tono prima ancora che venga caricata una singola galleria.
Fotografia e filmati naturalistici e di fauna selvatica. Ardenne, Belgio.
Martin Delliour Il sito, che si trova nelle foreste delle Ardenne, funge da hub bilingue, in francese e inglese, e svolge diverse funzioni contemporaneamente: gallerie, un negozio di stampe artistiche, un progetto documentaristico indipendente e una newsletter. Il carattere tipografico è moderno e semplice, DM Sans con Source Serif Pro, in modo che la struttura rimanga leggibile anche con così tanti elementi.
Prendi in prestito questo: Se il tuo sito deve includere un negozio, un progetto e una mailing list, opta per un carattere tipografico semplice e moderno e sezioni chiare, in modo che l'ampiezza dell'offerta risulti come varietà e non come confusione.
L'arte deve sopravvivere al viaggio verso uno schermo, dove scala, consistenza e colore reale vengono tutti appiattiti. Questi due lo risolvono in modi opposti, uno con personalità, l'altro con moderazione e si affiancano a una galleria più ampia di siti web di portfolio di artisti .
Pittura e disegno. Barcellona, Spagna.
Eva alonso Trasforma la homepage stessa in un disegno: la navigazione è composta da schizzi scritti a mano con un pennarello, uno con la scritta "Opere, Dipinti, Disegni, ecc.", un altro con la scritta "Mostre", ognuno una sorta di illustrazione a sé stante. Cliccando, le opere vengono ordinate in gallerie ordinate di Dipinti e Disegni, con una pagina Mostre che funge anche da curriculum vitae. La personalità risiede nel menu; le gallerie stesse rimangono semplici.
Prendi in prestito questo: Lasciate che l'interfaccia vi prenda per mano. Se create opere disegnando, anche la navigazione e i titoli possono essere disegnati. Il sito diventa un'anteprima prima ancora che il visitatore raggiunga una singola galleria.
Tatuaggi in stile blackwork. New York e Los Angeles.
Cristo Tejada Si presenta chiaramente come un tatuatore di stile blackwork tribale che lavora tra New York e Los Angeles, su un sito web interamente nero con una navigazione essenziale: Tatuaggi, Negozio, Chi sono, Contatti e una sezione "Sigilli" dedicata al lato occulto della sua attività. Le prenotazioni si effettuano tramite il Negozio, che vende acconti e buoni regalo. Il logo è un carattere serif inciso, leggermente esoterico; il menu è in un pulito sans serif geometrico (Jura).
Prendi in prestito questo: Se accetti prenotazioni, invia un bonifico al negozio per vendere l'acconto. In questo modo, una richiesta si trasforma in una transazione senza inutili scambi di email.
I designer vengono giudicati sul proprio sito prima ancora che qualcuno legga una sola parola, quindi il portfolio stesso è il campione di lavoro. Questi due lo considerano proprio in questo modo.
Progettazione grafica e web. Berlino, Germania.
Il designer berlinese Benedikt Schoder si separa elemento-cinquanta.uno Il primo progetto è dedicato al web design e ai lavori audiovisivi, il secondo a una demo di animazione. Il carattere principale è Rubik Mono One, un carattere monospaziato, una scelta insolita e leggermente meccanica che indica un designer a suo agio nel rompere con l'abitudine predefinita dei caratteri sans-serif.
Prendi in prestito questo: Un carattere tipografico distintivo può svolgere un ruolo fondamentale nel posizionamento del marchio. Un carattere display non scontato comunica ai visitatori che si tratta di scelte ponderate.
Design di mobili e prodotti. Melbourne, Australia.
La designer-artigiana Alaina Bodley presenta mobili e prodotti a lains.com.au , attingendo a un background che spazia anche nel design d'interni e nello spettacolo. Sotto un logo personalizzato stilizzato, il corpo e la navigazione sono in Karla, un sans serif grottesco ma funzionale, che rimane in disparte e lascia che siano gli oggetti a parlare.
Prendi in prestito questo: Per le opere che ritraggono oggetti e prodotti, un carattere sans serif semplice e un'ampia spaziatura tra i caratteri danno l'impressione di una galleria d'arte, non di un catalogo.
Il sito di un modello o di uno stilista è uno strumento di casting. Un direttore creativo lo esamina in pochi secondi, quindi velocità e chiarezza battono la decorazione ogni volta che uno schema che si ripete siti web di portfolio di modelli .
Modella per la moda e la pubblicità. Contea di Orange, California.
Wangechi Ojuok Si apre con una sequenza di cinque fotogrammi editoriali e commerciali sopra il suo nome e la dicitura "Modella con sede a Orange County, CA", seguita da una breve striscia di notizie che elenca Amazon, Dell, Essence e Cosmopolitan, in modo che chi guarda possa leggere la sua versatilità e credibilità nella parte superiore. Il carattere tipografico combina Chivo per i titoli con Poppins per il corpo del testo, entrambi puliti e contemporanei.
Prendi in prestito questo: Metti in evidenza i tuoi meriti più importanti, soprattutto quelli che vengono visualizzati per primi. Per un talento, una breve dicitura in alto è più efficace di una lunga biografia più in basso.
Acconciature per servizi fotografici e sfilate. Toronto, Canada.
Mandy Jacobs Presenta lavori editoriali, sfilate e acconciature di celebrità in gallerie pulite, il tipo di libro distribuito da un'agenzia che un direttore creativo sfoglia velocemente.
Il sito è interamente ambientato a Inter, il che permette di mantenere l'attenzione sulle riprese.
Prendi in prestito questo: Per i lavori basati su riprese, raggruppate per produzione e mantenete l'interfaccia invisibile. La decisione di casting viene presa sulle immagini, rapidamente.
Modella per la moda e la pubblicità. Internazionale.
Oran Cusack Il sito presenta campagne pubblicitarie di rilievo per marchi noti come Colmar, Stone Island e Kador Eyewear, ognuna con una copertina a tutta pagina che permette di visualizzare l'intero servizio fotografico con un clic, e una pagina "Le mie agenzie" che illustra la rappresentanza. Il sito è realizzato con Montserrat, un design pulito e moderno, che permette di sfogliare rapidamente le campagne come una pagina ritagliata.
Prendi in prestito questo: Gestisci un portfolio di talenti con campagne riconoscibili, non con immagini isolate. Un casting legge "Colmar, Stone Island" più velocemente di quanto non legga una griglia di belle foto.
Il lavoro costruito richiede scala e sequenza, non solo una bella foto. Questi due progetti incorniciano piuttosto che fotografare lo stesso approccio che attraversa più siti web per portfolio di architettura .
Architettura. Paraguay.
Asimmetrico Classifica un vasto corpus di opere architettoniche per settore: pianificazione urbana, infrastrutture pubbliche, spazi pubblici, cultura e sanità.
È composto con un carattere tipografico condensato e strutturato (Oswald con Source Sans Pro) su uno sfondo scuro, dove il ritmo del carattere riecheggia il ritmo di una facciata.
Prendi in prestito questo: Caratteri condensati e un'architettura a griglia rigorosa. L'interfaccia può rispecchiare la disciplina del lavoro.
Fotografia di interni e architettura. Europa.
Infondere fotografa interni e architetture minimaliste e inquadra l'intero sito attorno a un marchio denominativo serif alto e ad alto contrasto, infondere , su uno sfondo grigio-beige caldo sopra un'unica, tranquilla inquadratura d'interni. La sobrietà è il punto: un grande blocco di testo, un'immagine, poi un indice del progetto pulito. (Montserrat e Work Sans riportano il testo più piccolo sottostante.)
Prendi in prestito questo: Lasciate che il sito rispecchi il lavoro svolto. Un logo di grandi dimensioni e molto spazio vuoto incorniciano gli interni minimalisti in modo più autentico rispetto a una griglia complessa.
Un sito web musicale ha due compiti principali: riprodurre la musica e gestire le prenotazioni. Il design racchiude audio, date e contatti in un'unica pagina chiara e intuitiva.
Musica elettronica, DJ e produttore. Amsterdam, Paesi Bassi.
MAREA Il logo unisce musica incorporata a una lista di concerti e a un contatto diretto per le prenotazioni, le tre cose di cui un promoter ha effettivamente bisogno, il tutto su un ritratto a tutta pagina e la frase "TIDEE è un artista Minimal / Deep Tech House con sede ad Amsterdam, Paesi Bassi". Il logo testuale è un carattere grottesco ampio e distanziato (Archivo) su Open Sans, che conferisce a un artista di musica elettronica un aspetto pulito e attuale.
Prendi in prestito questo: Per un artista, metti la musica, le date e l'indirizzo email per le prenotazioni prima di ogni altra cosa. Questo è lo scopo principale della pagina.
Musica gospel e inni. Karlstad, Minnesota.
Fratelli Vagle Quattro fratelli, che cantano inni tradizionali, gestiscono un sito web dedicato alla musica: un pulsante "Prenota" ben visibile in alto, una sezione "Musica" e una pagina con le testimonianze delle chiese e dei locali che li ingaggiano. Il sito è impaginato con un unico carattere sans serif umanista (Open Sans) sotto un logo con grazie, il che lo rende facilmente leggibile nonostante la ricchezza di contenuti.
Prendi in prestito questo: La riprova sociale vende prenotazioni. Una pagina di testimonianze di artisti che si sono esibiti in passato fa molto di più per un artista in tournée di qualsiasi allestimento.
Uno scrittore o uno stratega viene giudicato in base alle parole e alla chiarezza con cui espone le proprie argomentazioni. Il sito deve argomentare, non limitarsi a mostrare.
Strategia di contenuti e marketing. India.
Hamsa Balegaar Il tema si apre con una calorosa introduzione personale, "Sono Hamsalekha, specialista in marketing e comunicazione", su uno sfondo rosa tenue, seguita da una striscia scorrevole di specializzazioni (strategia di marca, social media, contenuti, marketing basato sugli insight), prima di presentare casi di studio di progetti specifici per marchi come Reckitt, Axis Bank e Aditya Birla, ciascuno incentrato sul brief e sul risultato. Il carattere tipografico combina Forum, un elegante font display in maiuscolo romano, con Inter per la lettura, conferendo al portfolio di uno stratega un tocco editoriale.
Prendi in prestito questo: Per progetti di strategia o di scrittura, iniziate citando clienti specifici e il problema che avete risolto. Un logo accompagnato da una sintesi del risultato ottenuto è più efficace di un elenco di competenze.
Un sito web dedicato ai film deve essere funzionale alla riproduzione. Il layout organizza le bobine per tipologia e poi non intralcia la visione del video.
Regia e animazione. Portland, Oregon.
regista vincitore di un Emmy Rob Shaw Il portfolio, che comprende un mix di riprese dal vivo, computer grafica, animazione 2D e stop-motion, è suddiviso in categorie di lavoro, con collaborazioni commerciali per marchi come Gatorade e Hershey's. Il carattere tipografico è geometrico e moderno (Outfit with Inter), il che impedisce a un corpus di lavori giocoso e incentrato sull'animazione di risultare infantile.
Prendi in prestito questo: Categorizza un reel variegato. Permetti a chi acquista spazi pubblicitari di passare direttamente al tipo di lavoro per cui sta assumendo.
Produzione cinematografica e video. Wilmington, Carolina del Nord.
Film della Crane House Gestisce una casa di produzione completa che si occupa di film, videografia, droni, fotografia e persino grafica, e organizza la homepage in categorie ben definite: Fotografia, Video musicali e Video di matrimoni, con il portfolio completo accessibile tramite il menu Portfolio. Il carattere principale è Cinzel, un classico serif con maiuscole incise e un'atmosfera cinematografica da sigla, con testo su Oxygen e Barlow.
Prendi in prestito questo: Un singolo volto espressivo può definire il tono. Cinzel si legge come un film ancor prima che venga riprodotto un singolo fotogramma.
Analizzando tutte e 17 le mosse, si notano sempre le stesse quattro.
Hanno suddiviso le opere in gallerie nominate. Daniel Espírito Santo gestisce Ocean and Mountain, Eva Alonso separa Dipinti e Disegni, e Crane House Film suddivide la sua homepage in Fotografia, Video musicali e Video di matrimoni. Nessuno ti costringe a scorrere un unico feed indifferenziato.
Hanno impostato il sito con un carattere sobrio. Mandy Jacobs utilizza il carattere Inter per l'intero sito, mentre Oran Cusack usa Montserrat, un unico carattere sans serif neutro che lascia che il lavoro domini la pagina. Laddove il carattere assume una connotazione particolare, come nel menu scritto a mano da Eva Alonso, nel display monocromatico di Element Fifty o nel serif alto di In-Still, si tratta di una scelta di posizionamento deliberata, non di un semplice elemento decorativo.
Vendono o prenotano dallo stesso sito. Martin Dellitour vende stampe, Christos Tejada accetta acconti per le prenotazioni e i fratelli Vagle vendono CD, il tutto senza indirizzare l'acquirente altrove.
Rendono ovvio il passo successivo. Che si tratti della striscia stampa di Wangechi Ojuok in alto, delle copertine della campagna di Oran Cusack o dei contatti di prenotazione di TIDEE in primo piano, il visitatore non ha mai bisogno di un'occhiata per sapere cosa fare dopo.
Si tratta di modalità di guasto che, in modo silenzioso, ti costano lavoro, non quelle più evidenti.
I 17 siti hanno seguito percorsi diversi per raggiungere lo stesso luogo. Al centro, creazione di un sito web portfolio si riduce a cinque mosse:
Il filo conduttore di tutti e 17 è la moderazione. Il lavoro guida, l'impaginazione supporta e il passo successivo è sempre a portata di scroll. Inizia dal campo più vicino al tuo, prendi in prestito la mossa che funziona e pubblica qualcosa questa settimana, invece di puntare alla perfezione il mese prossimo.
Inizia a creare il tuo sito web portfolio
Inizia con siti reali e funzionanti piuttosto che con gallerie di modelli predefiniti. I 17 esempi sopra riportati spaziano tra fotografia, design, arte, musica e cinema e si classificano tra i migliori siti web portfolio costruiti su Pixpaciascuna annotata con una mossa specifica che vale la pena prendere in prestito.
Una galleria mirata dei tuoi lavori migliori, una breve presentazione o biografia, un modo chiaro per contattarti e, se vendi, un negozio o una struttura dei prezzi. Da 10 a 15 opere di qualità sono meglio di 50 mediocri.
I portfolio più solidi includono solitamente tra gli 8 e i 15 pezzi. Un numero sufficiente a dimostrare la versatilità, ma abbastanza ridotto da permettere a ciascuno di meritare il proprio posto.
Spaziatura uniforme, uno o due caratteri tipografici, immagini non ritagliate o distorte, tempi di caricamento rapidi e un layout che non contrasti con il lavoro. La professionalità si esprime attraverso la moderazione.
No. Ogni sito in questo elenco è stato costruito su Pixpa Senza scrivere codice. Scegli un modello, aggiungi il tuo lavoro e pubblica.
I piani a pagamento partono da 5.40 dollari al mese per il piano Base, con fatturazione annuale, e ogni piano include una prova gratuita di 15 giorni senza necessità di carta di credito.
Aggiungi nuovi lavori ogni volta che ne completi uno migliore del tuo lavoro più debole al momento, e rivedi l'intero sito ogni tre-sei mesi.
Sì. La maggior parte dei visitatori arriva da telefono, quindi testa la galleria, la navigazione e il percorso di contatto su dispositivi mobili prima di condividere il link.
Dipende da cosa fai. I siti qui sono stati costruiti su Pixpa , che si adatta a portfolio incentrati sulle immagini che necessitano anche di gallerie clienti o di un negozio. Per una semplice navigazione per campo esempi di portfolio , inizia da lì e procedi a ritroso fino agli strumenti.