Kako napraviti portfolio web stranicu koja donosi posao

Da napravite portfolio web stranicu koja donosi posao, izaberite četiri do osam najboljih projekata za publiku kojoj se obraćate, predstavite svaki kao kratku priču — problem, šta ste radili, rezultat — i učinite da vas je lako kontaktirati sa svake stranice. Držite sajt brzim, posebno ako je pun slika, i stavite ga na domen s vašim imenom. Alat je manje važan od izbora i pisanja.

Počnite od toga ko gleda

Portfolio je prodajna stranica na kojoj je vaš rad proizvod. Prije nego što izaberete raspored, odlučite ko želite da vas angažuje i šta mu treba da vidi:

Ako služite dvije veoma različite publike — recimo dizajn proizvoda za pozicije i freelance ilustraciju — razmislite o zasebnim odjeljcima ili čak zasebnim sajtovima, da nijedna publika ne mora da traži.

Šta uključiti

Rad

Izaberite manje, boljih projekata. Uklonite sve što ne biste voljeli da radite ponovo. Stavite svoj najjači i najrelevantniji rad prvi; mnogi posjetioci nikada ne skroluju mimo prvog reda.

Za dizajnere i programere, najbolji projekti postaju studije slučaja. Koristan raspored:

1. Problem — jedna ili dvije rečenice o situaciji i ko je bio pogođen.
2. Vaša uloga — šta ste radili, a šta drugi. Budite precizni; preuveličavanje se lako uoči na razgovoru.
3. Proces — nekoliko ključnih odluka, sa skicama, žičanim okvirima ili isječcima koda.
4. Rezultat — šta je isporučeno i koji ishod možete iskreno navesti. Ako ne možete podijeliti brojeve, opišite promjenu kvalitativno.

Za fotografe i ilustratore, slike rade većinu posla. Grupišite ih u jasne setove (vjenčanja, proizvod, urednički), držite kratke opise i ostavite mreži prostora da diše.

O meni i kontakt

Odjeljak „O meni“ treba da kaže ko ste, šta radite, za koga to radite i gdje ste bazirani ili da li radite na daljinu. Stvarna fotografija pomaže. Put do kontakta mora biti očigledan sa svake stranice: kratak obrazac, e-mail adresa ili link za zakazivanje poziva. Ako primate rezervacije, recite kako.

Opcione stranice

• Usluge i cjenovnik — korisno za freelancere ako želite da filtrirate upite koji nisu za vas.
• CV ili biografija — korisno za one koji traže posao; PDF za preuzimanje plus verzija na stranici je uobičajeno.
• Tekstovi ili bilješke — vrijedi samo ako ćete ih održavati. Zapušten blog od prije nekoliko godina šteti više nego da ga nema.
• Svjedočanstva — samo stvarna, uz dozvolu.

Odluke i kompromisi

Statički sajt ili aplikacija? Većina portfolija su jednostavni, sadržajem vođeni sajtovi i ne trebaju bazu podataka. Dodajte je samo kada za to postoji razlog: obrazac za kontakt koji čuva upite, galerija koju često ažurirate preko administratorske stranice ili klijentsko odobravanje gdje ljudi biraju fotografije.

Gdje žive slike. Velike slike su glavni uzrok sporih portfolija. Smanjite i kompresujte ih prije otpremanja, služite savremene formate i učitavajte slike lijeno kako posjetilac skroluje. Za veliku ili često mijenjanu galeriju čuvajte slike u pravom skladištu datoteka, a ne ugrađene u kod sajta.

Kako ćete ga ažurirati. Budite iskreni o tome. Ako dodajete radove svakog mjeseca, treba vam lak način za to — jednostavna administratorska stranica, CMS ili builder u kojem se snalazite. Ako ažurirate dvaput godišnje, direktno uređivanje sajta je u redu.

Vidljivost u pretrazi. Ako želite da vas ljudi nađu pretragom vašeg imena plus vašeg zanata i grada, stranica treba da ima pravi tekst, pravilne naslove, jedinstvene naslove i opise stranica i opisne alt tekstove za slike. Pogledajte SEO za web stranice napravljene uz AI.

Prompt za AI builder

Dobar prompt imenuje publiku, stranice, rad i stil:

Napravi portfolio web stranicu za Lenu Park, dizajnerku proizvoda koja traži pozicije višeg nivoa u internim timovima SaaS kompanija. Stranice: Početna s kratkim uvodom i mrežom od 5 studija slučaja; šablon stranice studije slučaja s odjeljcima za problem, moju ulogu, proces (s galerijom slika) i rezultat; O meni s fotografijom, kratkom biografijom i preuzimanjem CV-a; Kontakt s jednostavnim obrascem (ime, e-mail, poruka) koji čuva u bazi i prikazuje poruku zahvale. Stil: miran i minimalan, puno bijelog prostora, jedna akcentna boja, veliki čitljiv tekst. Dobro radi na telefonima. Koristi jasno označene projekte-primjere koje mogu zamijeniti jedan po jedan.

Zatim zamijenite privremene projekte, jedan po jedan, umjesto da sav sadržaj lijepite u jednoj poruci. Lakše je provjeriti, a AI tačnije napravi svaku stranicu.

Za više obrazaca za pisanje promptova pogledajte kako pisati promptove za AI builder aplikacija.

Koraci izrade

1. Izaberite publiku i projekte prije nego što dotaknete bilo koji alat.
2. Napišite tekst za svaku studiju slučaja u dokumentu: problem, uloga, proces, rezultat.
3. Pripremite slike — izrežite, smanjite i kompresujte ih. Dajte datotekama smislena imena.
4. Generišite ili izaberite početni raspored. Pregledanje šablona za portfolio brz je način da vidite koji stil odgovara vašem radu.
5. Prvo napravite početnu i jednu studiju slučaja, dovedite ih u red, pa ponovite obrazac.
6. Dodajte O meni i kontakt. Testirajte obrazac za kontakt od početka do kraja.
7. Provjerite na telefonu. Portfoliji se često raspadnu na malim ekranima: zbijene mreže, ogromne slike, sitni opisi.
8. Dodajte SEO osnove i sliku za dijeljenje, da linkovi izgledaju dobro kada ih pošaljete.
9. Objavite i povežite domen. Pogledajte kako povezati prilagođeni domen.
10. Zamolite dvije osobe iz vaše ciljne publike da pogledaju sajt trideset sekundi i kažu šta radite. Ako ne mogu, popravite početnu.

Česte greške

• Pokazivanje svega. Slabi projekti razvodnjavaju jake. Birajte.
• Slike bez konteksta. Za dizajn i razvoj, snimak ekrana bez problema i vaše uloge menadžeru za zapošljavanje govori vrlo malo.
• Spori, teški sajtovi. Nekompresovane fotografije pune rezolucije čine da sajt izgleda pokvareno na mobilnim podacima.
• Pametna navigacija. Neobični meniji i efekti skrolovanja mogu biti zabavni, ali ne ako posjetioci ne mogu da nađu vaš rad ili e-mail.
• Skriveni kontakt podaci. Stavite link za kontakt u zaglavlje i podnožje svake stranice.
• Korištenje klijentskog rada za koji nemate dozvolu. Provjerite ugovore i sporazume o povjerljivosti; anonimizujte ili opišite projekat ako treba.
• Nikad ga ne ažurirati. Zastarjeli radovi i „najnoviji projekat“ od prije nekoliko godina šalju pogrešnu poruku.

Troškovi

Tekući troškovi ličnog portfolija obično su mali: domen koji se obnavlja godišnje i hosting. Sajtovi s mnogo slika koštaju nešto više ako čuvate i služite mnogo velikih datoteka. Graditelji web stranica često naplaćuju mjesečnu pretplatu koja uključuje hosting; sami praviti može biti jeftinije, ali znači da ga sami održavate. Provjerite aktuelne cijene kod svakog provajdera na njihovom sajtu, jer se mijenjaju.

Kada je gotov proizvod bolji izbor

Platforme za portfolio i graditelji web stranica s temama za portfolio dobar su izbor ako želite brzo uglancan rezultat, preferirate vizuelni uređivač i ne trebate ništa prilagođeno. Fotografi koji prodaju štampanja ili isporučuju klijentske galerije mogu biti bolje služeni namjenskom platformom za fotografe koja već rješava odobravanje i prodaju štampi. Gradite vlastiti sajt kada želite prepoznatljiv dizajn, trebate funkciju koju platforme ne nude, želite da prikažete kod ili interaktivni rad direktno ili jednostavno želite da posjedujete sajt u potpunosti.

Izrada uz Mythex

Mythex može napraviti portfolio iz opisa poput gornjeg prompta. Vidite ga u živom pregledu s okvirom veličine telefona, doterujete raspored i tekst u chatu i objavljujete na ime.mythex.app. Ako želite obrazac za kontakt koji čuva upite, Mythex dodaje bazu podataka projektu; za galerije slika može koristiti skladište datoteka projekta, pa slike nisu gurnute u kod. Na Pro planu možete kupiti domen u Mythex-u ili povezati onaj koji već posjedujete, a kod izvesti ili sinhronizovati s GitHub-om ako ga kasnije želite hostovati negdje drugo.

Dokumentacija pokriva ovo u slučaju upotrebe portfolija i objašnjava skladište datoteka. Možete krenuti i od AI builder-a za portfolio web stranice ili od određenog stila, poput portfolija za programere ili portfolija za fotografe.

Pitanja