Příklady portfolio webů: 14 nápadů pro designéry, vývojáře a kreativce

Nejlepší portfolio weby dělají tři věci rychle: řeknou, kdo jste a co děláte, ukážou pár nejlepších prací s kontextem a usnadní vás kontaktovat. Níže je 14 příkladů portfolio webů. Pět z nich jsou skutečné weby, které jsme v říjnu 2026 prošli; dalších devět jsou vzory pro různé druhy práce, popsané bez uvedení konkrétního webu. Následuje checklist, časté chyby a jak si web postavit.

14 příkladů na první pohled

Skutečné portfolio weby a co dělají dobře

Popisy platí k říjnu 2026.

1. Brittany Chiang: všechno, co developer recruiter potřebuje

Web Brittany Chiang ji představuje jako front-end inženýrku s jednou větou o přístupných a vybroušených webových zážitcích. Navigace přeskakuje mezi O mně, Zkušenosti a Projekty. U každé práce je uveden zaměstnavatel, data, krátký popis a štítky technologií, s odkazem na celý životopis. Vybrané projekty mají snímek obrazovky, popis a odkaz, a odkaz „Zobrazit celý archiv projektů“ obsahuje všechno ostatní. Sekce psaní odkazuje na její články.

Co si z toho vzít: hlavní stránka ukazuje několik nejlepších položek; archiv obsahuje zbytek. Štítky usnadňují hledání konkrétní dovednosti.

2. Jessica Hische: portfolio, které je zároveň byznys

Web Jessicy Hische ji představuje jako kaligrafku, autorku a podnikatelku. Klientské práce jsou seskupeny do kategorií (reklama, knihy a film, redakční práce, produkty), každý projekt má náhled vedoucí na celou stránku a popisy jsou hovorové a vysvětlují proces. Vedle práce jsou stránky pro zakázky, přednášky, koučing, knihy, obchod a samostatné kontaktní e-maily pro různé typy dotazů.

Co si z toho vzít: pokud prodáváte několik různých věcí, dejte každé vlastní cestu a kontaktní kanál, aby se správné dotazy dostaly k vám.

3. Lee Robinson: prostý text, jasné myšlení

Web Lee Robinsona je jediná minimalistická stránka: krátké bio, seznam poznámek k tématům a seznam blogových příspěvků s daty. Kontakt je odkaz na e-mail a profil na X.

Co si z toho vzít: pro lidi, jejichž práce jsou myšlenky, je portfoliem psaní. Prostý seznam názvů s daty se dobře čte a rychle načítá.

4. Paco Coursey: krátké a názorové sekce

Web Paca Courseyho ho popisuje jako designéra a vývojáře, který tvoří rozhraní. Stránka má krátké sekce o tom, co staví, tři projekty s otevřeným zdrojovým kódem, psaní, sekci „Teď“ o aktuálních zájmech a odkazy na kontakt.

Co si z toho vzít: sekce „Teď“ je snadný způsob, jak portfoliu dodat aktuálnost a osobní ráz bez blogu.

5. Bruno Simon: web je samotná práce

Portfolio Bruna Simona je interaktivní 3D svět, ve kterém řídíte malé auto, s ovládáním klávesnicí, myší, dotykem a gamepadem, achievementy a časovaným závodním režimem. Sekce „Za scénou“ vysvětluje použitý stack a odkazuje na zdrojový kód.

Co si z toho vzít: pro kreativní vývojáře může být experimentální web nejsilnějším důkazem dovedností. Pro většinu jiných rolí se hodí špatně, protože návštěvníci, kteří chtějí jen váš životopis, musí nejdřív hrát.

Vzory portfolia, které můžete zkopírovat

6. Portfolio případových studií

Tři až pět projektů, každý na vlastní stránce: problém, vaše role, omezení, proces (náčrty, iterace), výsledek a co byste udělali jinak. Výsledek shrňte v jedné větě nahoře. Nejlepší pro produktové designéry a UX výzkumníky.

7. Portfolio s mřížkou fotek

Velké obrázky v mřížce nebo v celošířkové sekvenci, seskupené do galerií (svatby, portréty, komerční). Minimum textu, rychlé načítání obrázků a odkaz na rezervaci nebo dotaz v každé galerii. Viz jak vytvořit web pro fotografa.

8. Portfolio psaní

Vaše nejlepší ukázky seskupené podle tématu nebo publikace, každá s titulkem, médiem, datem a jednořádkovým shrnutím. Odkazujte na živý článek a uchovejte kopii v PDF pro případ, že zmizí z webu.

9. Web freelancera na jedné stránce

Co děláte, pro koho, tři ukázky práce, výchozí cenu nebo cenové rozpětí, pokud jste ochotni ho sdílet, reference a kontaktní formulář. Hodí se, když cílem jsou poptávky, ne recruiteři.

10. Portfolio studenta nebo juniora

Zacházejte se školními a osobními projekty jako s reálnou prací: zadání, vaše rozhodnutí a výsledek. Krátká sekce „Čemu se učím“ ukazuje směr. Odkazujte na kód a živá dema.

11. Portfolio s videoreelem

Reel dlouhý 60 až 90 sekund nahoře, potom jednotlivé projekty s titulky a vaší rolí. Video hostujte na službě, která je pro to určená, aby stránka zůstala rychlá.

12. Portfolio architektury nebo interiérů

Projekty filtrované podle typu (bytové, komerční), každý s fotkami, plány a krátkou poznámkou k zadání. Místo a rok pomáhají klientům najít relevantní práce.

13. Datové nebo výzkumné portfolio

Pár publikovaných analýz s jedním nebo dvěma interaktivními grafy, odkazy na notebooky nebo reporty a shrnutí každého zjištění srozumitelným jazykem.

14. Portfolio typu link-in-bio

Pro tvůrce, kteří žijí na sociálních platformách: jedna stránka optimalizovaná pro mobil s vaší nejlepší nedávnou prací, vašimi kanály a odkazem na kontakt nebo rezervaci. Viz jak vytvořit stránku link-in-bio.

Co mají nejlepší portfolia společné

• Jednořádkový úvod. Vaše jméno a co děláte, slovy, kterými by to řekl klient nebo recruiter.
• Vybrané práce. Hrstka silných kusů s archivem pro zbytek.
• Kontext ke každému kusu. Vaše role, problém a výsledek. Samotné vizuály nevysvětlují rozhodnutí.
• Snadný kontakt. Odkaz na e-mail nebo krátký formulář na každé stránce, ne schovaný v zápatí.
• Rychlé a čitelné. Optimalizované obrázky, jasná typografie, funguje na telefonu.
• Aktuální. Nedávná práce nebo poznámka „teď“ ukazuje, že jste aktivní.
• Vlastní doménu, pokud můžete, aby adresa byla navždy vaše.

Časté chyby

• Ukazovat všechno. Deset průměrných projektů schová dva skvělé.
• Žádné vysvětlení. Galerie snímků neříká, co jste dělali.
• Těžko dohledatelné kontaktní údaje. Pokud lidé musí hledat e-mail, mnoho z nich to nevzdá.
• Styl nad obsahem. Těžké animace, které zpomalují stránku nebo skrývají obsah.
• Rozbité odkazy a mrtvá dema. Zkontrolujte každý odkaz, než web komukoli pošlete.
• Používání práce, kterou nemůžete sdílet. Před zveřejněním důvěrných projektů se zeptejte klientů nebo zaměstnavatelů; případně anonymizujte.

Jak si postavit vlastní portfolio web

1. Vyberte si publikum: recruitery, klienty nebo spolupracovníky. Podle toho se rozhodne, co bude první.
2. Vyberte tři až šest projektů a napište krátkou případovou studii ke každému.
3. Vyberte vzor výše a načrtněte stránky: domov, stránky projektů, o mně, kontakt.
4. Postavte to. S Mythexem popíšete portfolio v chatu, uvidíte ho v živém náhledu, nahrajete své obrázky a publikujete na URL jedním kliknutím (viz jak připojit vlastní doménu). Můžete začít také od šablony. Pokud chcete web napsat ručně jako učební projekt, je to také dobrá volba.
5. Nechte někoho, ať si ho prohlédne na telefonu a řekne vám, co z něj pochopí za deset sekund.

Podrobný postup najdete v průvodci jak vytvořit portfolio web; pokud potřebujete hlavně svůj životopis online, podívejte se na jak vytvořit web se životopisem.

Jak jsme příklady vybírali

Každý jmenovaný web jsme prošli v říjnu 2026 a popisujeme jen to, co na něm bylo v tu chvíli vidět. Vybrali jsme známé weby, které ilustrují jasnou myšlenku, ne žebříček „nejlepších“ portfolií. Vzory jsou běžné formáty popsané obecně.

Otázky