Å lage en imponerende portefølje er ikke lett. Hvis du trenger en gnist for å antenne kreativiteten din, er det 24 av de beste nettutviklerporteføljenettstedene.
En av de tøffeste oppgavene til en ny utvikler er å lage en personlig webutviklerportefølje som hjelper deg med å få et potensial arbeidsgivers oppmerksomhet på den overfylte jobbmarkedet. Utvilsomt viser en fantastisk online portefølje ikke bare designarbeidene dine, men det fremhever også dine prestasjoner og ekspertise, og gir et sterkt inntrykk på de besøkende.
Siden det ikke bare er en samling arbeidsprøver, er det noen faktorer det er verdt å vurdere når du oppretter et nettstedutviklerporteføljeside. Noen av de viktigste spørsmålene du kan stille:
- Er det en tydelig oppfordringsknapp som andre raskt kan lære om deg?
- Er det noen forvirrende del i nettstedsoppsettet?
- Er kopien din for ordrik?
- Tar nettstedet lang tid å laste inn? Langsom lastetid tilsvarer for sent intervju og bør unngås med alle midler.
- Viser nettsiden kjerneproblemene som brukerne bryr seg om, eller er det bare en samling uorganiserte prestasjoner som er meningsløse for bruker?
- Kan nettsiden lastes inn og vises normalt på mobil?
Sammenlignet med kommersielle nettsteder må webutvikleres personlige nettsteder være mer oppmerksomme på personlighet og uavhengige tenker. Nedenfor finner du 24 av de beste webutviklerporteføljene fra både individuelle designere og kreative studioer over hele verden. Rull ned og la deg inspirere.
Robby Leonardi
Laget av: Robby Leonardi
Bakgrunnsinformasjon: En tverrfaglig designer, teknisk entusiast og NBA-fan.
Hva er spesielt: Den inneholder interaktive opplevelser og videospill fra barndommen vår.
Dette nettstedet ser ut som et online videospill, og du vil føle at du spilte når du blar med musen for å lære om Robbys arbeidserfaring & profesjonelle ferdigheter. Hvis du leter etter en ny måte å presentere et tilsynelatende kjedelig, men viktig stykke informasjon, så er dette nettstedet et perfekt eksempel.
Matthew Williams
Laget av: Matthew Williams
Bakgrunnsinformasjon: En front -end utviklingsingeniør som elsker UI-effekter, animasjon og dynamisk brukeropplevelse.
Hva er spesielt: En enkelt side med svart bakgrunn og rent grensesnitt.
Hvis du vil lage et kreativt frontend portefølje med et vakkert grensesnitt, så kan du ikke gå glipp av denne. Den har en svart bakgrunn, noe som gjør at nettstedet ser både stilig og rent ut. Det er en kort introduksjon på lastesiden. Når du ruller ned, lastes forskjellige seksjoner inn, inkludert profesjonelle ferdigheter, blogginnlegg, portefølje og kontaktdetaljer.
DRIES VAN BROECK
Laget av: DRIES VAN BROECK
Bakgrunnsinformasjon: En bevegelsesdesigner.
Hva er spesielt: Selv om designet kan virke distraherende, fremhever det viktige elementer med et mesterlig preg.
I henhold til de generelle reglene for programmererporteføljesiden, kan de dynamiske effektene få folk til å bli distrahert. Men du vil oppdage at nettstedet er godt designet med detaljer, inkludert vakkert vist karusellen, lyse ledetekst for å markere forfatterinformasjonen og de animerte små ikonene for å trekke brukerens oppmerksomhet til de viktigste delene av websiden. Dette gir ingen tvil om hans avanserte utvikling og designferdigheter.
Malte Gruhl
Laget av: Malte Gruhl
Bakgrunnsinformasjon: En frilansdesigner.
Hva er spesielt: Dette er en altomfattende des ignorer som gir en dyp følelse av mystikk.
Dette nettstedet gir folk en følelse av mystikk og vekker deres interesse. Kall det hva du vil – minimalisme, kunst eller abstrakt – ord er knapt nok til å beskrive dette nettstedets designfunksjoner. Når du ruller nedover siden, finner du elementer fra fysikk og kjemi.
Ben Bate
Laget av: Ben Bate
Bakgrunnsinformasjon: Et produkt designer som ofte jobber med oppstart og store selskaper for å skape innflytelsesrike elektroniske produkter.
Hva er spesielt: Strålende kopi som fanger besøkendes oppmerksomhet.
Designet er laget med Bootstrap. Selv om det visuelle designet ikke er spesielt enestående, gjør innholdet mer enn det.
Elsa Muse
Laget av: Elsa Muse
Bakgrunnsinformasjon: En fransk moteblogger.
Hva er spesielt: Fet fargevalg og læreboklignende minimalisme.
Vi må si at designarbeidet til Elsa Muse er spesielt kunstnerisk, noe som også er fremhevet på hennes nettside.Å studere nettstedsdesign er en god måte å utvide din visjon, spesielt med hensyn til fargevalg og læreboklignende minimalisme.
Legworkstudio
Laget av: Legworkstudio
Bakgrunnsinformasjon: Et personlig studio i Colorado.
Hva er spesielt: Animasjoner og interaktive opplevelser du aldri har sett før.
Animasjonen og de interaktive effektene kombinerer dette nettstedet. Besøkende vil bli imponert over de unike håndtegnede animasjonene på hjemmesiden. Nøkkelen er at disse animasjonene i motsetning til alt du har sett før.
Lounge Lizard
Laget av: – Lounge Lizard
Bakgrunnsinformasjon: Et webdesignfirma i NYC.
Hva «s spesielle: Dette nettstedet ser ukonvensjonelt, men likevel profesjonelt ut, samtidig som det utstråler tillit og komfort.
Å lage et nettsted ser profesjonell ut men ukonvensjonell er ikke lett, men Lounge Lizard-selskapet får det til å se eff ortless. Fra merkeutstillingen til fotovisningen på arbeidsplassen gjør dette nettstedet med bar-tema en god jobb med å etablere merkeidentitet og fremme selskapets omdømme.
Wokine
Laget av:
Bakgrunnsinformasjon: Et webdesignfirma i Paris.
Hva er spesielt: Visuell design med delt skjerm.
Dette nettstedet følger en veldig populær visuell designtilnærming – delt skjerm. Den generelle utformingen av dette nettstedet er veldig enkel, med stor avstand og et enkelt fargevalg. Dette gir en god visuell hierarki.
Daniel Spatzek
Laget av:
Bakgrunnsinfo: En frilans grafikk og webdesigner.
Hva er spesielt: Mye grafikk og animerte teknikker.
Dette nettstedet bruker mye CSS-teknologi og animasjoner for å skape en fantastisk dynamisk opplevelse. . I motsetning til andre design av lange sider, er navigasjonen på dette nettstedet distribuert i fire retninger. Ved å avvike fra tradisjonell ordning, gir nettstedet en forfriskende endring.
Sean Halpin
Laget av:
Bakgrunnsinformasjon: En webdesigner og utvikler fra Toronto .
Hva er spesielt: Det er en enorm personlighet i en liten pakke.
Dette er et perfekt eksempel på en full stack-webutviklerportefølje, som presenterer både forfatterens ferdigheter og personlighet. Hele nettstedet ser ut som designerens lille grønne verden. Sean hjelper også andre med å bygge personlige nettsteder.
Denise Chandler
Laget av: Denise Chandler
Bakgrunnsinformasjon: En kvinnelig designer med solid bakgrunn i programmering.
Hva er spesielt: Inkluderer perfekt de fire grunnleggende prinsippene for webdesign med personlige elementer.
Denne frilansporteføljen til webutviklere illustrerer perfekt de fire grunnleggende prinsippene for design: justering, repetisjon, kontrast og intimitet. I tillegg har den mange personlige elementer, noe som gjør det mer iøynefallende.
Yul Moreau
Laget av: Yul Moreau
Bakgrunnsinformasjon: Digital art director født i Seoul, bosatt i Paris
Hva er spesielt: Unik atmosfære og dynamisk elektronisk musikk
Yul Moreau henter inspirasjon fra 80-tallet til å lage porteføljesiden sin, og det er gode eksempler på å bruke visuelt for å øke brukerengasjementet . Hans erfaring og ferdigheter vises fagmessig ved å legge inn videoer, bilder og rulleeffekter på en enkelt side.
Toy Fight
Laget av: ToyFight
Bakgrunnsinfo : De er et team av designere, regissører, strateger og dansere.
Hva er spesielt: Det iøynefallende fargevalget trekker øyeblikkelig besøkendes oppmerksomhet.
Dette nettstedet bruker en kombinasjon av levende farger og minimal design for å fange besøkende oppmerksomhet og engasjere dem for å holde dem lenger på nettstedet. Den enkle å navigere menyen og den minimale stilen gir god øye-godteri og hyggelig brukeropplevelse.
Rezo Zero
Laget av: Rezo Zero
Bakgrunn info: Et grafisk og digitalt studio som designer og utvikler unike merkevareidentiteter.
Hva er spesielt: Rike casestudier for ulike prosjekter.
Denne porteføljen ser ut som et digitalt magasin med flotte plasserte vakre bilder og håndplukkede skrifttyper. De detaljerte og illustrerte casestudiene for hvert prosjekt gir det et forsprang på sine kolleger. h2> Tim Smith
Laget av: Tim Smith
Bakgrunnsinformasjon: En London-basert designer og skribent, også en global bilregissør.
Hva er spesiell: Enkel å navigere og kortbasert sideoppsett.
Dette nettstedet bruker en enkel, men fantastisk måte å presentere designeren på «porteføljer. Kombinert med behendig bruk av animasjonseffekter, involverer det kortbaserte oppsettet enkelt brukere.
STRV
Laget av: STRV
Bakgrunnsinformasjon: Et team av designere og ingeniører som spesialiserer seg på digitale løsninger.
Hva er spesiell: Bruk av videoer presenterer hvordan byrået fungerer veldig tydelig.
Videoene i bakgrunnen formidler fagmessig hvordan det digitale produktbyrå fungerer. For å illustrere, hvis du klikker på avspillingsknappen på fullskjermvideoen, vil den vise prosessen i detaljer.
Stereo
Laget av: Stereo
Bakgrunnsinformasjon: Et team av kreative tenkere basert i London.
Hva er spesielt: Det fokuserer på forbrukerens emosjonelle forhold til merkevaren.
Dette er et enkelt, men likevel slående porteføljeside. Byrået bruker fargerike bilder og livlige videoer midt på nettstedet for å vise hva de kan gjøre. Målet er å skape et dypere følelsesmessig forhold til besøkende.
Steven Mengin
Laget av: Steven Mengin
Bakgrunnsinformasjon: En London-basert digital designer.
Hva er spesielt: Et unikt og visuelt imponerende porteføljeside.
Bruk av sterke visuals viser hva Steven Mengin kan gjøre med et øyeblikk. Når en besøkende kommer inn på nettstedet, vil han / hun se en vakkert animert cloudspace-effekt, med designerens navn i sentrum. Det er en stor glede å se de subtile animasjonene.
Patrick David
Laget av: Patrick David
Bakgrunnsinformasjon: En front-end-utvikler og web designer med base i Italia.
Hva er spesielt: Dette er et typisk eksempel på å tilpasse hele porteføljen til en enkelt side.
Dette er et typisk eksempel på et nettsted med en side og langrulling, enkelt og effektivt. Når du ruller nedover, ser du en vakker helteseksjon og en rekke eksempler på prosjekter.
Stink Studios
Laget av: Stink Studios
Bakgrunnsinformasjon : Et globalt selskap som ble lansert i 2009, med fokus på reklame, teknologi og underholdning.
Hva er spesielt: Det demonstrerer en rekke prosjekter på en ren, men kreativ måte.
Studioet plasserer arbeidet foran og i midten ved hjelp av en muroppsett. Prosjektene inkluderer kampanjekampanjer, nettsteder og 360 / VR-opplevelser.
TOBIAS AHLIN
Laget av: TOBIAS AHLIN
Bakgrunnsinformasjon: En digital designer, høyttaler, lærer og konsulent for teknologibedrifter og oppstart.
Hva er spesielt: Det lar verkene snakke for seg selv.
Helt i midten og øverst på siden kommer Tobias Ahlin rett til poenget :, «Jeg designer og bygger digitale produkter». Dette nettstedet bruker et kortbasert og minimalistisk oppsett, med case study-lenker inkludert i sluttproduktet.
Femme Fatale
Laget av: Femme Fatale
Bakgrunn info: Et kreativt studio som fokuserer på kultur, luksus, redaksjonell og kunst.
Hva er spesielt: Det utstråler en forlokkende følelse av luksus.
Dette nettstedet utgjør perfekt teamets selvbeskrivelse av «et sted mellom sofistikering og enkelhet». Det gjenspeiler denne tonen ved å bruke dristige bilder, skarpe skrifttyper og svarte fargevalg – som alle bidra til å skape et sofistikert utseende.
Wendy Van Veen
Laget av: Wendy Van Veen
Bakgrunnsinformasjon: En illustratør, animatør og grafisk ontwerper.
Hva er spesielt: Det bruker illustrasjon og humor for å engasjere flere brukere.
Dette nettstedet gir brukerne en titt inn i Wendys persona. Når du ruller nedover, vil brukerne se morsomme og interessante animasjoner som viser frem designerens talent.
Lukkende tanker
Vi håper at disse håndplukkede webutviklerporteføljene vil inspirere deg og antenne kreativiteten din. Det er imidlertid godt å huske at inspirasjon eller talent bare vil gi deg så langt. Et nyttig designverktøy er et must for å hjelpe deg med å gjøre arbeidet ditt raskere og mer effektivt.
Hvis du leter etter en kombinasjon av funksjonalitet og brukervennlighet, så er Mockplus et godt valg. Ikke bare gir det et vell av eksempler på webdesign, men det inkluderer også ferdige komponenter / UI-elementer for å komme i gang med design med minst mulig anstrengelse.
