17 kiemelkedő tervportfólió inspirálja Önt

tervezési portfóliók
(Kép jóváírása: Studio Thomas)

Lenyűgöző formatervezési portfólió lehet a különbség az állás vagy egy interjú között, vagy sem. Nem könnyű kitűnni a portfólióhegyek között, ezért elengedhetetlen, hogy valódi gondolkodást vegyen figyelembe online jelenlétében.

Hogy inspirálja Önt, kiválasztottuk az internet legjobb tervezési portfólióit, mind szabadúszó tervezőktől, mind stúdióktól. Noha ezek a példák mind különböznek, mindegyik kiemelkedik az olyan funkciók egyedülálló használatával, mint az okos animáció, a furcsa és emlékezetes esztétika vagy a szórakoztató felhasználói élmény - a kreativitás és az innovatív gondolkodás egy kis darabja hosszú utat fog elérni.

Azok számára, akik nem szuper technikában jártasak, útmutatónk a legjobb weboldal-készítők , és a kedvencünk WordPress portfólió témák segít az utadon. Vagy ha biztos abban, hogy saját tervezési portfólióját készíti, fedezze fel a legjobb web hosting szolgáltatások hogy megbizonyosodjon a legjobb ajánlatról.



Tehát fedezze fel ezeket az online tervezési portfóliók inspiráló példáit, majd kezdje el saját ötleteivel. Ha pedig álláskeresést kap, ne hagyja ki a legjobbak listáját tervezői munkák épp most.

01. Studio Feixen

Studio Feixen tervezési portfólió

A projekteket térre, felületre és időre osztják(Kép jóváírása: Studio Feixen)

Feixen-tanulmány egy svájci székhellyel rendelkező stúdió, és elkerülte a 'kevesebb többet' megjelenését a weboldalán. Normális esetben azt mondjuk, hogy a tervezési portfóliók a kurátorról szólnak, de szeretjük a szín és a ezen az oldalon bemutatott projektek robbanását. Egy másik kedvenc elemünk a „beszélgetés” rész, ahol kérdést tehet fel a Studio Feixen-nek. Szórakoztató, interaktív, és arra késztet bennünket, hogy többet tudjunk meg a stúdióról.

02. RoAndCo

Tervezési portfólió: RoAndCo

Amiben hiányzik az információ, azt a lenyűgöző előadásban pótolja(Kép jóváírása: Ro and Co)

RoAndCo az NYC központú stúdió, amelyet Roanne Adams kreatív igazgató alapított. A csapat gyönyörűen kidolgozott tervezési, márkaépítési és kreatív irányítási megoldásokat kínál a főként a divat-, szépségápolási, tech- és életstílus-szektorbeli ügyfelek körében.

A stúdió munkabírásával összhangban a RoAndCo weboldalának megtekintése önmagában is élmény. A projekteket szinte magazinszerű módon mutatják be. Lehetővé téve a néző számára, hogy megosztott képernyős képeken, animált webes bemutatókon és teljes képernyős videókon tekeregjen, a RoAndCo webhelye gondosan átgondolt portfólió, amelyet öröm megtekinteni a böngészőben és a mobileszközökön.

A projektekkel kapcsolatos teljes információhiány kissé irritáló, de a RoAndCo ennek ellenére jól kidolgozott, emlékezetes felhasználói élményt hozott létre.

03. Robin Mastromarino

Portfolio design: Robin Mastromarino

Ez a portfólió frissen tartja a dolgot(Kép jóváírása: Robin Mastromarino)

Párizsi interfész-tervező Robin Mastromarino frissen tartja a dolgokat a tervezési portfólióján. Érdekes hatása a kezdőlapján a projektek úgy tűnik, mintha keréken lennének, és a nézőpontba néznek, kielégítő felhasználói felület-animációval. Minden esettanulmányon belül a képek úgy is reagálnak, hogy görgetés közben kissé megvetemednek. Bár nem minden kreatívnak megfelelő, tekintettel arra, hogy a Mastromarino az UI tervezésére szakosodott, ez a megfelelő jegyzeteket eltalálja.

04. Aktív elmélet

Tervezési portfóliók: Aktív elmélet

Mintha egy teljesen új világba lépnénk(Kép jóváírása: Aktív elmélet)

Látogató Aktív elmélet A portfólió weboldala olyan, mintha egy teljesen új világba lépnénk. A design egy hangulatos, Blade Runner-esztétikát ölel fel - és nagyon sikeresen is. A hangulatteremtő kezdőlap animációjától egérrel aktivált hibajelzésekkel, a Trippy About oldalig minden gyönyörűen működik. A stúdió tisztán tartja a dolgot a projektoldalaival kapcsolatban, mindegyik példa teljes képernyős animációt tartalmaz, rövid áttekintéssel és releváns további információkra mutató linkekkel, beleértve a Mediumon tárolt részletes esettanulmányokat.

05. Bársony spektrum

Tervezési portfóliók: Velvet Spectrum

Az Uber-színes miniatűrök vizuális csemegévé teszik ezt a portfóliót(Kép jóváírása: Velvet Spectrum)

Bársony spektrum a Luke Choice képzőművész és tervező online monikere. Choice egyszerűvé tette a dolgokat a honlapján egy uber-színes miniatűrök montázsával, amely munkájának vizuálisan letartóztató példáihoz vezet, amelyek szuper méretűek, a maximális hatás érdekében. A fekete háttér tisztán tartja a dolgokat és elősegíti a munka ragyogását. Ez egy egyszerű, de szuperhatékony tervezési portfólió.

06. Mozdony

Tervezési portfóliók: mozdony

A mozdony egész portfóliójában meglepetéseket okoz(Kép jóváírása: Mozdony)

Ez a lenyűgöző formatervezési portfólió származik Mozdony , stúdió Quebecben, Kanadában. A kiemelkedő digitális tapasztalatok készítésére szakosodott csapattal van értelme, hogy ez a portfólióhely valóban ragyogjon. A játékos animációk életre hívják a dizájnt az egész webhelyen (nem csak a honlapon). Olyan érzés, mintha erőfeszítés és gondolat ment volna bele minden elembe, a hamburger menü furcsa kezelésétől a Névjegy oldalon található váratlan animációkig.

07. Thomas Stúdió

Nevét két kreatív igazgatója, Thomas Austin és Thomas Coombes után kapta. Studio Thomas egy kelet-londoni stúdió, amely vizuális kommunikációt folytat a fizikai és a digitális világ számára, és webhelye tökéletesen tükrözi felfedező és kísérleti hozzáállását. Ez egy remek példa a Brutalist webdesignra, rengeteg swish érintéssel; különösen szeretjük a Pamban Cafe 3D drótváz modelljét, amelyben az egérrel navigálhat.

08. Buzzworthy Stúdió

Buzzworthy Stúdió Brooklynban badass digitális stúdiónak írja le magát, és a webhelye egy pokoli hívókártya, amely vakító webes technikákat mutat be. A nagyszerű tipográfia és animáció együttesen vonzza a figyelmét, és az esztétika erős figyelme azt jelenti, hogy ragaszkodni fog a Buzzworthy összes projektjének felfedezéséhez.

09. Xavier Cussó

Barcelonai székhelyű tervező Xavier Cussó lenyűgöző portfólió-oldallal rendelkezik - amelyet a Burundanga Studio épített -, hogy merész színek, az arcod tipográfiája és gyakorlatilag minden animáció és parallaxis görgetés trükk a könyvben.

10. Vidám Hoss

Tervezési portfóliók: Merijn Hoss

Hoss párosított hátú megközelítést alkalmaz(Kép jóváírása: Merijn Hos)

Ez a következő tervportfolió közel sem olyan mutatós, mint az eddig feltárt példák, de mégis rendkívül hatékony. Illusztrátor és művész Vidám Hoss gyönyörűen részletes pszichedelikus műalkotásokat készít, de teljesen áttekinthetőbb és hagyományosabb megközelítést alkalmazott műveinek online tervezési portfóliójában való megjelenítéséhez.

Színes bélyegképek bukkannak elő egy tiszta galériaszerű fehér háttérből, amelyekre rákattintva nagy projektképek és rövid leírás láthatók. Bizonyíték arra, hogy nincs szükség minden harangra és sípra, hogy nagyszerű felhasználói élményt nyújtson.

11. ToyFight

Tervezési portfólió: ToyFight

Ezt a portfóliót humorral és pánik nélkül hajtják végre

Manchesteri székhelyű stúdió ToyFight számos pezsgő hatást használ fel - a parallaxis görgetéstől kezdve az animált átmeneteken át, sőt az alapítók egymás elleni harci 3D renderelt változataiig. Mindez azzal fenyegethet, hogy elárasztja a tényleges művet, de látva, hogy ilyen vizuális humorral és pánik kíséretében végzik, öröm felfedezni.

12. Gondolat

Tervezési portfóliók: Meggondolt gondolat

A webhely címkékkel ellátott képek között mozog(Kép jóváírása: Made Thought)

Kortárs design erőmű Gondolat oda vezet, ahol mások követnek. A stúdió eredetileg egy olyan honlapot választott, amely egy olyan videót jelenít meg, amely rendkívül gyors ütemben halad át a munkaminták között, de ezt a megoldást valami nyugodtabbra, kevésbé frenetikusra és sokkal kellemesebb felfedezésre cserélte.

Az újabb kezdőlap (lassan) végiggörgeti a legutóbbi projektek gyönyörű állóképeit, és egy összefoglaló taglappal rendelkezik. A látogatók ezután más munkamintákba is belemerülhetnek egy feltűnő tipográfiai navigációs oldalon keresztül, amely a „felfedezés” fül alatt található.

13. Marleigh Culver

Tervezési portfólió: Marleigh Culver

A Culver weboldala egyszerű, de megfontolt(Kép jóváírása: Marleigh Culver)

A tervező és a művész honlapja Marleigh Culver egyszerű ügy, de bemutatja, hogy a gondosan átgondolt szín- és típusválasztás, valamint az egyszerű elrendezés és a navigáció kulcsfontosságú minden sikeres online tervezési portfólióban.

Bár egyszerű természetű, Marleigh munkája nagy hatású, nagy, gyorsan betölthető képek használatával, így szellővé teszi a gyors navigációt.

14. Malika Favre

Tervezési portfóliók: Malika Favre

Merész és gyönyörű(Kép jóváírása: Malika Favre)

Illustrator Malika Favre Merész és szép munkája nagy hatást mutat az online tervezési portfóliójában. A teljes képernyős, széltől szélig terjedő gobelintet használja (amelyek némelyike ​​animált), hogy csábítsa a látogatókat a mű további részleteinek megtekintésére. Miután rákattintott, a bélyegképek egy teljes képernyős galéria bemutatását mutatják be az ingyenes színes háttérrel ellátott alkotásról, amely nagy hatást mutat a műnek.

15. Csalódás

Design portfólió: Lusion

A Lusion portfóliója magával ragadó élmény(Kép jóváírása: Lusion)

A mindent magával ragadó élmény érdekében vessen egy pillantást Lúzió tervezési portfóliója. A webhely tele van gyönyörű látványosságokkal, beleértve egy izzó pontot, amely követi a kurzort, és egy About oldalról, amely lefut egy futó ábrát, amely reagál az egér eseményeire. Időnként kissé dezorientáló, de teljesen helyénvaló ennek a technológiára koncentráló kreatív stúdió munkájának bemutatása.

16. Yul Moreau

Tervezési portfólió: Yul Moreau

Szöulban született, párizsi székhellyel és „a 80-as évek nevelték fel”, Yul Moreau van egy portfólió oldala, amely elkeltette figyelmét elölről a retro videók pompásan színes háttérmontázsával. Az egylapos oldal ragyogó munkát végez a művészeti igazgató munkájának bemutatásával, ötvözve a videókat, képeket és az okos görgetési effektusokat, hogy mindent szépen megmutasson.

17. Tim Smith

Tervezési portfólió: Tim Smith

Ez a webhely a CSS3-at használja a letisztult megjelenés érdekében

Büszkélkedhet „Agy-alapú grafikus szórakozással”, Tim Smith portfólióhelye a CSS3 segítségével keveri a makulátlanul tiszta megjelenést néhány okos HTML5 trükkel, például az egyes darabok kivágott címeivel, amelyek eltűnnek, amikor az egérrel egérrel mozogunk. Szeretjük az oldalsávot is, amely az első oldalon közösségi linkeket tartalmaz, majd a portfólióoldalak közötti navigációhoz használható.

Kapcsolódó cikkek: