17 utmärkta designportföljer för att inspirera dig

designportföljer
(Bildkredit: Studio Thomas)

En imponerande designportfölj kan vara skillnaden mellan att få ett jobb eller en intervju eller inte. Det är inte lätt att sticka ut bland portföljbergen där ute, så det är avgörande att lägga riktigt tanke på din online-närvaro.

För att inspirera dig har vi valt ut några av de bästa designportföljerna på webben, från både frilansdesigners och studior. Även om dessa exempel är olika skiljer de sig ut genom den unika användningen av funktioner som smart animering, en knäppa och minnesvärd estetik eller en underhållande användarupplevelse - en touch av kreativitet och innovativt tänkande tar dig långt.

För de som inte är supertekniska, vår guide till bästa webbplatsbyggare och vår favorit WordPress-portföljteman hjälper dig på din väg. Eller om du är säker på att bygga din egen designportfölj, utforska vår sammanfattning av bästa webbhotell för att se till att du får det bästa erbjudandet.



Så utforska dessa inspirerande exempel på online designportföljer och börja sedan med dina egna idéer. Och när du väl har jobbjakt, missa inte vår samlade lista över de bästa designjobb just nu.

01. Studio Feixen

Studio Feixen designportfölj

Projekten är indelade i rymd, yta och tid(Bildkredit: Studio Feixen)

Feixen-studie är en designstudio baserad i Schweiz och har undvikit att 'less is more' letar efter sin webbplats. Normalt säger vi att designportföljer handlar om curation, men vi älskar explosionen av färg och projekt som visas på denna webbplats. Ett annat av våra favoritelement är avsnittet 'samtal' där du kan ställa en fråga till Studio Feixen. Det är roligt, interaktivt och det får oss att vilja veta mer om studion.

hur man animerar i Adobe eftereffekter

02. RoAndCo

Designportfölj: RoAndCo

Vad det saknar information gör det för en fantastisk presentation(Bildkredit: Ro and Co)

RoAndCo är den NYC-baserade studion grundad av creative director Roanne Adams. Teamet erbjuder vackert utformade design-, varumärkes- och kreativa riktningslösningar till en kundlista övervägande inom mode-, skönhets-, tech- och livsstilssektorerna.

I linje med studioens arbetsetos är det en upplevelse i sig att se RoAndCos webbplats. Projekten presenteras på ett nästan tidskriftsliknande sätt. RoAndCos webbplats möjliggör för tittaren att bläddra igenom delade skärmbilder, animerade webbpresentationer och helskärmsvideo och är en noggrant genomtänkt portfölj som är ett nöje att se i webbläsaren och på mobila enheter.

Den fullständiga bristen på information om något projekt är lite irriterande, men RoAndCo har ändå skapat en väl utformad, minnesvärd användarupplevelse.

03. Robin Mastromarino

Portföljdesign: Robin Mastromarino

Denna portfölj håller saken fräsch(Bildkredit: Robin Mastromarino)

Paris-baserad gränssnittsdesigner Robin Mastromarino håller saker fräscha på sin designportföljsida. En spännande effekt på hans hemsida får projekten att se ut som om de är på ett hjul och bedömer dem med några tillfredsställande gränssnittsanimationer. Inom varje fallstudie svarar bilderna också genom att vrida sig något när du rullar. Även om det inte är lämpligt för varje kreativt, med tanke på att Mastromarino specialiserar sig på UI-design, slår detta alla rätt anteckningar.

04. Aktiv teori

Designportföljer: Aktiv teori

Det är som att komma in i en helt ny värld(Bildkredit: Aktiv teori)

Besöker Aktiv teori Portföljwebbplatsen är som att komma in i en helt ny värld. Designen omfattar en lynnig, Blade Runner-ish estetik hela tiden - och mycket framgångsrikt också. Från den stämningsfulla hemsideanimationen med musaktiverade glitcheffekter till den trippiga About-sidan, fungerar allt tillsammans vackert. Studion håller saker rena för sina projektsidor, varvid varje exempel innehåller en helskärmsanimation överlagrad med kort oskärpa och relevanta länkar till ytterligare information, inklusive detaljerade fallstudier på Medium.

05. Sammetsspektrum

Designportföljer: Velvet Spectrum

Uber-färgglada miniatyrer gör denna portfölj till en visuell behandling(Bildkredit: Velvet Spectrum)

Sammetsspektrum är online moniker av bildkonstnären och designern Luke Choice. Choice har hållit sakerna enkla på sin hemsida med en montage av uberfärgade miniatyrer som leder till de visuellt arresterande exemplen på hans arbete som visas superstorlek för maximal effekt. Den svarta bakgrunden håller saker rena och hjälper arbetet att lysa. Detta är en enkel men supereffektiv designportfölj.

06. Lok

Designportföljer: Lok

Locomotive erbjuder överraskningar i hela sin portfölj(Bildkredit: Lokomotiv)

Denna imponerande designportfölj kommer från Lokomotiv , en studio baserad i Quebec, Kanada. Med ett team som specialiserat sig på att skapa framstående digitala upplevelser är det vettigt att denna portföljsida verkligen lyser. Lekfulla animationer livar designen på hela webbplatsen (inte bara på hemsidan). Det känns som ansträngning och tanke har gått in i varje element, från den knäppa behandlingen av hamburgermenyn till de oväntade animationerna på Om-sidan.

07. Thomas Studio

Uppkallad efter sina två kreativa regissörer, Thomas Austin och Thomas Coombes, Studio Thomas är en East London-studio som skapar visuell kommunikation för fysiska och digitala världar, och dess webbplats återspeglar perfekt dess explorativa och experimentella attityd. Det är ett fantastiskt exempel på brutalistisk webbdesign med massor av snygga detaljer; vi älskar särskilt 3D-trådmodellen från Pamban Cafe som du kan navigera med musen.

08. Buzzworthy Studio

Buzzworthy Studio beskriver sig själv som en badass digital studio i Brooklyn, och dess webbplats är ett helvetet telefonkort som visar bländande webbtekniker från början. Stor typografi och animering kombinerar för att fånga din uppmärksamhet, och ett starkt öga för estetik innebär att du kommer att hålla dig kvar för att utforska alla Buzzworthys projekt.

09. Xavier Cussó

Barcelona-baserad designer Xavier Cussó har en fantastisk portföljsida - byggd av Burundanga Studio - för att visa upp sitt arbete med djärva färger, in-your-face typografi och praktiskt taget alla animationer och parallax rullning trick i boken.

10. Merry Hoss

Designportföljer: Merijn Hoss

Hoss tar ett pared back-tillvägagångssätt(Bildkredit: Merijn Hos)

Den här nästa designportföljen är inte alls lika prickig som exemplen vi har utforskat hittills, men den är fortfarande mycket effektiv. Illustratör och konstnär Merry Hoss skapar vackert detaljerade psykedeliska konstverk, men har tagit en helt mer parad back och traditionell inställning till att visa sitt arbete på sin online designportfölj.

Färgglada miniatyrer dyker upp ur en ren gallerliknande vit bakgrund som en gång klickade på avslöjar stora projektbilder och en kort beskrivning. Bevis på att du inte behöver alla klockor och visselpipor för att skapa en fantastisk användarupplevelse.

11. ToyFight

Designportfölj: ToyFight

Denna portfölj utförs med humor och panache

Manchester-baserad studio ToyFight använder ett antal whizzy effekter - från parallaxrullning till animerade övergångar och till och med 3D-renderade versioner av grundarna som kämpar mot varandra. Allt detta kan hota att överväldiga det verkliga utställningsarbetet, men med tanke på att det har utförts med sådan visuell humor och panache är det en glädje att utforska.

12. Gjort tanke

Designportföljer: Made Thought

Webbplatsen går igenom bilder med taglines(Bildkredit: Made Thought)

Modernt kraftverk Gjort tanke leder där andra följer. Studion valde ursprungligen en hemsida som visade en video som cyklade igenom arbetsprover i extremt snabb takt, men har ersatt den här lösningen med något lugnare, mindre frenetiskt och mycket trevligare att utforska.

Den nyare hemsidan rullar (långsamt) genom vackra stillbilder från senaste projekt, med en tagline för att sammanfatta var och en. Besökare kan sedan gräva i andra arbetsprover via en slående typografisk navigationssida som finns under fliken 'utforska'.

13. Marleigh Culver

Designportfölj: Marleigh Culver

Culvers webbplats är enkel men övervägande(Bildkredit: Marleigh Culver)

Webbplatsen för designer och konstnär Marleigh Culver är en enkel affär, men en som visar hur noga övervägande färg- och typval, i kombination med en enkel layout och navigering, är nycklarna till alla framgångsrika online designportföljer.

Även om det är enkelt till sin natur, visas Marleighs arbete med stor effekt genom att använda stora, snabbt laddade bilder, vilket gör det till en vind att snabbt navigera igenom.

med hjälp av illustratörfiler i eftereffekter

14. Malika Favre

Designportföljer: Malika Favre

Djärv och vacker(Bildkredit: Malika Favre)

Illustratör Malika Favre Hennes djärva och vackra arbete visas med stor effekt i hennes online designportfölj. Hon använder en helskärm kant-till-kant-gobeläng av miniatyrer (av vilka vissa är animerade) för att locka besökare att se arbetet mer detaljerat. När du väl har klickat på dem visar miniatyrbilderna en helskärmsgalleripresentation av verket som presenteras på gratis färgade bakgrunder som visar upp verket med stor effekt.

15. Lusion

Designportfölj: Lusion

Lusions portfölj är en uppslukande upplevelse(Bildkredit: Lusion)

För en helhetsupplevelse, ta en titt på Lusion s designportfölj. Webbplatsen är full av härliga designinslag, inklusive en glödande prick som följer markören och en About-sida som överlagrar en löpande figur som svarar på mushändelser. Det är ibland lite desorienterande, men helt lämpligt att visa upp den tekniskt fokuserade kreativa studioens arbete.

16. Yul Moreau

Designportfölj: Yul Moreau

Född i Seoul, baserat i Paris och 'uppfostrad av 80-talet', Yul Moreau har en portföljwebbplats som fångar din uppmärksamhet från början med sin fantastiskt snygga bakgrundsmontage av retrovideo. Webbplatsen med en personsökning gör ett fantastiskt jobb med att visa upp art director-arbetet, kombinera video, bilder och smarta rullningseffekter för att visa allt snyggt.

17. Tim Smith

Designportfölj: Tim Smith

Denna webbplats använder CSS3 för ett rent utseende

Med 'hjärnan-driven grafik kul', Tim Smith Portföljwebbplatsen använder CSS3 för att blanda ett fläckfritt rent utseende med några smarta HTML5-knep, till exempel de utklippta titlarna för varje bit, som försvinner när du håller musen över. Vi älskar också sidofältet, med sociala länkar på förstasidan och sedan används för navigering mellan portföljsidor.

Relaterade artiklar: