I migliori portfolio di graphic design fanno una cosa bene: mostrano il lavoro con un punto di vista preciso e tengono tutto il resto fuori dalla portata.
I designer che ottengono incarichi in studio, contratti a lungo termine e brief da agenzie raramente hanno il sito web più appariscente. Hanno però il sito più chiaro e intuitivo.
Di seguito sono riportati 18 portfolio realizzati da designer professionisti su Pixpa , raggruppati in base al tipo di lavoro che svolgono e tratti da un insieme più ampio di esempi di portfolio di graphic design Ciascuno include un'opzione di design da prendere in prestito e una nota sul layout, il colore e il tipo che lo rendono adatto.
Un sistema sito web portfolio di design grafico Metti in evidenza i tuoi lavori migliori, descrivi in modo chiaro e semplice ciò che fai e mostra il processo, non solo i risultati finali impeccabili.
Raggruppa i progetti in modo che un direttore artistico possa trovare rapidamente il tipo di lavoro che gli interessa e si carica senza problemi su un telefono.
Ciascun sito qui sotto si è guadagnato il suo posto in base a quattro criteri: l'efficacia del layout nel supportare il lavoro, la coerenza tra caratteri e colori, la capacità del sito di raggiungere il suo scopo commerciale e la chiarezza del percorso per l'assunzione di personale. Non l'estetica. La funzionalità.
Il lavoro sull'identità visiva è il più difficile da dimostrare, perché un logo di per sé è solo un marchio. I portfolio di marchi più solidi dimostrano un approccio sistemico: il marchio, le regole che lo governano e il ragionamento che ne sta alla base.
Identità visiva, campagna pubblicitaria e design digitale.
Julie Aabye Il suo nome è ben visibile in alto, a grandezza naturale, in un carattere sans serif nero e spesso, e subito sotto la foto è indicata la sua professione in due parole: Graphic Designer.
La palette è rigorosa, con un forte contrasto di nero su sfondo quasi bianco e una singola striscia verde scuro a piè di pagina, in modo che nulla interferisca con il testo. Sotto l'introduzione si trova una riga di tag scansionabili: Branding, Materiali della campagna, Contenuti digitali, Grafica, con un pulsante "Contattami" nell'angolo.
La strategia da imitare è l'ordine: nome, ruolo, una frase concisa, discipline. Un visitatore sa esattamente chi è in due secondi.
Prendi in prestito questo: Prima di definire lo stile, stabilisci la gerarchia. Nome, poi una breve descrizione del ruolo, infine una riga con le etichette delle discipline. L'ordine crea chiarezza più velocemente di qualsiasi immagine principale.
Sistemi di branding e progettazione del layout.
Brandon Rankin Si apre su una tela quasi nera con una singola e commerciale lucida, renderizzata in 3D, che fluttua su un lato, quasi tonale contro l'oscurità.
Il titolo "DESIGN CHIARO E COERENTE" è scritto in un carattere sans serif leggero e con spaziatura ampia, sopra un piccolo sottotitolo grigio. C'è un solo oggetto, una sola riga e molto spazio vuoto, e questo è l'intera homepage.
La moderazione non è pigrizia, è una questione di ragionamento. Un progettista di sistemi che riesce a lasciare così tanto margine di manovra trasmette un senso di controllo, che è esattamente ciò che un cliente di marca sta cercando.
Prendi in prestito questo: Ridurre la homepage a un solo oggetto e ampi spazi vuoti. La sobrietà trasmette sicurezza e funge da filtro per i clienti che privilegiano la funzionalità alla decorazione.
Designer senior e direttore artistico. Sistemi di branding e direzione creativa.
Tracy Mirkin Presenta un layout neutro e editoriale, con tonalità di bianco sporco e grigio, un logo senza testo in grassetto e una foto calda abbinata a un testo accattivante.
Al di sotto, un riquadro "Aree di competenza" elenca l'offerta reale su due righe: Strategia di brand e sistemi visivi, e Direzione creativa e allineamento esecutivo, ciascuna con una breve descrizione e un pulsante nero "Portfolio".
È l'unico sito del gruppo che si rivolge a un pubblico di alto livello, e il layout lo rispecchia: prima la competenza, poi le miniature. Questa impostazione comunica l'importanza del ruolo ancor prima che il visitatore veda un singolo progetto.
Prendi in prestito questo: Se lavori a un livello senior, punta su aree di competenza specifiche, non su una galleria di candidati. In quella fase, il posizionamento è la presentazione.
Progettazione del packaging e dell'identità del marchio.
Frances Krutsky opere su una tela color crema caldo con un monogramma "fk" verde oliva disegnato a mano e un discreto nav.
La palette rimane morbida e raffinata, crema e beige con un accento viola del marchio e l'argento di un'etichetta di vino in lamina. L'opera è mostrata in grande in una griglia a due colonne: una DeLille Cellars Etichetta in lamina "Maison DeLille" e un completo Bloom Wellness guida del logo con valori di colore, impostazione tipografica in Lato e le regole relative allo spazio sicuro del logo.
Mostrare la guida di stile, e non solo il logo finito, è la mossa giusta. Dimostra che crea sistemi che un cliente può effettivamente utilizzare.
Prendi in prestito questo: Mostra le regole del marchio, i valori cromatici, il tipo di carattere, la spaziatura, non solo il marchio finale. Le specifiche indicano a quale studio di design si può affidare un lavoro reale.
Progettazione di marchi e identità aziendale basata su casi di studio.
Tyra Bounxouaysana Il profilo inizia con una foto cordiale e informale, un titolo "Ciao" con un'occhiata ammiccante ":^)", e una riga che la presenta come graphic designer nell'area di Baltimora e Washington DC.
La palette di colori crema e i caratteri sans serif arrotondati e audaci trasmettono un senso di familiarità piuttosto che di impersonalità aziendale. Ma è il menu di navigazione a fare la differenza, con una sezione "Case Studies" che rimanda a progetti dettagliati e approfonditi, come un rebranding completo, anziché a semplici miniature.
L'ordine è prima di tutto l'accessibilità, poi la dimostrazione, che è esattamente ciò che un cliente che assume un designer di medio livello desidera vedere.
Prendi in prestito questo: Mostra personalità, poi supportala con casi di studio concreti. Essere una persona con cui è facile collaborare e illustrare il proprio processo è più efficace di entrambi gli approcci presi singolarmente.
Progettazione senior del marchio e della narrazione visiva.
Heather Antonovich L'immagine è caratterizzata da un look sobrio ed elegante: un primo piano pulito, la semplice dicitura "Grafico Senior che aiuta i clienti a raccontare le loro storie attraverso il design" e una delicata palette di colori crema e rosa, con ampi spazi per respirare.
Una striscia scorrevole riassume in poche parole il suo ambito di lavoro, dall'illustrazione allo sviluppo del concept, in modo che il visitatore possa leggere l'offerta senza dover leggere un intero paragrafo di testo.
Il posizionamento è esplicito, non implicito, con la parola "Senior" e un pulsante "Assumimi" entrambi ben visibili nella parte superiore della pagina. Trasmette l'idea di una persona consapevole del proprio livello e che stabilisce i prezzi di conseguenza.
Prendi in prestito questo: Metti in evidenza la tua esperienza e specializzazione nella frase principale. "Graphic Designer Senior che aiuta i clienti a raccontare le loro storie" è più efficace nel posizionarsi rispetto a un'intera pagina "Chi siamo".
Sistemi di branding e motion design basati sulla strategia.
Frank Il video si apre con una vivida rappresentazione 3D illuminata al neon su sfondo nero, per poi formulare un'affermazione di natura commerciale piuttosto che artistica: "Un design che trasforma la strategia in esperienze di marca".
Il menu di navigazione si presenta come quello di un'azienda di servizi, con le sezioni "Soluzioni" e "Come funziona" posizionate dove in un sito di galleria fotografica si troverebbe la sezione "Lavori". La sottosezione descrive l'offerta come sistemi visivi, campagne e animazioni orientate ai risultati.
L'eroe drammatico dimostra la maestria artigianale, mentre il testo ne illustra il risultato finale: un abbinamento che la maggior parte dei siti di design non tenta mai.
Prendi in prestito questo: Abbina un'immagine di grande impatto visivo a un testo focalizzato sui risultati. Lascia che l'immagine dimostri le tue capacità di design e che le parole dimostrino la tua comprensione degli obiettivi del cliente.
Quando si vendono due competenze, il rischio è che il sito risulti disorganizzato. Queste due competenze, invece, fanno sì che l'unione tra le due appaia intenzionale.
Progettazione del marchio e del packaging, illustrazione.
Megan Dunakin Ambienta il suo lavoro su uno sfondo color crema tenue con un logo personalizzato in corsivo color corallo, per poi iniziare con una frase che dice davvero qualcosa: una designer e illustratrice che plasma marchi e immagini attraverso la lente della natura e della connessione umana.
L'introduzione è scritta in un audace sans-serif verde scuro, e la calda palette crema, corallo e verde si estende a una griglia a tre colonne, un marchio, un'audace illustrazione del packaging per Albertsons , una schermata dell'app.
La linea del punto di vista è ciò che rimane impresso nella memoria dopo che dieci siti si sono confusi l'uno con l'altro. È una posizione, non un elenco di competenze.
Prendi in prestito questo: Dai alla tua introduzione un'angolazione autentica, non una qualifica professionale. Un punto di vista è ciò che un cliente ricorda quando riapre le schede.
Progettazione grafica e illustrazione. Area della Baia di San Francisco.
Seth Hamlin opere su una tela grigio-verde ardesia scura che lascia che il colore illustrato faccia tutto il lavoro, un retrò Hāpuna Poster di viaggio, un pesce balestra a blocchi di colore, prototipi di app.
La frase principale, "Designer + Illustratore residente nella Bay Area", è scritta con un carattere sans serif spesso e arrotondato, e tutte le miniature condividono le stesse dimensioni e la stessa inquadratura in una griglia pulita.
La coerenza è il segreto. Poiché ogni tessera ha lo stesso peso, due abilità vengono percepite come raggio d'azione anziché come confusione.
Prendi in prestito questo: Se lavori in due modalità, mostrale in un'unica griglia con dimensioni delle miniature uniformi. In questo modo, l'intervallo verrà visualizzato come intervallo e non come rumore.
Progettazione grafica, branding e belle arti.
Caitlin Parks Si omette completamente la foto principale: un grande e amichevole "Ciao, sono Caitlin! Designer, artista e narratrice visiva" campeggia su uno sfondo color crema caldo, e il primo progetto qui sotto, un vivace poster arancione per la vendita di piante, apporta tutta la giusta dose di colore.
Il logo verde e i caratteri arrotondati trasmettono un senso di artigianalità e familiarità. Il menu "Lavori" si suddivide in modo chiaro in Graphic Design e Branding, Belle Arti, Social Media e Web Design, permettendo al visitatore di accedere direttamente alla disciplina di suo interesse. La homepage, incentrata sul testo, funziona perché i lavori stessi sono abbastanza incisivi da valorizzarla.
Prendi in prestito questo: Un elemento grafico di solo testo funziona quando il primo progetto nella parte inferiore della pagina è abbastanza colorato da catturare l'attenzione. Lasciate che siano le immagini a dare colore, non un'immagine di repertorio.
Per lavori di questo stile, l'estetica è fondamentale. Questi siti si attengono a un unico tono di voce e lasciano che volume e coerenza lo sostengano.
Progettazione grafica e tipografia.
To Sin La homepage è costruita attorno a una corazza spartana tridimensionale lucida e traslucida di colore rosso su uno sfondo grigio, con un logo "THOSIN" sovradimensionato e sfocato alle sue spalle e una "T" rossa nell'angolo.
La palette di colori è sobria, monocromatica con un unico accento rosso, e il carattere tipografico è un sans serif audace e condensato. Un breve paragrafo spiega il logo, una "T" fusa con una corazza spartana, un omaggio al film 300 e ai concetti di precisione e impatto.
Raccontare la storia delle origini del logo sulla homepage trasforma un marchio in una narrazione e denota un designer che pensa al significato, non solo all'aspetto esteriore.
Prendi in prestito questo: Nella homepage, racconta brevemente la storia della tua origine con due righe. Dimostra ai clienti che ti occupi di branding che crei significati, non semplici simboli.
Progettazione di poster e merchandising per il settore musicale.
Kolby Ip salta completamente l'introduzione. La homepage è un muro a tutta pagina di poster di concerti hardcore e punk, volantini di EP e merchandising di band, decine di pezzi in un'implacabile palette di colori nero, rosso e bianco.
Le scritte decorative, dall'aspetto volutamente invecchiato, sono disposte una accanto all'altra, con una piccola targhetta "Kolby Ip / My Work" posizionata al centro e un Demo Reel nel menu di navigazione.
Per un lavoro di questa nicchia e con una tale costanza, il collage massimalista è perfetto. Il volume e l'estetica unitaria sono il messaggio chiave: questo è tutto ciò che faccio, e lo faccio molto.
Prendi in prestito questo: Se il tuo lavoro si basa su un'estetica ben definita, aprilo con una parete densa che la rappresenti. Volume e coerenza trasmettono profondità, cosa che la biologia non può fare.
Design alternativo per poster e illustrazioni principali.
Colin Morella riduce l'interfaccia quasi all'essenziale e lascia che un singolo poster cinematografico a schermo intero riempia lo schermo, un'immagine chiave suggestiva di un deserto illuminato da luci arancioni, senza alcun testo di accompagnamento.
Per un illustratore-designer il cui valore risiede nell'atmosfera e nella maestria artigianale, un'immagine di grande impatto che occupi l'intera prima schermata è l'apertura più efficace possibile. Il piccolo logo con il monogramma e il breve menu di navigazione rimangono in secondo piano. Nulla compete con l'opera d'arte, che è poi l'obiettivo principale.
Prendi in prestito questo: Se il tuo lavoro ha un forte impatto visivo, elimina il testo superfluo e lascia che un'unica immagine a tutta pagina parli da sola. La fiducia nelle proprie capacità comunica più di qualsiasi slogan.
Il lavoro commerciale viene giudicato in base alla sua effettiva fruibilità nel mondo reale. Questi due esempi mostrano il lavoro nel suo contesto, non come semplici tavole da disegno statiche.
Progettazione dell'identità del marchio e della campagna pubblicitaria.
Katie Rogers conduce con un vero lavoro sull'identità del cliente, un marchio blu e verde completo per il Cape Fear River Watch Un'organizzazione no-profit, mostrata in funzione su un computer portatile, affiancata a una campagna per un prodotto musicale che influenza l'umore.
Il layout è leggero e arioso, con delicate tonalità neutre. La frase di apertura "Hey! I'm Katie. Let's bring your ideas to life" è composta da un carattere serif in grassetto, una scelta rara in un set pieno di caratteri sans serif, sotto un monogramma "Kt" disegnato a mano. Il colore del progetto fa tutto il lavoro; l'interfaccia rimane discreta.
Presentare l'identità visiva all'interno di un mockup di un dispositivo reale è la mossa vincente. In questo modo, il marchio appare come un prodotto finito, non come un logo appeso a una scheda.
Prendi in prestito questo: Mostra l'identità visiva e il lavoro di campagna nel contesto, su uno schermo, durante l'utilizzo. Il contesto dimostra la validità del lavoro svolto, cosa che un semplice logo non può fare.
Progettazione grafica per lo sport e il branding.
Matt Rich Al centro, un logo a forma di ciambella glassata rosa sopra la scritta "Matt Rich" in un carattere sans serif viola, in grassetto e arrotondato, con lo slogan "Designer, Musician, Doughnut" in arancione, la personalità prima di tutto.
La tela bianca permette al colore di ogni progetto di risaltare su una griglia a tre colonne, un color verde acqua Sky Bison Concetto di maglia, Boston Red Sox grafica del giocatore, un Toyota Materiale pubblicitario inviato per posta diretta alla concessionaria.
Il punto di forza è la varietà: sport, vendita al dettaglio, direct marketing, e il branding giocoso le conferisce una voce che manca alla maggior parte dei siti di design.
Prendi in prestito questo: Dai al tuo marchio una personalità, poi dimostra la sua reale portata commerciale. Una voce unica unita a una varietà di opzioni è meglio di una miriade di loghi tutti uguali.
Progettazione grafica editoriale e pubblicitaria.
Cardan Made Il suo lavoro si staglia su uno sfondo verde foresta intenso che fa sì che ogni stampa sembri un'opera d'arte: una pagina della rivista Southern Bride, immagini di campagne pubblicitarie per spose, volantini per la vendita al dettaglio. L'elegante logo con scritta in corsivo e l'ampia cornice conferiscono un'aria editoriale e di alta qualità.
Presentare un articolo realmente pubblicato su una rivista, anziché un'anteprima, è la prova più convincente che un grafico possa offrire, perché mostra un lavoro effettivamente realizzato. La sobrietà del layout permette agli elementi stampati di occupare l'intera pagina.
Prendi in prestito questo: Mostra lavori che sono stati pubblicati o stampati, non solo bozzetti. Una vera pagina di rivista o una campagna pubblicitaria realizzata hanno una credibilità di gran lunga superiore a qualsiasi concept art.
Progettazione grafica per la stampa, l'animazione e la fotografia.
Adam Friesenhahn Il suo menu di navigazione è suddiviso in tre discipline ben definite: Graphic Design, Motion Graphics e Photography, quindi non c'è bisogno di indovinare di cosa si occupa. Lo sfondo blu scuro con testo bianco fa risaltare ogni miniatura colorata del progetto.
Indirizzare un visitatore direttamente alla pagina di Graphic Design anziché a una biografia mette in risalto il lavoro. Questa struttura si adatta a un generalista che desidera che ogni disciplina venga valutata in base ai propri criteri, piuttosto che essere confusa in un unico schema.
Prendi in prestito questo: Se lavori in diverse discipline, elencale singolarmente nel menu di navigazione e lascia che i visitatori le selezionino autonomamente, invece di raggruppare tutto in un'unica griglia "Lavoro".
Progettazione grafica multimediale e di prodotto.
Foresta Si spinge al massimo dove la maggior parte dei designer opta per il minimalismo: un enorme "Ciao, sono Forest!" in un pesante carattere sans serif nero riempie quasi completamente lo schermo, con un nastro scorrevole di discipline al di sotto.
Il progetto si concentra principalmente su lavori commerciali, sistemi di logo e grafiche di prodotto accattivanti per gioielli ed elettronica.
I caratteri di grandi dimensioni e il contrasto elevato tra bianco e nero conferiscono a un design generalista, frutto di otto anni di esperienza, un aspetto audace e attuale, anziché disordinato. È una homepage d'impatto che rimane leggibile perché i caratteri tipografici catturano l'attenzione e il design è pulito.
Prendi in prestito questo: I caratteri di grandi dimensioni possono essere sufficienti da soli a dare spessore a una homepage. Se il tuo lavoro è commerciale e variegato, una tipografia grande e decisa lo unifica in un'unica voce.
Esaminando tutte e 18 le opere, si notano le stesse decisioni che si ripetono. Nessuna è dettata dal gusto. Si tratta piuttosto di non intralciare l'opera.
Un portfolio pensato per chi aspira a un ruolo in azienda si costruisce in modo diverso da un portfolio destinato a chi cerca clienti freelance. Definisci lo scopo del sito e poi strutturalo di conseguenza.
Se vendi modelli o font, Pixpa 's negozio on-line Non applica alcuna commissione sulle vendite, quindi quella riga è quella che vale la pena costruire per prima.
Cinque problemi facili da trascurare ma facili da risolvere.
Non è necessario saper programmare o assumere uno sviluppatore.
I siti di design che funzionano non sono quelli appariscenti. Sono quelli che non intralciano: presentano prima i lavori migliori, hanno un punto di vista chiaro, una palette di colori coerente e un modo semplice per mettersi in contatto.
Ciascuno dei siti sopra menzionati è nato da un designer, una serie di progetti e un template. Se il lavoro è già pronto, la creazione del sito è la parte più semplice.
Dai al tuo lavoro il portfolio che merita, gratis per 15 giorni.
Descrivete i vostri progetti più significativi come brevi case study, con la relativa descrizione, il vostro ruolo e il risultato ottenuto, una chiara dichiarazione di ciò che fate, una pagina "Chi siamo", contatti ben visibili e un negozio online se vendete template o font.
La cura nella selezione dei contenuti è più importante della quantità: ciò che si omette influenza la lettura tanto quanto ciò che si include.
La maggior parte dei designer professionisti espone da otto a dodici lavori. Una raccolta compatta di opere di qualità è più efficace di una lunga lista che costringe il visitatore a cercare i pezzi migliori. La reputazione di un artista si basa anche sul suo lavoro più debole, pur essendo visibile.
Sfoglia il set completo di esempi di portfolio di graphic design Ciascuno di essi è un sito web attivo, realizzato da un designer professionista, per fornire spunti su layout, colori e struttura.
Pixpa I piani partono da 5.40 dollari al mese con un piano Base annuale, con una prova gratuita di 15 giorni, nessuna carta di credito in anticipo e una garanzia di rimborso di 30 giorni. ultimi prezzi è suddiviso per livello.
Non esiste un'unica piattaforma migliore. Pixpa Ideale per i designer che desiderano un portfolio, gallerie clienti e un negozio senza commissioni, tutto in un unico posto, con modelli incentrati sul design e assistenza clienti in tempo reale.
Squarespace Adatto a chi desidera il più grande mercato di modelli; Format and Pixieset propendono per i fotografi.
Per il lavoro a contatto con i clienti, sì. Un dominio personalizzato comunica l'immagine di un professionista affermato piuttosto che di un hobbista, e diversi designer citati in precedenza ne utilizzano uno.