Det er ikke let at oprette en imponerende portefølje. Hvis du har brug for en gnist for at antænde din kreativitet, er her 24 af de bedste webudviklerporteføljesider.

En af de hårdeste opgaver for en ny udvikler er at skabe en personlig webudviklerportefølje, der hjælper med at få et potentiale arbejdsgiverens opmærksomhed på det overfyldte jobmarked. Uden tvivl viser en fantastisk onlineportefølje ikke kun dit design, men det fremhæver også dine præstationer og ekspertise og efterlader et stærkt indtryk på dine besøgende.

Da det ikke kun er en samling af arbejdseksempler, er der nogle faktorer, der er værd at overveje, når du opretter et webudviklerportefølje-websted. Nogle af de vigtigste spørgsmål at stille:

• Er der en klar opfordring til handling-knap, som andre hurtigt kan lære om dig?
• Er der nogen forvirrende del i webstedslayoutet?
• Er din kopi for ordrig?
• Har webstedet lang tid at indlæse? Langsom indlæsningstid svarer til at være for sent til et interview og bør undgås på alle måder.
• Viser websiden de kerneproblemer, som brugerne bryr sig om, eller er det bare en samling af uorganiserede resultater, der er meningsløse for bruger?
• Kan websiden indlæses og vises normalt på mobil?

Sammenlignet med kommercielle websteder skal webudvikleres personlige websteder være mere opmærksomme på personlighed og uafhængige tænker. Nedenfor finder du 24 af de bedste webudviklerporteføljer fra både individuelle designere og kreative studier over hele verden. Rul ned og bliv inspireret.

Robby Leonardi

Lavet af: Robby Leonardi

Baggrundsinformation: En tværfaglig designer, tech-entusiast og NBA-fan.

Hvad er specielt: Det indeholder interaktive oplevelser og videospil fra vores barndom.

Dette site ser ud som et online videospil, og du vil føle, at du spillede, når du ruller med musen for at lære om Robbys erhvervserfaring & professionelle færdigheder. Hvis du leder efter en ny måde at præsentere på et tilsyneladende kedeligt, men vigtigt stykke information, så er dette websted et perfekt eksempel.

Matthew Williams

Lavet af: Matthew Williams

Baggrundsinformation: En front -end udviklingsingeniør, der elsker UI-effekter, animation og dynamisk brugeroplevelse.

Hvad er specielt: En enkelt side med sort baggrund og ren grænseflade.

Hvis du vil udvikle en kreativ frontend portefølje med en smuk grænseflade, så kan du ikke gå glip af denne. Det har en sort baggrund, som får siden til at se både stilfuld og ren ud. Der er en kortfattet selvintroduktion på indlæsningssiden. Når du ruller ned, indlæses forskellige sektioner, herunder faglige færdigheder, blogindlæg, portefølje og kontaktoplysninger.

DRIES VAN BROECK

Oprettet af: DRIES VAN BROECK

Baggrundsinformation: En bevægelsesdesigner.

Hvad er specielt: Selvom designet kan virke distraherende, fremhæver det de vigtige elementer med et mesterligt touch.

I henhold til de generelle regler for programmørporteføljes webstedsdesign kan de dynamiske effekter få folk til at blive distraheret. Men du vil opdage, at hjemmesiden er godt designet med detaljer, herunder smukt vist karrusellen, lyse hurtig tekst til at fremhæve forfatterinfo og de animerede små ikoner for at henlede brugerens opmærksomhed på de vigtigste dele af websiden. Dette efterlader ingen tvivl om hans avancerede udviklings- og designfærdigheder.

Malte Gruhl

Lavet af: Malte Gruhl

Baggrundsinformation: En freelance designer.

Hvad er specielt: Dette er en altomfattende des ignorer, der giver en dyb fornemmelse af mysterium.

Dette websted giver folk en følelse af mysterium, der vækker deres interesse. Kald det som du vil – minimalisme, kunst eller abstrakt – ord er næppe nok til at beskrive dette websteds designfunktioner. Når du ruller ned på siden, finder du elementer fra fysik og kemi.

Ben Bate

Lavet af: Ben Bate

Baggrundsinformation: Et produkt designer, der ofte arbejder med startups og store virksomheder for at skabe indflydelsesrige elektroniske produkter.

Hvad er specielt: Strålende kopi, der fanger den besøgendes opmærksomhed.

Designet er lavet ved hjælp af Bootstrap. Selvom det visuelle design ikke er særlig fremragende, kompenserer indholdet mere end det.

Elsa Muse

Lavet af: Elsa Muse

Baggrundsinformation: En fransk modeblogger.

Hvad er specielt: Fed farveskema og læreboglignende minimalisme.

Vi må sige, at Elsa Muses designarbejde er særligt kunstnerisk, hvilket også er fremhævet på hendes hjemmeside.At studere webstedsdesign er en god måde at udvide din vision på, især med hensyn til farveskemaet og læreboglignende minimalisme.

Legworkstudio

Lavet af: Legworkstudio

Baggrundsinformation: Et personligt studie i Colorado.

Hvad er særligt: Animationer og interaktive oplevelser, som du aldrig har set før.

Animationen og de interaktive effekter kombinerer dette websted med at skille sig ud. Besøgende vil blive imponeret over de unikke håndtegnede animationer på hjemmesiden. Nøglen er, at disse animationer ikke ligner noget, du har set før.

Lounge Lizard

Oprettet af: – Lounge Lizard

Baggrundsinformation: Et webdesignfirma i NYC.

Hvad “s special: Dette site ser utraditionelt, men alligevel professionelt, udstråler tillid og komfort på samme tid.

At oprette et websted ser professionel ud men ukonventionel er ikke let, men Lounge Lizard-firma får det til at se eff ortless. Fra mærkets udstillingsvindue til fotoudstillingen på arbejdspladsen gør dette websted med bar-tema et godt stykke arbejde med at etablere brandidentitet og fremme virksomhedens omdømme.

Wokine

Lavet af:

Baggrundsinformation: Et webdesignfirma i Paris.

Hvad er specielt: Visuelt design med delt skærm.

Dette websted følger en meget populær visuel designtilgang – delt skærm. Det overordnede design af dette site er meget ligetil, med stor afstand og et simpelt farveskema. Dette resulterer i et godt visuelt hierarki.

Daniel Spatzek

Lavet af:

Baggrundsinformation: En freelance grafik og webdesigner.

Hvad er specielt: En masse grafik og animerede teknikker.

Dette websted bruger en masse CSS-teknologi og animationer til at skabe en fantastisk dynamisk oplevelse . I modsætning til andre lange sidedesign er navigationen på dette websted fordelt i fire retninger. Ved at afvige fra det traditionelle arrangement skaber webstedet en forfriskende ændring.

Sean Halpin

Lavet af:

Baggrundsinformation: En webdesigner og udvikler fra Toronto .

Hvad er specielt: Det er en stor personlighed i en lille pakke.

Dette er et perfekt eksempel på en full stack webudviklerportefølje, der præsenterer både forfatterens færdigheder og personlighed. Hele siden ligner en designeres lille grønne verden. Sean hjælper også andre med at oprette personlige websteder.

Denise Chandler

Lavet af: Denise Chandler

Baggrundsinformation: En kvindelig designer med en solid baggrund i programmeringen.

Hvad er specielt: Inkorporerer perfekt de 4 grundlæggende principper for webdesign med personlige elementer.

Denne freelance webudviklerportefølje illustrerer perfekt de 4 grundlæggende principper for design: tilpasning, gentagelse, kontrast og intimitet. Derudover har den mange personlige elementer, der gør det mere iøjnefaldende.

Yul Moreau

Lavet af: Yul Moreau

Baggrundsinformation: Digital art director født i Seoul, der bor i Paris

Hvad er specielt: Unik atmosfære og dynamisk elektronisk musik

Yul Moreau henter inspiration fra 80’erne til at skabe sit portfolio-websted, og det er et godt eksempel på brug af visuals til at øge brugerengagementet . Hans erfaring og færdigheder vises ekspert ved at integrere videoer, billeder og rulleeffekter på en enkelt side.

Toy Fight

Lavet af: ToyFight

Baggrundsinformation : De er et team af designere, instruktører, strateger og dansere.

Hvad der er særligt: Det iøjnefaldende farveskema tiltrækker straks besøgende.

Dette websted bruger en kombination af levende farver og minimalt design for at fange de besøgende opmærksomhed og engagere dem for at holde dem længere på siden. Menuen, der er let at navigere og den minimale stil, giver yummy eye-candy og behagelig brugeroplevelse.

Rezo Zero

Lavet af: Rezo Zero

Baggrund info: Et grafisk og digitalt studie, der designer og udvikler unikke brandidentiteter.

Hvad er specielt: Rige casestudier til forskellige projekter.

Denne portefølje ligner et digitalt magasin med pænt placerede smukke billeder og håndplukkede skrifttyper. Dens detaljerede og illustrerede casestudier for hvert projekt giver det en fordel i forhold til sine jævnaldrende.

Tim Smith

Lavet af: Tim Smith

Baggrundsinformation: En London-baseret designer og forfatter, også en global autodirektør.

Hvad er der special: Let at navigere og kortbaseret webstedslayout.

Dette websted bruger en enkel, men fantastisk måde at præsentere designeren på “porteføljer. Kombineret med behændig brug af animationseffekter, involverer det kortbaserede layout let brugere.

STRV

Lavet af: STRV

Baggrundsinformation: Et team af designere og ingeniører med speciale i digitale løsninger.

Hvad er der special: Brug af videoer præsenterer, hvordan agenturet fungerer meget tydeligt.

Videoerne i baggrunden formidler ekspertise, hvordan det digitale produktbureau fungerer. For at illustrere, hvis du klikker på afspilningsknappen på fuldskærmsvideoen, vises processen i detaljer.

Stereo

Lavet af: Stereo

Baggrundsinformation: Et team af kreative tænkere med base i London.

Hvad er specielt: Det fokuserer på forbrugerens følelsesmæssige forhold til brandet.

Dette er en enkel, men alligevel slående porteføljewebsite. Agenturet bruger farverige billeder og levende videoer i midten af deres websted for at vise, hvad de kan gøre. Dens mål er at skabe et dybere følelsesmæssigt forhold til besøgende.

Steven Mengin

Lavet af: Steven Mengin

Baggrundsinformation: En London-baseret digital designer.

Hvad er specielt: Et unikt og visuelt imponerende portfolio-websted.

Brug af stærke visuals viser, hvad Steven Mengin kan gøre med det samme. Når en besøgende kommer ind på hjemmesiden, vil han / hun se en smukt animeret cloudspace-effekt med designernes navn i centrum. Det er en fornøjelse at se de subtile animationer.

Patrick David

Lavet af: Patrick David

Baggrundsinformation: En frontend-udvikler og web designer med base i Italien.

Hvad er specielt: Dette er et typisk eksempel på at tilpasse hele porteføljen til en enkelt side.

Dette er et typisk eksempel på et websted med en side og lang rulning, enkelt og alligevel effektivt. Når du ruller nedad, ser du en smuk heltesektion og et antal eksempler på projekter.

Stink Studios

Lavet af: Stink Studios

Baggrundsinformation : En global virksomhed, der blev lanceret i 2009 med fokus på reklame, teknologi og underholdning.

Hvad er specielt: Det demonstrerer en række projekter på en ren, men kreativ måde.

Studiet placerer deres arbejde foran og i midten ved hjælp af et murværk layout. Projekterne inkluderer promo-kampagner, hjemmesider og 360 / VR-oplevelser.

TOBIAS AHLIN

Lavet af: TOBIAS AHLIN

Baggrundsinformation: En digital designer, højttaler, lærer og konsulent for teknologivirksomheder og startups.

Hvad er specielt: Det lader værkerne tale for sig selv.

Helt i midten og øverst på siden kommer Tobias Ahlin lige til sagen: “Jeg designer og bygger digitale produkter”. Dette websted bruger et kortbaseret og minimalistisk layout med case study links inkluderet i det endelige produkt.

Femme Fatale

Lavet af: Femme Fatale

Baggrund info: Et kreativt studie med fokus på kultur, luksus, redaktionel og kunst.

Hvad er specielt: Det udstråler en lokkende følelse af luksus.

Dette sted inkorporerer perfekt holdets selvbeskrivelse af “et sted mellem sofistikering og enkelhed”. Det afspejler denne tone ved hjælp af dristige billeder, skarpe skrifttyper og sorte farveskemaer – som alle bidrager til at skabe et sofistikeret look.

Wendy Van Veen

Lavet af: Wendy Van Veen

Baggrundsinformation: En illustrator, animator og grafisk ontwerper.

Hvad er specielt: Det bruger illustration og humor til at engagere flere brugere.

Dette websted giver brugerne et kig ind i Wendys persona. Når du ruller nedad, vil brugerne se sjove og interessante animationer, der viser designerens talent.

Afslutning af tanker

Vi håber, at disse håndplukkede webudviklerporteføljer vil inspirere dig og antænde din kreativitet. Det er dog godt at huske, at inspiration eller talent kun får dig indtil videre. Et nyttigt designværktøj er et must for at hjælpe dig med at få dit arbejde udført hurtigere og mere effektivt.

Hvis du leder efter en kombination af funktionalitet og brugervenlighed, så er Mockplus et godt valg. Ikke kun giver det et væld af eksempler på webdesign, men det inkluderer også færdige komponenter / UI-elementer, som du kan komme i gang med design med mindst mulig indsats.