Top 24 portfolií webových vývojářů, kteří se mohou inspirovat (Aktualizováno 2019)

Vytvoření působivého portfolia není snadné. Pokud potřebujete zapálit svou kreativitu, je zde 24 nejlepších webů portfolia webových vývojářů.

Jedním z nejtěžších úkolů nového vývojáře je vytvořit si osobní portfolio vývojářů webu, které vám pomůže získat potenciál pozornost zaměstnavatele na přeplněném trhu práce. Úžasné online portfolio bezpochyby nejen předvádí vaše návrhářské práce, ale také zdůrazňuje vaše úspěchy a odborné znalosti a zanechává na vaše návštěvníky silný dojem.

Jelikož nejde jen o sbírku pracovních vzorků, existují některé faktory, které stojí za zvážení při vytváření webových stránek portfolia webových vývojářů. Některé z nejdůležitějších otázek, které je třeba položit:

  • Existuje jasné tlačítko s výzvou k akci, aby se o vás ostatní rychle dozvěděli?
  • Existuje nějaká matoucí část rozvržení webu?
  • Je vaše kopie příliš rozvláčná?
  • Načítání webu trvá dlouho? Pomalá doba načítání se rovná pozdnímu příchodu na pohovor a mělo by se jí všemožně vyhnout.
  • Zobrazuje web klíčové problémy, na kterých uživatelům záleží, nebo je to jen soubor neorganizovaných úspěchů, které pro uživatel?
  • Lze webovou stránku načíst a zobrazit normálně na mobilních zařízeních?

Ve srovnání s komerčními webovými stránkami musí osobní webové vývojáře věnovat větší pozornost osobnosti a nezávislosti myslící. Níže najdete 24 nejlepších portfolií webových vývojářů od jednotlivých designérů a kreativních studií po celém světě. Přejděte dolů a nechte se inspirovat.

Robby Leonardi

Vytvořil: Robby Leonardi

Základní informace: Multidisciplinární designér, technický nadšenec a fanoušek NBA.

Co je zvláštního: Obsahuje interaktivní zážitky a videohry z našeho dětství.

Tento web vypadá jako online videohra a budete mít pocit, jako byste hráli při posouvání myši, abyste se dozvěděli o Robbyho pracovních zkušenostech & profesionálních dovednostech. Pokud hledáte nový způsob prezentace zdánlivě nudná, ale důležitá informace, pak je tento web dokonalým příkladem.

Matthew Williams

Autor: Matthew Williams

Základní informace: Přední strana – koncový vývojový inženýr, který miluje efekty uživatelského rozhraní, animace a dynamické uživatelské prostředí.

Co je zvláštního: Jedna stránka s černým pozadím a čistým rozhraním.

Chcete-li vytvořit kreativní rozhraní frontend er portfolio s krásným rozhraním, pak si nemůžete nechat ujít toto. Má černé pozadí, díky čemuž web vypadá stylově a čistě. Na zaváděcí stránce je stručné představení. Při posouvání dolů se načítají různé sekce, včetně profesionálních dovedností, příspěvků na blogu, portfolia a kontaktních údajů.

DRIES VAN BROECK

Vytvořil: DRIES VAN BROECK

Informace o pozadí: Návrhář pohybu.

Co je zvláštního: I když se design může zdát rušivý, zvýrazňuje důležité prvky mistrovským nádechem.

Podle obecných pravidel návrhu webových stránek portfolia programátorů mohou dynamické efekty lidi snadno rozptýlit. Zjistíte však, že web je dobře navržen s podrobnostmi, včetně krásně zobrazený karusel, jasný text k zvýraznění informací o autorovi a animované malé ikony, které upozorňují uživatele na nejdůležitější části webové stránky. To nezanechává pochybnosti o jeho pokročilých vývojových a designových dovednostech.

Malte Gruhl

Vytvořil: Malte Gruhl

Základní informace: Návrhář na volné noze.

Co je zvláštního: Jedná se o all-inclusive des zapalovač, který dává hluboký pocit tajemství.

Tento web dává lidem pocit tajemství a vzbuzuje jejich zájem. Říkejte tomu, jak chcete – minimalismus, umění nebo abstrakt – slova sotva stačí k popisu designových prvků tohoto webu. Při procházení stránky najdete prvky fyziky a chemie.

Ben Bate

Autor: Ben Bate

Základní informace: Produkt návrhář, který často pracuje se startupy a velkými společnostmi za účelem vytváření vlivných elektronických produktů.

Co je zvláštního: Brilantní kopie, která upoutá pozornost návštěvníka.

Návrh je vytvořen pomocí Bootstrapu. Ačkoli vizuální design není nijak zvlášť výjimečný, obsah jej více než vynahradí.

Elsa Muse

Vytvořila: Elsa Muse

Základní informace: Francouzská módní blogerka.

Co je zvláštního: Tučné barevné schéma a minimalismus podobný učebnici.

Musíme říci, že návrhářská práce Elsy Muse je obzvláště umělecká, což je také zdůrazněno na jejích webových stránkách.Studium designu webu je dobrým způsobem, jak rozšířit svoji vizi, zejména pokud jde o barevné schéma a minimalismus připomínající učebnice.

Legworkstudio

Vytvořil: Legworkstudio

Základní informace: Osobní studio v Coloradu.

Co je zvláštního: Animace a interaktivní zážitky, které jste nikdy předtím neviděli.

Díky kombinaci animace a interaktivních efektů vyniká tento web. Na návštěvníky udělají dojem jedinečné ručně kreslené animace na domovské stránce. Klíčem je, že tyto animace se nepodobají ničemu jinému vidět dříve.

Lounge Lizard

Vytvořil: – Lounge Lizard

Základní informace: Společnost webového designu v NYC.

Co „Speciální: Tento web vypadá netradičně, přesto profesionálně a současně vyzařuje sebevědomí a pohodlí.

Vytvoření webu vypadat profesionálně, ale nekonvenčně, není snadné, ale díky společnosti Lounge Lizard to vypadá efektně ortless. Od výkladní skříně značky po prezentaci fotografií na pracovišti dělá tato webová stránka s tématikou barů dobrou práci při budování identity značky a propagaci reputace společnosti.

Wokine

Vytvořil:

Základní informace: Společnost zabývající se webovým designem se sídlem v Paříži.

Co je zvláštního: Vizuální design s rozdělenou obrazovkou.

Tento web sleduje velmi populární přístup k vizuálnímu designu – rozdělená obrazovka. Celkový design tohoto webu je velmi přímočarý, s velkým odstupem a jednoduchým barevným schématem. Výsledkem je dobrý vizuální vzhled hierarchie.

Daniel Spatzek

Vytvořil:

Základní informace: Nezávislý grafik a webový designér.

Co je zvláštního: Mnoho grafických a animovaných technik.

Tento web využívá mnoho technologií a animací CSS k vytvoření úžasného dynamického zážitku . Na rozdíl od jiných návrhů dlouhých stránek je navigace na tomto webu distribuována ve čtyřech směrech. Odchylkou od tradičního uspořádání přispívá web k osvěžující změně.

Sean Halpin

Vytvořil:

Základní informace: Webový designér a vývojář z Toronta .

Co je zvláštního: Je to obrovská osobnost v malém balíčku.

Toto je dokonalým příkladem kompletního portfolia vývojářů webu, které představuje autorovy dovednosti i osobnost. Celý web vypadá jako malý zelený svět designéra. Sean také pomáhá ostatním vytvářet osobní webové stránky.

Denise Chandler

Vytvořila: Denise Chandler

Základní informace: Návrhářka s pevným pozadím v programování.

Co je zvláštního: Dokonale spojuje 4 základní principy webového designu s personalizovanými prvky.

Toto portfolio webového vývojáře na volné noze dokonale ilustruje 4 základní principy designu: zarovnání, opakování, kontrast a intimitu. Kromě toho má mnoho personalizovaných prvků, díky nimž je přitažlivější.

Yul Moreau

Vytvořil: Yul Moreau

Základní informace: Ředitel digitálního umění narozený v Soulu žijící v Paříži

Co je zvláštního: Jedinečná atmosféra a dynamická elektronická hudba

Yul Moreau se při vytváření svého portfoliového webu inspiruje z 80. let a je skvělým příkladem použití vizuálů ke zvýšení zapojení uživatelů . Jeho zkušenosti a dovednosti jsou odborně zobrazeny vložením videí, obrázků a efektů posouvání na jednu stránku.

Toy Fight

Vytvořil: ToyFight

Základní informace : Jedná se o tým designérů, režisérů, stratégů a tanečníků.

Co je zvláštního: Poutavé barevné schéma okamžitě přitahuje pozornost návštěvníků.

Tento web využívá kombinaci živé barvy a minimálního designu, aby upoutal pozornost návštěvníků a zaujal je tak, aby na webu zůstaly déle. Snadno navigovatelné menu a minimální styl zajišťují báječný polibek a příjemný uživatelský zážitek.

Rezo Zero

Vytvořil: Rezo Zero

Pozadí info: Grafické a digitální studio, které navrhuje a rozvíjí jedinečné identity značky.

Co je speciálního: Bohaté případové studie pro různé projekty.

Toto portfolio vypadá jako digitální časopis s pěkně umístěnými krásnými obrázky a ručně vybranými typy písma. Jeho podrobné a ilustrované případové studie každého projektu mu dávají náskok před ostatními.

Tim Smith

Vytvořil: Tim Smith

Základní informace: Londýnský designér a spisovatel, také globální automobilový ředitel.

Co je speciální: Snadná navigace a rozložení stránek založených na kartách.

Tento web používá jednoduchý, ale ohromující způsob, jak prezentovat návrháře V kombinaci s obratným používáním animačních efektů rozložení na kartě snadno zaujme uživatele.

STRV

Vytvořil: STRV

Základní informace: Tým designérů a techniků specializujících se na digitální řešení.

Co je speciální: Použití videí představuje to, jak agentura funguje velmi jasně.

Videa v pozadí odborně vyjadřují, jak digitální produktová agentura funguje. Pro ilustraci, pokud kliknete na tlačítko přehrávání na videu na celé obrazovce, zobrazí se podrobný postup.

Stereo

Vytvořil: Stereo

Základní informace: Tým kreativních myslitelů se sídlem v Londýně.

Co je zvláštního: Zaměřuje se na emoční vztah spotřebitele ke značce.

Toto je jednoduchý, ale pozoruhodný web portfolia. Agentura využívá barevné obrázky a živá videa uprostřed svých stránek, aby předvedla, co umí. Jejím cílem je vytvořit hlubší emocionální vztah s návštěvníky.

Steven Mengin

Vytvořil: Steven Mengin

Základní informace: Londýnský digitální designér.

Co je zvláštního: Unikátní a vizuálně ohromující webová stránka portfolia.

Použití silné vizuály ukazují, co dokáže Steven Mengin na první pohled. Když návštěvník vstoupí na web, uvidí krásně animovaný efekt cloudspace se jménem designéra uprostřed. Je docela radost sledovat jemné animace.

Patrick David

Vytvořil: Patrick David

Základní informace: Front-endový vývojář a web návrhář se sídlem v Itálii.

Co je zvláštního: Toto je typický příklad přizpůsobení celého portfolia do jedné stránky.

Toto je typický příklad jednostránkového webu s dlouhým posouváním, jednoduchý, ale efektivní. Když se posunete dolů, uvidíte sekci krásných hrdinů a řadu příkladů projektů.

Stink Studios

Vytvořil: Stink Studios

Informace o pozadí : Globální společnost zahájená v roce 2009 se zaměřením na reklamu, technologie a zábavu.

Co je zvláštního: Čistým, ale kreativním způsobem demonstruje řadu projektů.

Studio umístí svou práci dopředu a do středu pomocí rozvržení zdiva. Projekty zahrnují promo kampaně, webové stránky a zážitky 360 / VR.

TOBIAS AHLIN

Vytvořil: TOBIAS AHLIN

Základní informace: digitální designér, řečník, učitel a konzultant pro technologické společnosti a startupy.

Co je zvláštního: Nechává díla mluvit za sebe.

V samém středu a v horní části stránky se Tobias Ahlin dostává přímo k věci: „Navrhuji a vyrábím digitální produkty“. Tento web používá minimalistické rozložení založené na kartách, přičemž odkazy na případové studie jsou součástí konečného produktu.

Femme Fatale

Vytvořil: Femme Fatale

Pozadí info: Kreativní studio zaměřené na kulturu, luxus, editoriál a umění.

Co je zvláštního: Vyzařuje lákavý smysl pro luxus.

Tento web dokonale ztělesňuje vlastní popis týmu „někde mezi sofistikovaností a jednoduchostí“. Odráží tento tón pomocí odvážných obrazů, ostrých písem a černých barevných schémat – to vše přispívají k vytváření sofistikovaného vzhledu.

Wendy Van Veen

Vytvořila: Wendy Van Veen

Základní informace: Ilustrátor, animátor a grafický ontwerper.

Co je zvláštního: Využívá ilustraci a humor k zapojení více uživatelů.

Tento web poskytuje uživatelům nahlédnout do Wendyiny osobnosti. Při posouvání dolů se uživatelům zobrazí zábavné a zajímavé animace, které předvedou talent designéra.

Závěrečné myšlenky

Doufáme, že vás tato ručně vybraná portfolia webových vývojářů inspirují a zapálit svou kreativitu. Je však dobré si uvědomit, že inspirace nebo talent vás doposud jen dostane. Užitečný návrhový nástroj je nutností, která vám pomůže udělat vaši práci rychleji a efektivněji.

Pokud hledáte kombinaci funkčnosti a snadného použití, pak je Mockplus dobrou volbou. Poskytuje nejen množství příkladů webdesignu, ale také obsahuje připravené komponenty / prvky uživatelského rozhraní, které vám pomohou začít design s nejmenším úsilím.

Write a Comment

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *