15+ Instrumente pentru construirea portofoliului dvs. pe Web

Există mai multe modalități ca oricând să vă vedeți online (și munca dvs.). Indiferent dacă este vorba despre un design, o ilustrație, o fotografie, un cod sau un portofoliu de produse, aruncați o privire asupra unora dintre aceste instrumente pentru ao obține acolo.

dunked

Brain-ul lui Orman Clark și chums, dunked este o platformă care oferă un cont în care puteți încărca propriile exemple de portofoliu și puteți adapta prezentarea.

Dunked este simplu: creați un cont, adăugați proiecte și pagini, apoi personalizați modul în care este prezentată lucrarea dvs. utilizând unul dintre șabloanele disponibile.

În timpul configurării, vă veți specifica propriul subdomeniu personal al dunked.com (yourpersonalthingy.dunked.com) sau puteți utiliza funcția de domeniu personalizat și indicați spre un domeniu propriu.

Dunked oferă o perioadă de încercare gratuită de zece zile, după care va trebui să vă înscrieți pentru unul dintre planurile de plată, variind de la 7 USD pe lună la 29 USD pe lună, în funcție de caracteristicile sau scara dorită. Consultați vitrina pentru câteva exemple aflate în sălbăticie.

Format

Format este o platformă similară cu cea dunked, deoarece oferă un mediu personalizat găzduit pentru a vă arăta munca. Experiența la bord este asemănătoare: înregistrarea non-committal (fără card de credit), după care sunteți ghidat prin procesul de configurare a portofoliului. Ambele oferă chat live, doar în cazul în care:

Alegeți dintr-o multitudine de teme, personalizați-le după voie, apoi opriți-vă.

Planurile variază de la 5,75 USD pe lună, până la 24,99 USD, în funcție de caracteristici și de scară. Uitați-vă la niște oameni foarte talentați care folosesc formatul.

Squarespace

"Nu, nu-mi place Squarespace" - a spus nimeni, niciodată

Squarespace nu este exclusiv o platformă de portofoliu, dar multe dintre modelele sale sunt perfect potrivite pentru prezentarea fotografiei, artei, ilustrației și designului. Poziționate în mod similar cu cele două exemple anterioare, prețurile site-urilor de portofoliu variază de la 8 USD pe lună, până la 26 USD pe lună.

În ceea ce privește caracteristicile, așteptați găzduirea, domenii personalizate, template-uri extinse, suport, scalabilitate, analiză, tot ce jazz. Există, de asemenea, o aplicație gratuită pentru iOS, care vă păstrează portofelul dvs. sincronizat și nesolicitat pe o conexiune la internet, chiar pe iPhone sau iPad. Aruncați o privire asupra a ceea ce au făcut alții cu Squarespace și portofoliile lor, apoi dați-i un vârtej.

Adobe Portfolio

Folosind deja imensa sa acoperire în comunitatea creativă, Adobe a lansat recent Portofoliul, răspunsul lor la piața de portofoliu bazată pe cloud.

Cu doar o mână de machete de a alege în prezent, primul pas a fost făcut foarte ușor. 

Faptul puțin cunoscut: toate modelele @AdobePortfolio sunt numite după reclamele pe @Behance! Vedeți studiul de caz: https://t.co/LVC1rhOCdu

- Andrew Couldwell (@andrewcouldwell) 18 februarie 2016

Uitați-vă la cele cinci planuri în cauză aici; ele sunt exemple foarte puternice pentru ceea ce puteți face:

  • matthias.myportfolio.com
  • lina.myportfolio.com
  • sawdust.myportfolio.com
  • thomas.myportfolio.com
  • mercedes.myportfolio.com

Deci, apuca un șablon, apoi vei fi dus la editorul de portofoliu, moment în care poți începe să adaugi proiecte și să editezi prezentarea. Proiectele, după cum vă puteți imagina, sunt pline de propriile exemple de lucru. 

Ceea ce face ca produsul Adobe să iasă în evidență este că vă puteți sincroniza opțional proiectele cu propriul dvs. profil în rețeaua Behance. În plus, (și aceasta este o caracteristică destul de interesantă), puteți credita alte persoane și echipe, prin conectarea la al lor profile pe Behance:

Portofoliul este destul de nou, deci vă rugăm să ne spuneți dacă ați folosit-o și ce gânduri aveți.

Behance ProSite

Pana in prezent, Behance si-a oferit propria forma de portofoliu avansat: ProSite. Folosind profilul dvs. Behance, puteți să vă prezentați munca într-o manieră mai flexibilă și să distribuiți totul în galeriile populare alternative. Totuși, odată cu apariția Adobe Portfolio, ProSite este datorată întreruperii.

Totuși, unele dintre exemplele făcute cu ProSite rămân destul de îndrăznețe:

stevesimpson.prosite.com

WordPress: manager de portofoliu Behance

Fani să iei singur domniile? Behance Portfolio Manager este un plug-in WordPress care vă atrage munca cu ajutorul API-ului Behance. Fiind un plugin, stil de prezentare este in intregime (dincolo de unele optiuni de layout de baza) pana la tema WordPress aleasa.

Construiți-vă propriul portofoliu alimentat

Fancy să luați domniile chiar mai mult? Check out această serie de tutori din trei părți de Thoriq Firdaus. În el, el descrie piulițele și bolțurile de a construi propriul portofoliu web static, folosind HTML, CSS și JavaScript de bază. Și portofoliul tău Behance, bineînțeles. 

Uitați-vă la demo.

Construiți o grilă de portofoliu Dribbble cu Flexboxgrid și Jribbble

Un alt tutorial pe care l-am publicat anul trecut, de data aceasta bazat pe API-ul Dribbble. Urmăriți-l pe Jonathan Cutrell pe măsură ce construiește o pagină web statică, utilizând tehnicile layout-ului Flexbox și plugin-ul Jribber JQuery pentru a extrage exemple de portofoliu din contul Dribbble.

Dribbbox

Alternativ, lăsați Dribbbox să facă ridicarea greu pentru tine, gazduit de sine, fără active externe. Descărcați fișierele, adăugați acreditările corespunzătoare în config.js, apoi încărcați pe serverul dvs. web.

Consultați demo-ul online, utilizând propriile date

Și este de la sine înțeles că puteți folosi în mod legitim Dribbble ca portofoliu online ...

⌘ + SPACE

În final, în tema Dribbble, avem ⌘ + SPACE. Acest este o platformă, oferind o pagină găzduită care trage în acreditările Dribbble. Cu un grad de personalizare la ofertă, ⌘ + SPACE vă permite să modificați imaginea de fundal sau culoarea și să adăugați o gamă personală de profiluri de rețele sociale, astfel încât oamenii să se poată conecta. Deși nu există o opțiune curentă pentru specificarea adreselor URL personalizate, detaliile care lipsesc ar părea că se află la orizont:

Penfolio

În mod similar cu exemplele de mai sus, Penfolio vă duce Codepen profil și scoate conținutul său sub forma unui portofoliu. După cum indică instrucțiunile: adăugați numele de utilizator Codepen la variabila JS furnizată și asta este!

semplice

Semplice nu este o platformă. Este o temă WordPress, cu un preț de o singură dată de $ 89. Ceea ce construiți și prezentați lumii vine ambalat cu detalii minunate: design sensibil la atingere, performanță optimizată și reîmprospătarea paginii în tranziție pentru o experiență lină. Verificați această gamă variată de exemple de inspirație!

Dar Semplice nu este doar despre front-end. Ceea ce oferă în ceea ce privește back-end-ul este foarte diferit - un editor de conținut complet personalizat în WordPress admin:

Piața Envato

Categoria "Portofoliu WordPress" de pe Envato Market este, pur și simplu, masivă, care se mândrește cu peste 800 de teme pentru a rămâne blocată. Uitați-vă la unele dintre ele de mai jos!

Salient - Temă multiplă responsabilăKON / CEPT - o temă de portofoliu pentru oameni creativiHyper-X Designerul site-ului de portofoliuPortofoliu mare Portofoliu responsabilWolfe - Portfolio Tema WordPress

Învelire

În cele din urmă, demn de o mențiune specială, este site.envato.com. În timp ce sunteți încă în curs de dezvoltare, puteți să vă înscrieți pentru a primi acces rapid, de îndată ce comutatoarele sunt rotite:

Acestea sunt doar câteva moduri de a vă lansa portofoliul online. Cum ați făcut-o în trecut? Ce alte instrumente te gândești să încerci? Spuneți-ne în comentariile!