Idei pentru prezentarea lucrărilor dvs. de portofoliu online

Un portofoliu online este orientat în mare parte pe conținut, unde utilizatorul trebuie să ia inițiativa pentru a naviga prin site. Scopul dvs. este să vă prezentați lucrarea în mod clar și să încurajați utilizatorii să facă clic.

În această postare, aș dori să împărtășesc câteva tehnici care să-i ajute pe vizitatori să se aprofundeze în activitatea dvs. de portofoliu. Există multe moduri diferite de a face acest lucru, unii oameni adaugă doar pagini statice, în timp ce alții adaugă prezentări de diapozitive și studii de caz complete.

Desigur, tipul de lucru pe care îl faceți va juca un factor în designul site-ului dvs. Dar aceste sfaturi sunt universale și se pot aplica oricărui site de portofoliu de pe net.

Categorii dinamice

Dacă lucrați cu multe tipuri diferite, ar trebui să încercați să adăugați etichete de sortare dinamică pe pagina de portofoliu. Acest lucru le permite vizitatorilor să răsfoiască munca pe care doresc să o vadă, mai degrabă decât să răsfoiască tot ceea ce ați făcut.

De exemplu, un designer digital poate avea multe tipuri diferite de lucru și fiecare intrare din portofoliu poate prezenta un set de abilități diferit. Aceste categorii s-ar putea descompune astfel:

• Design de identitate
• Design icoană
• Site-uri web
• Aplicații pentru mobil
• Wireframing UI/UX

Dacă creați categorii dinamice, atunci vizitatorii pot naviga în funcție de fiecare în parte. Acest lucru face ca navigarea pe site să fie mult mai rapidă și este cea mai puternică modalitate de a prezenta lucrările de portofoliu.

Tema Hero este un exemplu bun al sortării acestei categorii în acțiune. Pagina principală a portofoliului folosește linkuri mici de etichete din partea de sus pentru a organiza diferite stiluri de proiect.

Când utilizatorul face clic pe un link de categorie, portofoliul ascunde automat toate proiectele, în afară de cele adăugate în categorie. Toate acestea sunt controlate de WordPress pe backend, așa că trebuie doar să adăugați proiecte în site-ul dvs. și să le organizați în consecință.

Multe teme de portofoliu WordPress vin cu aceste funcții în mod implicit și sunt fantastice. Puteți vedea un alt exemplu în tema Beckett care utilizează link-uri simple text.

Dar observați cum ambele exemple sunt, practic, modele pe ecran complet, iar portofoliul ocupă majoritatea spațiului de pe pagină.

Categoriile dinamice funcționează cel mai bine atunci când sunt ușor de utilizat și ușor de răsfoit. Aceste exemple oferă un loc minunat pentru a începe și poți chiar să folosești aceste teme pentru propriul site, dacă se potrivesc cu stilul tău de design.

Prezentări de fotografii ale proiectului

Marea majoritate a prezentărilor de diapozitive de proiect sunt folosite ca elemente suplimentare pe pagina unui proiect de portofoliu. Așadar, aceste prezentări de diapozitive adaugă un anumit nivel de detaliu în pagină, unde puteți răsfoi prin fotografii cu un clic pe un buton.

Îmi plac prezentările de diapozitive pentru că oferă o privire asupra fluxului de lucru fără a ocupa mult spațiu. Dar ar trebui să le folosiți cu moderație.

Uneori, vizitatorii preferă o galerie de miniaturi care să răsfoiască toate odată. Dar prezentările de diapozitive își au locul lor dacă nu sunt prea mari și nu au prea multe diapozitive (să spunem sub 15 ani).

Bramble acceptă prezentări de imagini pe paginile portofoliului și, de asemenea, sunt pe deplin receptive. Aceasta vă permite să răsfoiți rapid fotografiile și are două metode diferite de navigare:

• Săgeți stânga/dreapta
• Navigare cu puncte pentru fiecare diapozitiv

Utilizatorii de smartphone-uri pot lucra în continuare prin această prezentare de diapozitive cu ușurință și pot obține efectul complet. Dar există și un argument pentru miniaturi, deoarece utilizatorul poate atinge pentru a extinde fotografia mai mare.

Prezentarea de diapozitive de portofoliu ideală depinde de tipul de lucru pe care îl desfășurați. Dacă fotografiile tale se pot încadra într-un glisor orizontal, atunci ia în considerare cu siguranță să adaugi unul pe pagina proiectului.

Sau ați putea chiar să adăugați unul pe pagina dvs. de pornire, ca în tema Oshine. Mai exact, această demonstrație care prezintă design interior și arhitectură.

Acest stil unic funcționează bine pentru fotografi, designeri digitali și artiști digitali. Aceste stiluri de lucru tind să fie destul de mari și să se încadreze bine într-o prezentare de diapozitive pe ecran complet.

Glisoarele paginii de pornire atrag imediat atenția, astfel încât, de asemenea, vă ajută să vindeți exact ceea ce faceți dintr-o privire.

Asigurați-vă că citiți puțin despre carusele pentru a afla câteva dintre cele mai bune practici pentru navigare și redirecționare automată.

Casete modale

Aceasta este tehnica mea preferată pentru prezentarea lucrărilor de portofoliu. Caseta de fereastră modală apare „în partea de sus” a paginii prin îngrijirea conținutului de dedesubt.

Acest lucru vine de obicei sub forma unei galerii de imagini în care utilizatorul poate face clic (sau glisează) prin mai multe imagini de proiect simultan. Deoarece fereastra modală apare în partea de sus a paginii, poate ocupa întreaga pagină fără a enerva utilizatorul cu o nouă filă.

Un exemplu fantastic în acest sens este tema Vitae de pe ThemeForest. Vine cu modal lightbox pe fiecare pagină de articol din portofoliu, unde puteți face clic pentru a vedea o imagine mai mare.

Eu personal prefer fundalul mai întunecat, deoarece acesta adaugă cu adevărat contrast între fereastra modală și conținut. Unele teme precum Vitae folosesc un fundal mai deschis și funcționează bine.

Scopul este de a crește implicarea utilizatorilor prin forțarea acestui modal deasupra întregii pagini. Când faceți acest lucru cu o fereastră pop-up modală, poate fi foarte enervant. Dar funcționează surprinzător de bine pentru conținutul de portofoliu atunci când utilizatorul se așteaptă.

Recomand acest lucru mai ales pentru articolele din galerie în care aveți multe fotografii pe care doriți să le prezentați într-o singură serie. Ferestrele modale întunecate pot prezenta și articole din portofoliu complet, cum ar fi tema Honshi.

Dacă aveți o serie de fotografii care merg împreună într-un set, luați în considerare rularea lor cu prezentari de diapozitive modale. Sau, dacă sunteți designer, puteți adăuga diferite etape ale lucrării dvs. într-o prezentare de diapozitive, aproape ca o progresie de la început până la sfârșit.

Orice tip de site de portofoliu vizual poate beneficia de ferestre modale. Vrei doar să găsești o temă de portofoliu cu această caracteristică și să o incluzi în mod natural în paginile proiectului.

Studii de caz de pagină completă

Este întotdeauna bine să adăugați conținut scris alături de lucrarea de portofoliu. În acest fel, vizitatorii pot avea o idee despre cum este proiectul, munca pe care ați făcut-o și cum ați trecut de la faza de planificare inițială la finalizare.

Studiile de caz sunt cele mai bune pentru a prezenta o imagine completă a proiectului. În mod natural, ar trebui să aveți o mulțime de fotografii pe pagină, dar să includeți și anecdote personale și liste care defalcă întregul proces creativ.

Vizitatorii doresc să afle mai multe despre ceea ce faci. Aceste studii de caz construiesc încredere și vă prezintă ca o autoritate în acest subiect.

Mandala este o temă excelentă care demonstrează cât de simple ar putea arăta studiile de caz.

Secțiunea de sus include un exemplu de fotografie a proiectului împreună cu detalii suplimentare precum data proiectului, categoria, numele clientului și o scurtă prezentare generală a proiectului.

Oferă cititorilor șansa de a arunca o privire în culise și de a afla mai multe despre ceea ce faci. Elementele vizuale ajută, dar arată doar o parte din poveste.

Scriind studii de caz, puteți explica problemele comune și cum le-ați rezolvat, împreună cu procesul de brainstorming pentru a veni cu idei interesante.

Dacă faci fotografie, probabil că nu vei avea atât de multe despre ce să scrii. Cu toate acestea, tema Dazzle arată că doar puțin conținut poate merge mult.

Tema portofoliului lor vine cu zeci de stiluri. Unii au mici informații despre proiect, alții au mai multe detalii pe pagina proiectului. Dar, oricum, puteți învăța multe analizând numeroasele stiluri oferite de această temă.

Luați studii de caz și faceți-le cu adevărat proprii. Adăugați doar suficiente informații pentru a le face valoroase pentru vizitatori, fără a scrie o disertație completă.

Încheierea

Prezentarea lucrărilor dvs. de portofoliu nu este întotdeauna simplă. Diferă în funcție de tipul de muncă și de câte proiecte aveți.

Dar tendințele pe care le-am enumerat mai sus funcționează bine pentru aproape orice, de la design grafic la fotografie, animație, lucru cu UI sau orice altceva. Prezentările de diapozitive personalizate, sortarea categoriilor, ferestrele modale și studiile de caz pot crește radical implicarea pe site-ul dvs. de portofoliu.

Dacă încă nu ați început propriul site de portofoliu, ar trebui să consultați articolul nostru despre cum să construiți un site de portofoliu WordPress, unde vă explicăm cum să configurați găzduirea și o temă pentru portofoliul dvs. online.