Att skapa en imponerande portfölj är inte lätt. Om du behöver en gnista för att tända din kreativitet, här är 24 av de bästa webbutvecklarportföljwebbplatserna.
En av de tuffaste uppgifterna för en ny utvecklare är att skapa en personlig webbutvecklarportfölj som hjälper till att få en potential arbetsgivarens uppmärksamhet på den överfulla arbetsmarknaden. Utan tvekan visar en fantastisk onlineportfölj inte bara dina designarbeten utan den lyfter också fram dina prestationer och expertis och lämnar ett starkt intryck på dina besökare.
Eftersom det inte bara är en samling arbetsprover finns det några faktorer som är värda att tänka på när man skapar en webbutvecklarportföljwebbplats. Några av de viktigaste frågorna att ställa:
- Finns det en tydlig uppmaningsknapp som andra snabbt kan lära sig om dig?
- Finns det någon förvirrande del i webbplatsens layout?
- Är din kopia för ordlig?
- Tar webbplatsen lång tid att ladda? Långsam laddningstid motsvarar att det är sent för en intervju och bör undvikas på alla sätt.
- Visar webbsidan de viktigaste frågorna som användarna bryr sig om, eller är det bara en samling oorganiserade prestationer meningslösa för användare?
- Kan webbsidan laddas och visas normalt på mobilen?
Jämfört med kommersiella webbplatser måste webbutvecklarnas personliga webbplatser ägna mer uppmärksamhet åt personlighet och oberoende tänkande. Nedan hittar du 24 av de bästa portföljerna för webbutvecklare från både enskilda designers och kreativa studior över hela världen. Rulla ner och bli inspirerad.
Robby Leonardi
Tillverkad av: Robby Leonardi
Bakgrundsinformation: En tvärvetenskaplig designer, teknikentusiast och NBA-fan.
Vad är speciellt: Det innehåller interaktiva upplevelser och videospel från vår barndom.
Denna webbplats ser ut som ett online-videospel, och du kommer att känna att du spelade när du rullade med musen för att lära dig mer om Robbys arbetsupplevelse & yrkesmässiga färdigheter. Om du letar efter ett nytt sätt att presentera en till synes tråkig men viktig information, då är den här webbplatsen ett perfekt exempel.
Matthew Williams
Tillverkad av: Matthew Williams
Bakgrundsinformation: En front -änd utvecklingsingenjör som älskar UI-effekter, animering och dynamisk användarupplevelse.
Vad är speciellt: En enda sida med svart bakgrund och rent gränssnitt.
Om du vill utveckla ett kreativt frontend portfölj med ett vackert gränssnitt, då kan du inte missa den här. Den har en svart bakgrund, vilket gör att webbplatsen ser både snygg och ren ut. Det finns en kort självintroduktion på laddningssidan. När du rullar ned laddas olika sektioner, inklusive professionella färdigheter, blogginlägg, portfölj och kontaktuppgifter.
DRIES VAN BROECK
Tillverkad av: DRIES VAN BROECK
Bakgrundsinformation: En rörelsedesigner.
Det som är speciellt: Även om designen kan verka distraherande lyfter den fram de viktiga elementen med en mästerlig touch.
Enligt de allmänna reglerna för programmeringsportföljwebbdesign kan de dynamiska effekterna få människor att bli distraherade. Men du kommer att upptäcka att webbplatsen är väldesignad med detaljer, inklusive visade vackert karusellen, den ljusa snabbtexten för att markera författarinformationen och de animerade små ikonerna för att fästa användarens uppmärksamhet på de viktigaste delarna av webbsidan. Detta lämnar inget tvivel om hans avancerade utvecklings- och designfärdigheter. h2> Malte Gruhl
Tillverkad av: Malte Gruhl
Bakgrundsinformation: En frilansdesigner.
Det som är speciellt: Detta är en allomfattande des ignorer som ger en djup känsla av mysterium.
Den här webbplatsen ger människor en känsla av mysterium och väcker deras intresse. Kalla det vad du vill – minimalism, konst eller abstrakt – ord räcker knappast för att beskriva webbplatsens designfunktioner. När du rullar ner på sidan hittar du delar av fysik och kemi.
Ben Bate
Tillverkad av: Ben Bate
Bakgrundsinformation: En produkt designer som ofta arbetar med nystartade företag och stora företag för att skapa inflytelserika elektroniska produkter.
Det som är speciellt: lysande kopia som fångar besökarens uppmärksamhet.
Designen är gjord med Bootstrap. Även om den visuella designen inte är särskilt enastående kompenserar innehållet mer än.
Elsa Muse
Tillverkad av: Elsa Muse
Bakgrundsinformation: En fransk modebloggare.
Vad är speciellt: Fet färgschema och lärobokliknande minimalism.
Vi måste säga att Elsa Muses designarbete är speciellt konstnärligt, vilket också framhävs på hennes webbplats.Att studera webbdesign är ett bra sätt att bredda din vision, särskilt när det gäller färgschemat och lärobokliknande minimalism.
Legworkstudio
Tillverkad av: Legworkstudio
Bakgrundsinformation: En personlig studio i Colorado.
Vad är speciellt: Animationer och interaktiva upplevelser som du aldrig har sett förut.
Den kombinerade animationen och de interaktiva effekterna gör att denna webbplats sticker ut. Besökare kommer att bli imponerade av de unika handritade animationerna på hemsidan. Nyckeln är att dessa animationer skiljer sig från allt du har sett tidigare.
Lounge Lizard
Tillverkad av: – Lounge Lizard
Bakgrundsinformation: Ett webbdesignföretag i NYC.
Vad ”s special: Denna webbplats ser okonventionell men ändå professionell ut och utstrålar självförtroende och komfort samtidigt.
Att skapa en webbplats ser professionell ut men okonventionell är inte lätt, men Lounge Lizard-företaget får det att se eff ortless. Från varumärkesutställningen till fotodisplayen på arbetsplatsen gör denna webbplats med bartema ett bra jobb med att skapa varumärkesidentitet och främja företagets rykte.
Wokine
Tillverkad av:
Bakgrundsinformation: Ett webbdesignföretag i Paris.
Vad är speciellt: Visuell design med delad skärm.
Denna webbplats följer en mycket populär visuell designmetod – delad skärm. Den övergripande utformningen av denna webbplats är mycket enkel, med mycket avstånd och ett enkelt färgschema. Detta resulterar i en bra visuell hierarki.
Daniel Spatzek
Tillverkad av:
Bakgrundsinformation: En frilansande grafik- och webbdesigner.
Vad är speciellt: Mycket grafik och animerade tekniker.
Denna webbplats använder mycket CSS-teknik och animationer för att skapa en fantastisk dynamisk upplevelse . Till skillnad från andra långsidesdesigner distribueras navigeringen på denna webbplats i fyra riktningar. Genom att avvika från traditionellt arrangemang ger webbplatsen en uppfriskande förändring.
Sean Halpin
Gjord av:
Bakgrundsinformation: En webbdesigner och utvecklare från Toronto .
Vad är speciellt: Det är en enorm personlighet i ett litet paket.
Detta är ett perfekt exempel på en full stack webbutvecklare, som presenterar både författarens färdigheter och personlighet. Hela webbplatsen ser ut som en designers lilla gröna värld. Sean hjälper också andra att bygga personliga webbplatser.
Denise Chandler
Tillverkad av: Denise Chandler
Bakgrundsinformation: En kvinnlig designer med en solid bakgrund i programmeringen.
Vad är speciellt: Inkorporerar perfekt de fyra grundläggande principerna för webbdesign med personliga element.
Denna frilansportfölj för webbutvecklare illustrerar perfekt de fyra grundläggande principerna för design: anpassning, upprepning, kontrast och intimitet. Dessutom har den många personliga element, vilket gör det mer iögonfallande.
Yul Moreau
Tillverkad av: Yul Moreau
Bakgrundsinformation: Digital art director född i Seoul, bosatt i Paris
Vad är speciellt: Unik atmosfär och dynamisk elektronisk musik
Yul Moreau hämtar inspiration från 80-talet när han skapade sin portföljwebbplats, och det är ett bra exempel på att använda bilder för att öka användarengagemanget . Hans erfarenhet och färdigheter visas sakkunnigt genom att bädda in videor, bilder och bläddringseffekter på en enda sida.
Toy Fight
Tillverkad av: ToyFight
Bakgrundsinformation : De är ett team av designers, regissörer, strateger och dansare.
Vad är speciellt: Det iögonfallande färgschemat väcker genast besökarnas uppmärksamhet.
Denna webbplats använder en kombination av livfulla färger och minimal design för att fånga besökarnas uppmärksamhet och engagera dem för att hålla dem längre på webbplatsen. Den lättanvändbara menyn och den minimala stilen ger smaskigt ögon-godis och trevlig användarupplevelse.
Rezo Zero
Tillverkad av: Rezo Zero
Bakgrund info: En grafisk och digital studio som designar och utvecklar unika varumärkesidentiteter.
Vad är speciellt: Rika fallstudier för olika projekt.
Den här portföljen ser ut som en digital tidskrift med snyggt placerade vackra bilder och handplockade typsnitt. Dess detaljerade och illustrerade fallstudier för varje projekt ger den en kant över sina kamrater.
Tim Smith
Tillverkad av: Tim Smith
Bakgrundsinformation: En Londonbaserad designer och författare, också en global bilregissör.
Vad är special: Lätt att navigera och kortbaserad webbplatslayout.
Denna webbplats använder ett enkelt men fantastiskt sätt att presentera designern ”portföljer. I kombination med skicklig användning av animeringseffekter, engagerar den kortbaserade layouten enkelt användare.
STRV
Tillverkad av: STRV
Bakgrundsinformation: Ett team av designers och ingenjörer som specialiserat sig på digitala lösningar.
Vad är special: Användningen av videor visar hur byrån fungerar mycket tydligt.
Videorna i bakgrunden förmedlar expertis hur det digitala produktbyrå fungerar. För att illustrera, om du klickar på uppspelningsknappen på helskärmsvideon kommer den att visa processen i detalj.
Stereo
Tillverkad av: Stereo
Bakgrundsinformation: Ett team av kreativa tänkare baserat i London.
Vad är speciellt: Det fokuserar på konsumentens emotionella förhållande till varumärket.
Detta är en enkel men ändå slående portföljwebbplats. Byrån använder färgglada bilder och levande videor i mitten av sin webbplats för att visa upp vad de kan göra. Målet är att skapa en djupare känslomässig relation med besökare.
Steven Mengin
Tillverkad av: Steven Mengin
Bakgrundsinformation: En Londonbaserad digital designer.
Vad är speciellt: En unik och visuellt fantastisk portföljwebbplats.
Användningen av starka visuals visar vad Steven Mengin kan göra med en blick. När en besökare kommer in på webbplatsen kommer han / hon att se en vackert animerad molneffekt med designarens namn i centrum. Det är en stor glädje att titta på de subtila animationerna.
Patrick David
Gjord av: Patrick David
Bakgrundsinformation: En front-end utvecklare och webb designer med säte i Italien.
Vad är speciellt: Detta är ett typiskt exempel på att hela portföljen passar in på en enda sida.
Detta är ett typiskt exempel på en webbsida med en sida och lång rullning, enkel men ändå effektiv. När du rullar ner ser du ett vackert hjälteavsnitt och ett antal exempelprojekt.
Stink Studios
Gjord av: Stink Studios
Bakgrundsinformation : Ett globalt företag som lanserades 2009 med fokus på reklam, teknik och underhållning.
Vad är speciellt: Det visar en mängd olika projekt på ett rent men kreativt sätt.
Studion placerar sitt arbete framför och i mitten med en murlayout. Projekten inkluderar promokampanjer, webbplatser och 360 / VR-upplevelser.
TOBIAS AHLIN
Gjord av: TOBIAS AHLIN
Bakgrundsinformation: En digital designer, högtalare, lärare och konsult för teknikföretag och nystartade företag.
Vad är speciellt: Det låter verken tala för sig själv.
Mitt på och högst upp på sidan kommer Tobias Ahlin direkt till saken :, ”Jag designar och bygger digitala produkter”. Denna webbplats använder en kortbaserad och minimalistisk layout med fallstudielänkar som ingår i slutprodukten.
Femme Fatale
Tillverkad av: Femme Fatale
Bakgrund info: En kreativ studio med fokus på kultur, lyx, redaktionellt och konst.
Vad är speciellt: Det utstrålar en lockande känsla av lyx.
Den här webbplatsen förkroppsligar teamets självbeskrivning av ”någonstans mellan sofistikering och enkelhet”. Den återspeglar denna ton genom att använda djärva bilder, skarpa typsnitt och svarta färgscheman – alla bidra till att skapa ett sofistikerat utseende.
Wendy Van Veen
Tillverkad av: Wendy Van Veen
Bakgrundsinformation: En illustratör, animatör och grafisk ontwerper.
Vad är speciellt: Det använder illustration och humor för att engagera fler användare.
Denna webbplats ger användarna en titt på Wendys persona. När du rullar nedåt kommer användarna att se roliga och intressanta animationer som visar upp designerns talang.
Avslutande tankar
Vi hoppas att dessa handplockade webbutvecklarportföljer kommer att inspirera dig och tända din kreativitet. Det är dock bra att komma ihåg att inspiration eller talang bara kommer att ge dig hittills. Ett användbart designverktyg är ett måste för att hjälpa dig att göra ditt arbete snabbare och mer effektivt.
Om du letar efter en kombination av funktionalitet och användarvänlighet, då är Mockplus ett bra val. Det ger inte bara en mängd webbdesignsexempel, men det innehåller också färdiga komponenter / UI-element för att komma igång design med minsta ansträngning.
