Jak vytvořit portfolio web, který vám přinese zakázky

Abyste měli portfolio web, který vám přinese zakázky, vyberte čtyři až osm nejlepších projektů pro publikum, které chcete oslovit, každý prezentujte jako krátký příběh — problém, co jste udělali, výsledek — a kontakt na vás udělejte snadno dostupný z každé stránky. Udržte ho rychlý, zvlášť pokud je plný obrázků, a dejte ho na doménu se svým jménem. Nástroj zajímá méně než výběr a psaní.

Začněte tím, kdo se dívá

Portfolio je prodejní stránka, kde je produktem vaše práce. Než vyberete rozvržení, rozhodněte se, koho chcete, aby vás najal, a co potřebuje vidět:

Pokud obsluhujete dvě velmi odlišná publika — řekněme návrh produktů pro firemní role a volnou ilustraci — zvažte samostatné sekce nebo dokonce samostatné weby, aby se žádné z nich nemuselo prokousávat.

Co zahrnout

Práce

Vyberte méně, ale lepších projektů. Odstraňte cokoli, co byste nechtěli dělat znovu. Nejsilnější a nejrelevantnější kus dejte první; mnozí návštěvníci nikdy neposunou dál než první řádek.

U designérů a vývojářů se nejlepší projekty stanou případovými studiemi. Užitečná struktura:

1. Problém — jedna nebo dvě věty o situaci a tom, koho se týkala.
2. Vaše role — co jste udělali a co udělali ostatní. Buďte přesní; přehánění se na pohovoru snadno pozná.
3. Postup — několik klíčových rozhodnutí se skicami, drátěnými modely nebo úryvky kódu.
4. Výsledek — co bylo vydáno a jaký výsledek můžete poctivě uvést. Pokud nemůžete sdílet čísla, popište změnu kvalitativně.

U fotografů a ilustrátorů dělají většinu práce obrázky. Seskupte je do jasných sad (svatby, produkt, redakce), držte popisky krátké a nechte mřížku dýchat.

O mně a kontakt

Sekce O mně má říct, kdo jste, co děláte, pro koho to děláte a kde jste nebo zda pracujete na dálku. Pomůže skutečná fotka. Cesta ke kontaktu má být z každé stránky zřejmá: krátký formulář, e-mailová adresa nebo odkaz na rezervaci hovoru. Pokud přijímáte rezervace, napište, jak.

Volitelné stránky

• Služby a ceny — užitečné pro freelancery, pokud chcete odfiltrovat poptávky, které nesedí.
• Životopis nebo CV — užitečné pro lidi, kteří hledají práci; běžné je stažitelné PDF plus verze na stránce.
• Psaní nebo poznámky — stojí za to jen tehdy, když je budete průběžně aktualizovat. Opuštěný blog z dávných let uškodí víc než žádný blog.
• Doporučení — jen skutečná, se souhlasem.

Rozhodnutí a kompromisy

Statický web, nebo aplikace? Většina portfolií jsou jednoduché weby zaměřené na obsah a nepotřebují databázi. Přidejte ji jen tehdy, když je k tomu důvod: kontaktní formulář, který ukládá poptávky, galerie, kterou často aktualizujete přes administrační stránku, nebo schvalování klientských fotek, kde lidé vybírají snímky.

Kde jsou obrázky. Velké obrázky jsou hlavní příčinou pomalých portfolií. Před nahráním zmenšete a komprimujte, servírujte moderní formáty a načítejte obrázky líně, jak návštěvník skroluje. U velké nebo často se měnící galerie ukládejte obrázky do řádného úložiště souborů, ne do kódu webu.

Jak ho budete aktualizovat. Buďte k tomu upřímní. Pokud přidáváte práci každý měsíc, potřebujete snadný způsob — jednoduchou administraci, CMS nebo tvůrce, ve kterém se dobře upravuje. Pokud aktualizujete dvakrát za rok, stačí web upravovat přímo.

Viditelnost ve vyhledávání. Pokud chcete, aby vás lidé našli hledáním svého jména plus oboru a města, stránka potřebuje skutečný text, správné nadpisy, jedinečné názvy a popisy stránek a popisný alternativní text u obrázků. Viz SEO pro weby vytvořené s AI.

První prompt pro AI tvůrce

Dobrý prompt pojmenuje publikum, stránky, práci a styl:

Postav portfolio web pro Lenu Parkovou, produktovou designérku, která hledá seniorní pozice v interních týmech u SaaS firem. Stránky: Domů s krátkým úvodem a mřížkou 5 případových studií; šablona stránky případové studie se sekcemi problém, moje role, postup (s galerií obrázků) a výsledek; O mně s fotkou, krátkým životopisem a stažením CV; Kontakt s jednoduchým formulářem (jméno, e-mail, zpráva), který ukládá do databáze a zobrazí poděkování. Styl: klidný a minimalistický, hodně bílého prostoru, jedna akcentová barva, velké čitelné písmo. Dobře funguje na telefonech. Použij jasně označené zástupné projekty, které mohu nahradit jeden po druhém.

Pak nahrazujte zástupné projekty po jednom, místo abyste všechen obsah vložili do jedné zprávy. Lépe se to kontroluje a AI každou stránku správně zpracuje.

Další vzory promptů najdete v článku jak psát prompty pro AI tvůrce aplikací.

Postup stavby

1. Vyberte publikum a projekty dřív, než sáhnete na jakýkoli nástroj.
2. Napište text pro každou případovou studii nejdřív do dokumentu: problém, role, postup, výsledek.
3. Připravte obrázky — oříznout, zmenšit, komprimovat. Pojmenujte soubory rozumně.
4. Vygenerujte nebo vyberte výchozí rozvržení. Procházení šablon portfolií je rychlý způsob, jak vidět, jaký styl sedí na vaši práci.
5. Postavte domovskou stránku a jednu případovou studii jako první, dodělejte je a pak opakujte vzor.
6. Přidejte O mně a kontakt. Otestujte formulář od začátku do konce.
7. Zkontrolujte na telefonu. Portfolia se na malých obrazovkách často rozbijí: přeplněné mřížky, obrovské obrázky, drobné popisky.
8. Přidejte základy SEO a obrázek pro sdílení, aby odkazy vypadaly dobře, když je pošlete dál.
9. Publikujte a připojte doménu. Viz jak připojit vlastní doménu.
10. Požádejte dva lidi z vašeho cílového publika, ať se na to podívají třicet vteřin a řeknou, co děláte. Pokud to nedokážou, opravte domovskou stránku.

Časté chyby

• Ukazovat všechno. Slabé projekty ředí ty silné. Kurátorujte.
• Obrázky bez kontextu. U designu a vývoje screenshot bez problému a vaší role náboráři řekne velmi málo.
• Pomalé, těžké stránky. Nekomprimované obrázky v plném rozlišení dělají web na mobilních datech rozbitý.
• Chytrá navigace. Neobvyklá menu a efekty při skrolování mohou být zábavné, ale ne když návštěvníci nenajdou vaši práci nebo e-mail.
• Skryté kontaktní údaje. Dejte kontaktní odkaz do hlavičky i patičky každé stránky.
• Použití klientské práce, kterou nemáte právo ukázat. Zkontrolujte smlouvy a dohody o mlčenlivosti; v případě potřeby anonymizujte nebo projekt popište bez detailů.
• Nikdy neaktualizovat. Zastaralá práce a „nejnovější projekt“ z dávných let posílají špatný signál.

Náklady

Běžné náklady osobního portfolia jsou obvykle malé: doména obnovovaná ročně a hosting. Weby plné velkých obrázků stojí o něco víc, pokud ukládáte a servírujete mnoho velkých souborů. Tvůrci webů si často účtují měsíční předplatné, které zahrnuje hosting; postavit si web sami může být levnější, ale znamená to, že ho udržujete vy. Aktuální ceny si ověřte na stránkách každého poskytovatele, protože se mění.

Kdy je lepší hotový produkt

Platformy pro portfolia a tvůrci webů s portfoliovými motivy se hodí, pokud chcete rychle uhlazený výsledek, dáváte přednost vizuálnímu editoru a nepotřebujete nic na zakázku. Fotografové, kteří prodávají tisky nebo doručují klientské galerie, můžou lépe posloužit dedikované fotografické platformě, která už řeší schvalování a prodej tisků. Vlastní web stavte, když chcete výrazný design, potřebujete funkci, kterou platformy nenabízejí, chcete přímo ukázat kód nebo interaktivní práci, nebo prostě chcete web vlastnit celý.

Stavba s Mythexem

Mythex dokáže postavit portfolio z popisu, jako je výše uvedený prompt. Vidíte ho v živém náhledu s rámcem telefonu, rozvržení a text upravujete v chatu a publikujete na vaseJmeno.mythex.app. Pokud chcete kontaktní formulář, který ukládá poptávky, Mythex přidá k projektu databázi; pro obrazové galerie může využít úložiště souborů projektu, takže obrázky nejsou nacpané v kódu. V tarifu Pro si můžete v Mythexu koupit doménu nebo připojit tu, kterou už vlastníte, a exportovat kód nebo ho synchronizovat s GitHubem, kdybyste ho později chtěli hostovat jinde.

Dokumentace to pokrývá v případu použití portfolia a vysvětluje úložiště souborů. Můžete také začít od tvůrce portfoliových webů s AI nebo od konkrétního stylu, jako jsou vývojářské portfolio nebo fotografické portfolio.

Otázky