Ako vytvoriť webové portfólio, ktoré vám prinesie prácu

Aby vám webové portfólio prinieslo prácu, vyberte štyri až osem svojich najlepších projektov pre publikum, ktoré chcete osloviť, každý predstavte ako krátky príbeh — problém, čo ste urobili, výsledok — a na každej stránke uľahčite kontakt s vami. Udržte ho rýchle, najmä ak je plné obrázkov, a dajte ho na doménu s vaším menom. Nástroj je menej dôležitý než výber a písanie.

Začnite tým, kto sa pozerá

Portfólio je predajná stránka, v ktorej je produktom vaša práca. Skôr než zvolíte rozloženie, rozhodnite sa, kto vás chce zamestnať a čo potrebuje vidieť:

Ak oslovujete dve veľmi odlišné publiká — napríklad pozície v produktovom dizajne a voľnú ilustráciu — zvážte samostatné sekcie alebo dokonca samostatné weby, aby sa žiadne publikum nemuselo prehrabávať.

Čo zahrnúť

Práca

Vyberte menej, ale lepších projektov. Odstráňte všetko, čo by ste nechceli robiť znova. Na začiatok dajte svoj najsilnejší a najrelevantnejší kúsok; mnohí návštevníci nikdy neprejdú nad prvý rad.

Pre dizajnérov a vývojárov sa najlepšie projekty stanú prípadovými štúdiami. Užitočná štruktúra:

1. Problém — jedna alebo dve vety o situácii a o tom, koho zasiahla.
2. Vaša rola — čo ste urobili a čo urobili ostatní. Buďte presní; prehnané tvrdenia sa na pohovore ľahko odhalia.
3. Postup — niekoľko kľúčových rozhodnutí, s náčrtmi, wireframemi alebo úryvkami kódu.
4. Výsledok — čo sa nasadilo a akýkoľvek výsledok, ktorý môžete úprimne uviesť. Ak nemôžete zdieľať čísla, opíšte zmenu kvalitatívne.

Pre fotografov a ilustrátorov robia väčšinu práce obrázky. Zoskupte ich do jasných sérií (svadby, produkt, redakčné), popisky držte krátke a nechajte mriežku dýchať.

O mne a kontakt

Sekcia o vás má povedať, kto ste, čo robíte, pre koho to robíte a kde ste založení alebo či pracujete na diaľku. Pomôže skutočná fotka. Spôsob kontaktu má byť zrejmý na každej stránke: krátky formulár, e-mailová adresa alebo odkaz na rezerváciu hovoru. Ak prijímate rezervácie, uveďte ako.

Voliteľné stránky

• Služby a sadzby — užitočné pre freelancerov, ak chcete odfiltrovať dopyty, ktoré nesedia.
• Životopis alebo CV — užitočné pre uchádzačov o prácu; bežná je stiahnuteľná PDF verzia plus verzia na stránke.
• Texty alebo poznámky — stoja za to, iba ak ich budete udržiavať aktuálne. Opustený blog spred rokov škodí viac než žiadny blog.
• Odporúčania — iba skutočné, so súhlasom.

Rozhodnutia a kompromisy

Statický web, alebo aplikácia? Väčšina portfólií sú jednoduché weby zamerané na obsah a databázu nepotrebujú. Pridajte ju iba z dôvodu: kontaktný formulár, ktorý ukladá dopyty, galéria, ktorú často aktualizujete cez administračnú stránku, alebo schvaľovanie fotiek pre klienta, kde si ľudia vyberajú fotky.

Kde sú obrázky uložené. Veľké obrázky sú hlavnou príčinou pomalých portfólií. Pred nahratím ich zmenšite a skomprimujte, poskytujte moderné formáty a obrázky načítavajte lenivo, ako návštevník posúva. Pri veľkej alebo často sa meniacej galérii ukladajte obrázky do riadneho úložiska súborov, nie do kódu stránky.

Ako ho budete aktualizovať. Buďte k tomu úprimní. Ak pridávate prácu každý mesiac, potrebujete jednoduchý spôsob, ako to robiť — jednoduchú administračnú stránku, CMS alebo tvorcu, v ktorom sa cítite dobre. Ak aktualizujete dvakrát ročne, úprava stránky priamo je v poriadku.

Viditeľnosť vo vyhľadávaní. Ak chcete, aby vás ľudia našli podľa vyhľadania vášho mena spolu s odborom a mestom, stránka potrebuje skutočný text, správne nadpisy, jedinečné názvy a popisy stránok a popisný alternatívny text na obrázkoch. Pozrite SEO pre weby vytvorené pomocou AI.

Prvý prompt pre AI nástroj

Dobrý prompt pomenuje publikum, stránky, prácu a štýl:

Vytvor webové portfólio pre Lenu Park, dizajnérku produktov, ktorá hľadá vyššie interné pozície v SaaS firmách. Stránky: Domov s krátkym úvodom a mriežkou 5 prípadových štúdií; šablóna stránky prípadovej štúdie s sekciami pre problém, moju rolu, postup (s galériou obrázkov) a výsledok; O mne s fotkou, krátkym životopisom a stiahnutím CV; Kontakt s jednoduchým formulárom (meno, e-mail, správa), ktorý ukladá do databázy a zobrazí poďakovanie. Štýl: pokojný a minimalistický, veľa bieleho priestoru, jedna akcentová farba, veľké čitateľné písmo. Dobre funguje na telefónoch. Použi jasne označené zástupné projekty, ktoré môžem nahradiť jeden po druhom.

Zástupné projekty potom nahrádzajte jeden projekt za druhým, namiesto toho aby ste celý svoj obsah vložili do jednej správy. Je to jednoduchšie kontrolovať a AI správne spracuje každú stránku.

Ďalšie vzory promptov nájdete v článku ako písať prompty pre AI nástroje na tvorbu aplikácií.

Kroky stavby

1. Vyberte publikum a projekty skôr, než sa dotknete akéhokoľvek nástroja.
2. Napíšte text pre každú prípadovú štúdiu najprv v dokumente: problém, rola, postup, výsledok.
3. Pripravte obrázky — orežte ich, zmenšite a skomprimujte. Súbory pomenujte rozumne.
4. Vygenerujte alebo vyberte východiskové rozloženie. Prezeranie šablón portfólií je rýchly spôsob, ako zistiť, aký štýl sedí k vašej práci.
5. Najprv postavte domovskú stránku a jednu prípadovú štúdiu, dajte ich do poriadku a potom zopakujte vzor.
6. Pridajte o mne a kontakt. Otestujte kontaktný formulár od začiatku do konca.
7. Skontrolujte na telefóne. Portfóliá sa na malých obrazovkách často rozpadajú: stiesnené mriežky, obrovské obrázky, drobné popisky.
8. Pridajte základy SEO a obrázok na zdieľanie, aby odkazy vyzerali dobre, keď ich pošlete.
9. Publikujte a pripojte doménu. Pozrite ako pripojiť vlastnú doménu.
10. Požiadajte dvoch ľudí z vašej cieľovej skupiny, aby si to pozreli tridsať sekúnd a povedali vám, čo robíte. Ak to nevedia, opravte domovskú stránku.

Časté chyby

• Ukazovať úplne všetko. Slabé projekty zrieďujú silné. Vyberajte.
• Obrázky bez kontextu. Pri dizajne a vývoji screenshot bez problému a vašej roly hovorí manažérovi náboru veľmi málo.
• Pomalé, ťažké stránky. Nekomprimované obrázky vo plnom rozlíšení spravia z webu rozbitý zážitok na mobilných dátach.
• Zmätočná navigácia. Neobvyklé menu a efekty pri posúvaní môžu byť zábavné, ale nie ak návštevníci nenájdu vašu prácu alebo e-mail.
• Skryté kontaktné údaje. Dajte odkaz na kontakt do hlavičky a pätičky každej stránky.
• Použitie zákazníckej práce bez povolenia na zverejnenie. Skontrolujte zmluvy a dohody o mlčanlivosti; v prípade potreby projekt anonymizujte alebo opíšte.
• Nikdy neaktualizovať. Staré práce a „najnovší projekt“ spred rokov posielajú zlý signál.

Náklady

Bežné náklady osobného portfólia sú zvyčajne malé: doména obnovovaná ročne a hosting. Weby s veľa obrázkami stoja trochu viac, ak ukladáte a poskytujete mnoho veľkých súborov. Tvorcovia webov si často účtujú mesačné predplatné, ktoré zahŕňa hosting; vlastný web môže byť lacnejší, ale musíte ho udržiavať. Aktuálne ceny skontrolujte na stránke každého poskytovateľa, lebo sa menia.

Kedy je lepšia hotová platforma

Platformy na portfóliá a tvorcovia webov so šablónami portfólií sú vhodné, ak chcete rýchlo vyleštený výsledok, uprednostňujete vizuálny editor a nepotrebujete nič na mieru. Fotografom, ktorí predávajú výtlačky alebo doručujú galérie klientom, môže lepšie vyhovovať špecializovaná platforma na fotografiu, ktorá už rieši schvaľovanie a predaj výtlačkov. Vlastný web si postavte, keď chcete výrazný dizajn, potrebujete funkciu, ktorú platformy neponúkajú, chcete ukazovať kód alebo interaktívnu prácu priamo, alebo jednoducho chcete web úplne vlastniť.

Vytvorenie s Mythex

Mythex dokáže vytvoriť portfólio z opisu podobného promptu vyššie. Vidíte ho v živom náhľade s rámčekom vo veľkosti telefónu, rozloženie a text doladíte v chate a publikujete na yourname.mythex.app. Ak chcete kontaktný formulár, ktorý ukladá dopyty, Mythex pridá k projektu databázu; pre obrázkové galérie môže použiť úložisko súborov projektu, aby sa obrázky nemuseli napchávať do kódu. V pláne Pro si môžete v Mythex kúpiť doménu alebo pripojiť takú, ktorú už vlastníte, a exportovať kód alebo ho synchronizovať s GitHubom, ak ho neskôr chcete hostovať inde.

To pokrýva prípad použitia portfólia v dokumentácii a vysvetľuje úložisko súborov. Môžete tiež začať s AI tvorcom webových portfólií alebo s konkrétnym štýlom, napríklad portfólio vývojára či fotografické portfólio.

Otázky