17 fremtredende designporteføljer for å inspirere deg

designporteføljer
(Bildekreditt: Studio Thomas)

En imponerende designportefølje kan være forskjellen mellom å få jobb eller intervju eller ikke. Det er ikke lett å skille seg ut blant fjellene med porteføljer der ute, så det er viktig å legge noen reell tanke i din online tilstedeværelse.

For å inspirere deg, har vi valgt noen av de beste designporteføljene på nettet, fra både frilansdesignere og studioer. Selv om disse eksemplene er forskjellige, skiller de seg ut ved den unike bruken av funksjoner som smart animasjon, en quirky og minneverdig estetikk eller en underholdende brukeropplevelse - et snev av kreativitet og nytenking vil ta deg langt.

Jeg vil gå på kunstskolen

For de som ikke er superteknologiske, vår guide til beste nettstedbyggere , og vår favoritt WordPress-porteføljetemaer vil hjelpe deg på vei. Eller hvis du er trygg på å bygge din egen designportefølje, kan du utforske vår oversikt over beste webhotelltjenester for å sikre at du får det beste tilbudet.



Så utforsk disse inspirerende eksemplene på online designporteføljer, og kom i gang med dine egne ideer. Og når du først er på jobbjakt, ikke gå glipp av vår utvalgte liste over de beste designjobber akkurat nå.

01. Studio Feixen

Studio Feixen designportefølje

Prosjekter er delt inn i rom, overflate og tid(Bildekreditt: Studio Feixen)

Feixen-studie er et designstudio basert i Sveits, og det har unngått at 'less is more' ser etter nettstedet. Normalt sier vi at designporteføljer handler om kurering, men vi elsker eksplosjonen av farger og prosjekter som vises på dette nettstedet. Et annet av favorittelementene våre er snakk-delen der du kan stille Studio Feixen et spørsmål. Det er morsomt, interaktivt, og det får oss til å vite mer om studioet.

02. RoAndCo

Designportefølje: RoAndCo

Hva den mangler i informasjon, gjør det opp i en fantastisk presentasjon(Bildekreditt: Ro and Co)

RoAndCo er det NYC-baserte studioet som ble grunnlagt av kreativ direktør Roanne Adams. Teamet tilbyr vakkert utformede løsninger for design, merkevarebygging og kreative retninger til en liste over kunder hovedsakelig innen mote-, skjønnhets-, tech- og livsstilssektoren.

I tråd med studioets arbeidsmoral er det å se på RoAndCos nettsted en opplevelse i seg selv. Prosjektene presenteres på en nesten magasinlignende måte. RoAndCos nettsted er en nøye vurdert portefølje som er en glede å se i nettleseren og på mobile enheter, slik at seeren kan bla gjennom bilder med delt skjerm, animerte nettpresentasjoner og fullskjermvideo.

Den totale mangelen på informasjon om ethvert prosjekt er litt irriterende, men RoAndCo har skapt en godt utformet, minneverdig brukeropplevelse likevel.

03. Robin Mastromarino

Porteføljedesign: Robin Mastromarino

Denne porteføljen holder ting friskt(Bildekreditt: Robin Mastromarino)

Paris-basert grensesnittdesigner Robin Mastromarino holder ting friskt på designporteføljesiden sin. En spennende effekt på hjemmesiden hans får prosjektene til å virke som om de er på et hjul, og vurderes med noen tilfredsstillende UI-animasjonsinnslag. Innenfor hver casestudie reagerer bilder også ved å vride litt når du blar. Selv om det ikke passer for hver kreativitet, med tanke på at Mastromarino spesialiserer seg i UI-design, slår dette alle de riktige tonene.

04. Aktiv teori

Designporteføljer: Aktiv teori

Det er som å komme inn i en helt ny verden(Bildekreditt: Active Theory)

Besøker Aktiv teori porteføljesiden er som å komme inn i en helt ny verden. Designet omfavner en humørfull, Blade Runner-ish estetikk hele tiden - og veldig vellykket også. Fra den stemningsfulle startside-animasjonen med museaktiverte feileffekter til den trippy About-siden, fungerer alt sammen vakkert. Studioet holder ting rent for prosjektsidene, med hvert eksempel en animasjon i fullskjerm overlappet med kort uskarphet og relevante lenker til ytterligere informasjon, inkludert detaljerte casestudier på Medium.

05. Fløyelspektrum

Designporteføljer: Velvet Spectrum

Uberfargede miniatyrbilder gjør denne porteføljen til en visuell godbit(Bildekreditt: Velvet Spectrum)

Fløyelspektrum er online moniker av billedkunstner og designer Luke Choice. Choice har holdt ting enkelt på hjemmesiden sin med en montasje av uberfargede miniatyrbilder, som fører til de visuelt arresterende eksemplene på hans arbeid som er superstørrelse for maksimal innvirkning. Den svarte bakgrunnen holder ting rent og hjelper arbeidet med å skinne. Dette er en enkel, men supereffektiv designportefølje.

06. Lokomotiv

Designporteføljer: Lokomotiv

Locomotive gir overraskelser i hele sin portefølje(Bildekreditt: Lokomotiv)

Denne imponerende designporteføljen kommer fra Lokomotiv , et studio basert i Quebec, Canada. Med et team som spesialiserer seg på å lage utmerkede digitale opplevelser, er det fornuftig at denne porteføljesiden virkelig skinner. Lekne animasjoner gir designet liv til hele nettstedet (ikke bare på hjemmesiden). Det føles som innsats og tanke har gått i hvert element, fra den rare behandlingen av hamburgermenyen til de uventede animasjonene på About-siden.

07. Thomas Studio

Oppkalt etter sine to kreative regissører, Thomas Austin og Thomas Coombes, Studio Thomas er et studio i Øst-London som lager visuell kommunikasjon for fysiske og digitale verdener, og nettstedet gjenspeiler perfekt den utforskende og eksperimentelle holdningen. Det er et fantastisk eksempel på brutalistisk webdesign med mange svake detaljer; Vi elsker spesielt 3D-trådrammemodellen til Pamban Cafe som du kan navigere med musen.

08. Buzzworthy Studio

Buzzworthy Studio beskriver seg selv som et dårlig digitalt studio i Brooklyn, og nettstedet er et helvetes telefonkort som viser blendende webteknikker fra begynnelsen. Stor typografi og animasjon kombinerer for å fange oppmerksomheten din, og et sterkt øye for estetikk betyr at du vil holde deg fast for å utforske alle Buzzworthys prosjekter.

09. Xavier Cussó

Barcelona-basert designer Xavier Cussó har en fantastisk porteføljeside - bygget av Burundanga Studio - for å vise frem sitt arbeid med dristige farger, in-your-face typografi og praktisk talt alle animasjoner og parallaks rulling triks i boka.

10. Merry Hoss

Designporteføljer: Merijn Hoss

utforme forskjellige sidestørrelser i ett dokument
Hoss tar en tilbaketrukket tilnærming(Bildekreditt: Merijn Hos)

Denne neste designporteføljen er ikke nesten like prangende som eksemplene vi har utforsket så langt, men den er fortsatt svært effektiv. Illustrator og kunstner Merry Hoss skaper vakkert detaljerte psykedeliske kunstverk, men har tatt en helt mer parert tilbake og tradisjonell tilnærming til å vise arbeidet sitt på sin online designportefølje.

Fargerike miniatyrbilder spretter ut av en ren gallerilignende hvit bakgrunn som en gang klikket på, avslører store prosjektbilder og en kort beskrivelse. Bevis på at du ikke trenger alle bjeller og fløyter for å skape en god brukeropplevelse.

11. ToyFight

Designportefølje: ToyFight

Denne porteføljen er utført med humor og panache

Manchester-basert studio ToyFight bruker en rekke whizzy effekter - fra parallaksrulling til animerte overganger og til og med 3D-gjengitte versjoner av grunnleggerne som kjemper mot hverandre. Alt dette kan true med å overvelde det faktiske showet, men siden det er blitt utført med en slik visuell humor og panache, er det en glede å utforske.

12. Gjort tanke

Designporteføljer: Made Thought

Nettstedet blar gjennom bilder med taglines(Bildekreditt: Made Thought)

Kraftverk for moderne design Gjort tanke fører der andre følger. Studioet valgte opprinnelig en hjemmeside som viser en video som syklet gjennom arbeidsprøver i et ekstremt raskt tempo, men har erstattet denne løsningen med noe roligere, mindre frenetisk og mye mer behagelig å utforske.

Den nyere hjemmesiden blar (sakte) gjennom vakre stillbilder av nylige prosjekter, med en tagline for å oppsummere hver enkelt. Besøkende kan deretter fordype seg i andre arbeidseksempler via en slående typografisk navigasjonsside som du finner under fanen 'utforsk'.

13. Marleigh Culver

Designportefølje: Marleigh Culver

Culvers nettsted er enkel, men betraktet(Bildekreditt: Marleigh Culver)

Nettstedet til designer og kunstner Marleigh Culver er en enkel affære, men en som demonstrerer hvor nøye vurderte farge- og typevalg, kombinert med en enkel layout og navigering, er nøkkelen til enhver vellykket online designportefølje.

Selv om det er enkelt i naturen, vises Marleighs verk med stor effekt ved bruk av store, raske bilder som lastes inn, noe som gjør det til en lek å raskt navigere gjennom.

14. Malika Favre

Designporteføljer: Malika Favre

Dristig og vakker(Bildekreditt: Malika Favre)

Illustrator Malika Favre 'S dristige og vakre verk vises frem med stor effekt i hennes online designportefølje. Hun bruker et skjermbilde fra kant til kant i fullskjerm fra miniatyrbilder (hvorav noen er animerte) for å lokke besøkende til å se verket nærmere. Når de er klikket, viser miniatyrbildene en fullskjermsgalleripresentasjon av arbeidet som vises på gratis fargede bakgrunner som viser frem arbeidet med stor effekt.

15. Lusion

Designportefølje: Lusion

Lusions portefølje er en oppslukende opplevelse(Bildekreditt: Lusion)

For å få en fullstendig oppslukende opplevelse, ta en titt på Lusion sin designportefølje. Nettstedet er fullt av herlige designinnslag, inkludert en glødende prikk som følger markøren din, og en Om-side som overlegger en løpende figur som reagerer på hendelser fra musen. Det er litt desorienterende til tider, men helt passende å vise frem dette teknologifokuserte kreative studioets arbeid.

skrifttyper som følger med gotisk århundre

16. Yul Moreau

Designportefølje: Yul Moreau

Født i Seoul, basert i Paris og 'oppvokst på 80-tallet', Yul Moreau har en porteføljeside som fanger oppmerksomheten din fra begynnelsen med sin praktfulle bakgrunnsmontering av retrovideo. Enkeltsidesiden gjør en strålende jobb med å vise frem art directorens arbeid, og kombinerer video, bilder og smarte rulleeffekter for å vise alt pent.

17. Tim Smith

Designportefølje: Tim Smith

Dette nettstedet bruker CSS3 for et rent utseende

Med 'hjernedrevet grafikkmoro', Tim Smith porteføljesiden bruker CSS3 til å blande et skinnende rent utseende med noen smarte HTML5-triks som for eksempel utklippstitlene for hvert stykke, som forsvinner når du holder musen over. Vi elsker også sidefeltet, med sosiale lenker på forsiden og deretter brukt til navigering mellom porteføljesider.

Relaterte artikler: