17 standout designporteføljer til at inspirere dig

designporteføljer
(Billedkredit: Studio Thomas)

En imponerende designportefølje kan være forskellen mellem at få et job eller et interview eller ej. Det er ikke let at skille sig ud blandt bjergene med porteføljer derude, så det er afgørende at lægge en reel tanke i din online tilstedeværelse.

For at inspirere dig har vi valgt nogle af de bedste designporteføljer på nettet fra både freelance designere og studios. Selvom disse eksempler alle er forskellige, skiller de sig ud gennem den unikke brug af funktioner som smart animation, en finurlig og mindeværdig æstetik eller en underholdende brugeroplevelse - et strejf af kreativitet og innovativ tænkning tager dig langt.

For dem der ikke er superteknologiske, vores guide til bedste hjemmesidebygere og vores favorit WordPress-porteføljetemaer vil hjælpe dig på din vej. Eller hvis du er sikker på at opbygge din egen designportefølje, skal du udforske vores sammenfatning af bedste webhostingtjenester for at sikre, at du får det bedste tilbud.



Så udforsk disse inspirerende eksempler på online designporteføljer, og kom derefter i gang med dine egne ideer. Og når du først har fået jobjagt, så gå ikke glip af vores kuraterede liste over de bedste design job lige nu.

01. Studio Feixen

Studio Feixen designportefølje

Projekter er opdelt i rum, overflade og tid(Billedkredit: Studio Feixen)

Feixen-undersøgelse er et designstudio med base i Schweiz, og det har undgået, at 'less is more' kigger efter sit websted. Normalt siger vi designporteføljer handler om kurering, men vi elsker eksplosionen af ​​farver og projekter, der vises på dette websted. Et andet af vores yndlingselementer er sektionen 'samtale', hvor du kan stille Studio Feixen et spørgsmål. Det er sjovt, interaktivt, og det får os til at vide mere om studiet.

02. RoAndCo

Designportefølje: RoAndCo

Hvad det mangler i information, udgør det i en fantastisk præsentation(Billedkredit: Ro og Co)

RoAndCo er det NYC-baserede studie grundlagt af kreativ direktør Roanne Adams. Holdet tilbyder smukt designede design, branding og kreative retningsløsninger til en liste over kunder overvejende inden for mode, skønhed, tech og livsstilssektoren.

I tråd med studiets arbejdsmetoder er det at se RoAndCos hjemmeside en oplevelse i sig selv. Projekterne præsenteres på en næsten magasinlignende måde. RoAndCos websted er en nøje overvejet portefølje, der er en fornøjelse at se i browseren og på mobilenheder, så seeren kan cykle gennem splitskærmbilleder, animerede webpræsentationer og video i fuld skærm.

Den komplette mangel på information om ethvert projekt er lidt irriterende, men RoAndCo har skabt en veludformet, mindeværdig brugeroplevelse alligevel.

03. Robin Mastromarino

Porteføljedesign: Robin Mastromarino

Denne portefølje holder ting frisk(Billedkredit: Robin Mastromarino)

Paris-baseret interface designer Robin Mastromarino holder tingene friske på sit designporteføljeside. En spændende effekt på hans hjemmeside får projekterne til at virke som om de er på et hjul, idet de vurderes med nogle tilfredsstillende brugergrænseflade-animationer. Inden for hver casestudie reagerer billeder også ved at vride sig let, når du ruller. Selvom det ikke passer til enhver kreativitet, da Mastromarino specialiserer sig i UI-design, rammer dette alle de rigtige noter.

04. Aktiv teori

Designporteføljer: Aktiv teori

Det er som at komme ind i en helt ny verden(Billedkredit: Aktiv teori)

Besøger Aktiv teori porteføljes websted er som at komme ind i en helt ny verden. Designet omfavner en stemningsfuld, Blade Runner-ish æstetik overalt - og meget vellykket også. Fra den stemningsindstillede startside-animation med museaktiverede glitch-effekter til den trippy About-side, fungerer alt sammen smukt. Studiet holder tingene rene for sine projektsider, hvor hvert eksempel indeholder en fuldskærmsanimation overlejret med kort uklarhed og relevante links til yderligere information, herunder detaljerede casestudier hostet på Medium.

05. Fløjlspektrum

Designporteføljer: Velvet Spectrum

Uberfarverige miniaturer gør denne portefølje til en visuel godbid(Billedkredit: Velvet Spectrum)

Fløjlspektrum er online moniker af billedkunstner og designer Luke Choice. Choice har holdt tingene enkle på sin hjemmeside med en montage af uberfarverige miniaturebilleder, der fører til de visuelt arresterende eksempler på hans arbejde vist superstørrelse for maksimal effekt. Den sorte baggrund holder tingene rene og hjælper arbejdet med at skinne. Dette er en simpel, men supereffektiv designportefølje.

06. Lokomotiv

Designporteføljer: Lokomotiv

Locomotive giver overraskelser i hele sin portefølje(Billedkredit: Lokomotiv)

Denne imponerende designportefølje kommer fra Lokomotiv , et studie med base i Quebec, Canada. Med et team, der specialiserer sig i udformning af standout digitale oplevelser, giver det mening, at denne porteføljeside virkelig skinner. Legende animationer giver designet liv til hele webstedet (ikke kun på hjemmesiden). Det føles som indsats og tanke er gået i hvert element, lige fra den skæve behandling af hamburger-menuen til de uventede animationer på siden Om.

07. Studio Thomas

Opkaldt efter sine to kreative instruktører, Thomas Austin og Thomas Coombes, Studio Thomas er et East London-studie, der skaber visuel kommunikation til fysiske og digitale verdener, og dets websted afspejler perfekt dets udforskende og eksperimentelle holdning. Det er et glimrende eksempel på brutalistisk webdesign med masser af swish touch; vi elsker især 3D-wireframe-modellen af ​​Pamban Cafe, som du kan navigere med musen.

08. Buzzworthy Studio

Buzzworthy Studio beskriver sig selv som et dårligt digitalt studie i Brooklyn, og dets websted er et helvede telefonkort, der viser blændende webteknikker fra off. Stor typografi og animation kombinerer for at fange din opmærksomhed, og et stærkt øje for æstetik betyder, at du vil holde fast ved at udforske alle Buzzworthys projekter.

09. Xavier Cussó

Barcelona-baseret designer Xavier Cussó har en fantastisk porteføljeside - bygget af Burundanga Studio - til at vise sit arbejde ved hjælp af dristige farver, in-your-face typografi og praktisk talt enhver animation og parallaksrulning trick i bogen.

10. Glædelig Hoss

Designporteføljer: Merijn Hoss

Hoss tager en parret tilbage tilgang(Billedkredit: Merijn Hos)

Denne næste designportefølje er ikke nær så prangende som de eksempler, vi hidtil har undersøgt, men den er stadig meget effektiv. Illustrator og kunstner Glædelig Hoss skaber smukt detaljerede psykedeliske kunstværker, men har taget en mere paret tilbage og traditionel tilgang til at vise sit arbejde i sin online designportefølje.

Farverige miniaturer springer ud af en ren gallerilignende hvid baggrund, der en gang klikkede på, afslører store projektbilleder og en kort beskrivelse. Bevis for, at du ikke har brug for alle klokker og fløjter for at skabe en god brugeroplevelse.

11. ToyFight

Designportefølje: ToyFight

Denne portefølje udføres med humor og panache

Manchester-baseret studie ToyFight bruger en række whizzy effekter - fra parallax-rulning til animerede overgange og endda 3D-gengivne versioner af grundlæggerne, der kæmper med hinanden. Alt dette kan true med at overvælde det aktuelle arbejde på showet, men da det er blevet udført med sådan visuel humor og panache, er det en glæde at udforske.

12. Gjort tankegang

Designporteføljer: Made Thought

Webstedet cykler gennem billeder med taglines(Billedkredit: Made Thought)

Kraftværk for moderne design Gjort tanke fører, hvor andre følger. Studiet valgte oprindeligt en hjemmeside, der viser en video, der cyklede gennem arbejdsprøver i et ultrahurtigt tempo, men har erstattet denne løsning med noget roligere, mindre hektisk og meget mere behageligt at udforske.

Den nyere hjemmeside ruller (langsomt) gennem smukke stillbilleder af nylige projekter med en tagline for at opsummere hver enkelt. Besøgende kan derefter dykke ned i andre arbejdseksempler via en slående typografisk navigationsside, der findes under fanen 'udforsk'.

13. Marleigh Culver

Designportefølje: Marleigh Culver

Culvers hjemmeside er enkel, men overvejet(Billedkredit: Marleigh Culver)

Webstedet for designer og kunstner Marleigh Culver er en simpel affære, men en, der viser, hvor nøje overvejet farve og typevalg, kombineret med et simpelt layout og navigation, er nøglen til enhver vellykket online designportefølje.

Selvom det er enkelt i naturen, vises Marleighs arbejde med stor effekt ved brug af store, hurtige billeder, der gør det let at hurtigt navigere igennem.

14. Malika Favre

Designporteføljer: Malika Favre

Fed og smuk(Billedkredit: Malika Favre)

Illustrator Malika Favre Hendes dristige og smukke arbejde fremvises med stor effekt i hendes online designportefølje. Hun gør brug af et kant-til-kant-billedtapet på fuld skærm af miniaturebilleder (hvoraf nogle er animerede) for at lokke besøgende til at se værket mere detaljeret. Når der er klikket på dem, viser miniaturebillederne en præsentation af galleriet i fuld skærm af værket på gratis farvede baggrunde, der viser arbejdet med stor effekt.

15. Lusion

Designportefølje: Lusion

Lusions portefølje er en fordybende oplevelse(Billedkredit: Lusion)

For en altomfattende oplevelse, se på Lusion 's designportefølje. Webstedet er fyldt med dejlige design, herunder en glødende prik, der følger din markør og en About-side, der overlapper en løbende figur, der reagerer på musebegivenheder. Det er til tider lidt desorienterende, men helt passende at fremvise dette tech-fokuserede kreative studios arbejde.

16. Yul Moreau

Designportefølje: Yul Moreau

Født i Seoul med base i Paris og 'opvokset i 80'erne', Yul Moreau har et porteføljeside, der fanger din opmærksomhed fra starten med sin pragtfulde baggrundsmontage af retrovideo. Webstedet med en enkelt personsøger gør et strålende job med at fremvise kunstdirektørens arbejde ved at kombinere video, billeder og smarte rulleeffekter for at vise alt pænt.

17. Tim Smith

Designportefølje: Tim Smith

Dette websted bruger CSS3 til et rent udseende

Med 'hjernedrevet grafisk sjov', Tim Smith porteføljesite bruger CSS3 til at blande et skinnende rent udseende med nogle smarte HTML5-tricks, såsom de udskårne titler til hvert stykke, der forsvinder, når du holder musen over. Vi elsker også sidebjælken med sociale links på forsiden og derefter brugt til navigation mellem porteføljesider.

Relaterede artikler: