Kako izraditi portfolio web stranicu koja vam donosi posao

Da biste izradili portfolio web stranicu koja vam donosi posao, odaberite četiri do osam najboljih projekata za publiku koju želite dosegnuti, svaki predstavite kao kratku priču (problem, što ste radili, rezultat) i učinite kontakt lakim s bilo koje stranice. Držite je brzom, pogotovo ako je puna slika, i stavite je na domenu s vašim imenom. Alat je manje važan od odabira i pisanja.

Počnite s tim tko gleda

Portfelj je prodajna stranica u kojoj je vaš rad proizvod. Prije odabira rasporeda odredite koga želite da vas angažira i što mu treba vidjeti:

Ako služite dvije vrlo različite publike, recimo dizajn proizvoda za uloge u kompanijama i slobodnu ilustraciju, razmislite o zasebnim odjeljcima ili čak zasebnim stranicama, kako nijedna publika ne bi morala kopati.

Što uključiti

Rad

Odaberite manje, ali bolje projekte. Uklonite sve što ne biste htjeli ponovno raditi. Stavite svoj najjači, najrelevantniji rad na prvo mjesto; mnogi posjetitelji nikad ne pomaknu dalje od prvog reda.

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

1. Problem: jedna ili dvije rečenice o situaciji i tome koga je pogodila.
2. Vaša uloga: što ste radili, a što su radili drugi. Budite precizni; pretjerivanje se lako uoči na razgovoru.
3. Proces: nekoliko ključnih odluka, sa skicama, wireframeovima ili isječcima kôda.
4. Rezultat: što je isporučeno i svaki ishod koji iskreno možete navesti. Ako ne možete dijeliti brojke, opišite promjenu kvalitativno.

Za fotografe i ilustratore, slike rade najveći dio posla. Grupirajte ih u jasne skupove (vjenčanja, proizvodi, uredništvo), držite kratke opise i pustite mreži da diše.

O vama i kontakt

Odjeljak o vama treba reći tko ste, što radite, za koga to radite i gdje se nalazite ili radite li na daljinu. Stvarna fotografija pomaže. Kontakt treba biti očit sa svake stranice: kratak obrazac, adresa e-pošte ili poveznica za zakazivanje poziva. Ako primate rezervacije, recite kako.

Izborne stranice

• Usluge i cjenik: korisno za freelancere ako želite filtrirati upite koji ne odgovaraju.
• Životopis: korisno za tražitelje posla; uobičajeno je preuzimljivi PDF plus verzija na stranici.
• Pisanje ili bilješke: vrijedi samo ako ćete ih održavati. Napušten blog od prije nekoliko godina šteti više nego da ga nema.
• Preporuke: samo stvarne, uz dopuštenje.

Odluke i kompromisi

Statička stranica ili aplikacija? Većina portfelja su jednostavne stranice vođene sadržajem i ne trebaju bazu podataka. Dodajte je samo kad postoji razlog: obrazac za kontakt koji sprema upite, galerija koju često ažurirate kroz administratorsku stranicu ili proučavanje klijenata gdje ljudi biraju fotografije.

Gdje žive slike. Velike slike glavni su uzrok sporih portfelja. Smanjite ih i komprimirajte prije učitavanja, poslužujte moderne formate i učitavajte slike odgođeno dok posjetitelj skroluje. Za veliku ili često mijenjanu galeriju slike spremite u pravu pohranu datoteka, a ne u kôd stranice.

Kako ćete ga ažurirati. Budite iskreni u tome. Ako dodajete rad svaki mjesec, trebate lak način za to: jednostavnu administratorsku stranicu, CMS ili graditelj u kojem ste ugodni uređivati. Ako ažurirate dvaput godišnje, uređivanje stranice izravno je u redu.

Vidljivost u pretrazi. Ako želite da vas ljudi pronađu pretragom vašeg imena uz vaš zanat i grad, stranica treba stvaran tekst, ispravne naslove, jedinstvene naslove i opise stranica te opisani alternativni tekst na slikama. Pogledajte SEO za web stranice izrađene uz AI.

Upit za AI graditelja

Dobar upit imenuje publiku, stranice, rad i stil:

Izradi portfolio web stranicu za Lenu Park, dizajnericu proizvoda koja traži više uloge u kompanijama SaaS sektora. Stranice: Početna s kratkim uvodom i mrežom od 5 studija slučaja; predložak stranice studije slučaja s odjeljcima za problem, moju ulogu, proces (s galerijom slika) i rezultat; O meni s fotografijom, kratkom biografijom i preuzimanjem životopisa; Kontakt s jednostavnim obrascem (ime, e-pošta, poruka) koji sprema u bazu podataka i prikazuje poruku zahvale. Stil: miran i minimalan, puno bijelog prostora, jedna akcentna boja, velika čitljiva slova. Dobro radi na mobitelu. Koristi jasno označene zamjenske projekte koje mogu zamijeniti jedan po jedan.

Zamjenske projekte i članke zamijenite stvarnima jedan po jedan, a ne da sve sadržaje zalijepite u jednoj poruci. Lakše je provjeriti i AI svaku stranicu ispravno napravi.

Za više obrazaca upita pogledajte kako pisati upite za AI graditelje aplikacija.

Koraci izrade

1. Odredite publiku i projekte prije nego dotaknete bilo koji alat.
2. Napišite tekst za svaku studiju slučaja u dokumentu prvo: problem, uloga, proces, rezultat.
3. Pripremite slike: izrežite, smanjite i komprimirajte ih. Dajte datotekama smislena imena.
4. Generirajte ili odaberite početni raspored. Pregledavanje predložaka za portfelj brz je način da vidite koji stil odgovara vašem radu.
5. Izradite prvo početnu i jednu studiju slučaja, dobro ih postavite, zatim ponovite obrazac.
6. Dodajte o vama i kontakt. Testirajte obrazac za kontakt od početka do kraja.
7. Provjerite na mobitelu. Portfelji se često pokvare na malim ekranima: natrpane mreže, ogromne slike, sitni natpisi.
8. Dodajte osnove za SEO i sliku za dijeljenje, kako poveznice izgledaju dobro kad ih šaljete.
9. Objavite i povežite domenu. Pogledajte kako povezati prilagođenu domenu.
10. Zamolite dvije osobe iz vaše ciljne publike da pogledaju stranicu tridesetak sekundi i kažu vam što radite. Ako ne mogu, popravite početnu.

Česte greške

• Prikazivanje svega. Slabi projekti razrjeđuju jake. Kurirajte.
• Slike bez konteksta. Za dizajn i razvoj, snimka zaslona bez problema i vaše uloge voditelju zapošljavanja govori vrlo malo.
• Spore, teške stranice. Nekomprimirane slike pune rezolucije čine stranicu neispravnom na mobilnim podacima.
• Domišljata navigacija. Neobični izbornici i efekti pri skrolanju mogu biti zabavni, ali ne ako posjetitelji ne mogu pronaći vaš rad ili e-poštu.
• Skriveni kontakt podaci. Stavite poveznicu za kontakt u zaglavlje i podnožje svake stranice.
• Korištenje klijentskog rada koji nemate dopuštenje prikazivati. Provjerite ugovore i sporazume o povjerljivosti; anonimizirajte projekt ili ga opišite ako treba.
• Nikad ne ažurirati. Zastarjeli radovi i "najnoviji projekt" stari godinama šalju krivu poruku.

Troškovi

Tekući troškovi osobnog portfelja obično su mali: domena obnavljana godišnje i hosting. Stranice s puno slika koštaju malo više ako pohranjujete i poslužujete mnogo velikih datoteka. Graditelji web stranica često naplaćuju mjesečnu pretplatu koja uključuje hosting; sami graditi može biti jeftinije, ali znači da ga sami održavate. Provjerite trenutne cijene na stranici svakog pružatelja, jer se mijenjaju.

Kada je gotov proizvod bolji izbor

Platforme za portfelje i graditelji web stranica s temama za portfelj dobar su izbor ako želite brz, uglađen rezultat, preferirate vizualni uređivač i ne trebate ništa prilagođeno. Fotografima koji prodaju otiske ili isporučuju klijentske galerije možda bolje služi namjenska platforma za fotografe koja već rješava odobravanje i prodaju otisaka. Izradite vlastito kada želite drukčiji dizajn, trebate značajku koju platforme ne nude, želite izravno prikazati kôd ili interaktivni rad ili jednostavno želite posjedovati stranicu u cijelosti.

Izrada s Mythexom

Mythex može izraditi portfelj iz opisa poput gornjeg upita. Vidite ga u živom pregledu s okvirom veličine mobitela, doradite raspored i tekst u chatu i objavite na adresu vaseime.mythex.app. Ako želite obrazac za kontakt koji sprema upite, Mythex dodaje bazu podataka projektu; za galerije slika može koristiti pohranu datoteka projekta, pa slike nisu gurnute u kôd. U Pro planu možete kupiti domenu u Mythexu ili povezati onu koju već posjedujete i izvesti kôd ili ga sinkronizirati s GitHubom ako kasnije želite hostirati drugdje.

Dokumentacija to pokriva u slučaju korištenja za portfelj i objašnjava pohranu datoteka. Možete krenuti i od AI graditelja portfolio web stranica ili od određenog stila poput developer portfolija ili fotografskog portfolija.

Pitanja