打造引人注目的個(gè)人作品集網(wǎng)站，提升職業(yè)競(jìng)爭(zhēng)力！

核心要點(diǎn):

• 作品集網(wǎng)站是個(gè)人營(yíng)銷(xiāo)利器，以獨(dú)特個(gè)性化的方式展示技能和作品，助您脫穎而出。
• 成功作品集網(wǎng)站應(yīng)體現(xiàn)您的個(gè)性，包含相關(guān)作品、推薦信和工作理念，同時(shí)保持專(zhuān)業(yè)風(fēng)格。
• 作品集網(wǎng)站必備元素包括姓名和照片、簡(jiǎn)短介紹、聯(lián)系方式、近期作品和技能清單。創(chuàng)意能使這些元素更生動(dòng)。
• 定期更新和搜索引擎優(yōu)化能提升作品集網(wǎng)站的可見(jiàn)性和有效性。添加簡(jiǎn)歷可全面展現(xiàn)您的經(jīng)驗(yàn)和技能。

(本文于2017年進(jìn)行了修訂更新)

對(duì)于開(kāi)發(fā)者、設(shè)計(jì)師或作家而言，自由職業(yè)是不錯(cuò)的謀生方式。但如果您需要尋找新工作或客戶呢？當(dāng)今市場(chǎng)競(jìng)爭(zhēng)激烈，您需要脫穎而出。

擁有專(zhuān)業(yè)的LinkedIn個(gè)人資料是一個(gè)良好的開(kāi)端，但如果您真正想要吸引人們的注意力，則需要通過(guò)作品集網(wǎng)站來(lái)進(jìn)行自我營(yíng)銷(xiāo)。這基本上就是您的個(gè)人LinkedIn頁(yè)面，只是有更多空間來(lái)展示您的技能。

開(kāi)發(fā)者、設(shè)計(jì)師和作家各自擁有不同的技能和作品需要展示，但他們都有一個(gè)共同點(diǎn)：他們需要向潛在客戶推銷(xiāo)自己。

在本文中，我將向您展示一些制作作品集網(wǎng)站的有用技巧，以及一些優(yōu)秀的案例。

為什么需要作品集網(wǎng)站？

擁有專(zhuān)業(yè)的LinkedIn個(gè)人資料是一回事，但您可以利用自己的作品集網(wǎng)站真正展示您的技能。為什么？自由！您可以隨心所欲地做任何事情，并留下持久的印象。您甚至可以憑借它獲獎(jiǎng)。

您希望潛在客戶訪問(wèn)您的網(wǎng)站，并立即想到：“我也想要那樣！”這是您的虛擬展廳，潛在客戶甚至可以在需要說(shuō)服其他人時(shí)向其他人展示它。

即使是最專(zhuān)業(yè)的LinkedIn個(gè)人資料也看起來(lái)與該服務(wù)上的其他個(gè)人資料一樣，但您的網(wǎng)站是您表達(dá)“我就是我，這就是我能為您做的事情”的方式。

需要更多說(shuō)服力嗎？好吧，這是擁有我見(jiàn)過(guò)的最棒作品集網(wǎng)站的人的LinkedIn個(gè)人資料。

一切都是關(guān)于推銷(xiāo)自己

這聽(tīng)起來(lái)像是一個(gè)陳詞濫調(diào)，但您是自己最好的推銷(xiāo)員。這意味著您必須推銷(xiāo)自己，而不會(huì)失去自己的個(gè)性。

正如您將在下面的示例中看到的，有很多方法可以展示自己。您可以選擇成為卡通人物，使用大量照片，展示您的技術(shù)能力，或以您的寫(xiě)作才能給人留下深刻印象。

根據(jù)您的個(gè)性量身定制您的網(wǎng)站

重要的是您在自己的網(wǎng)站上感到舒適。如果您有點(diǎn)害羞，那就制作一個(gè)自己的卡通形象，這樣您就不必在網(wǎng)上使用您的照片了。如果這最能描述您，那就讓您的網(wǎng)站變得狂野而奢華吧。讓您的網(wǎng)站成為您的在線等價(jià)物。賦予它個(gè)性，同時(shí)在措辭方面保持專(zhuān)業(yè)的風(fēng)格。

保持相關(guān)性

確保您的作品集包含相關(guān)作品。只有在您做出了可以識(shí)別為您的工作的重大貢獻(xiàn)時(shí)，才列出團(tuán)隊(duì)工作。切勿盜用他人的作品。指定您做了什么以及它如何使整個(gè)過(guò)程受益。如果可能，請(qǐng)制作屏幕截圖以顯示您的部分。

去除冗余

如果您只展示您喜歡的作品來(lái)雕琢您的作品集，那是可以的。我們都需要謀生，有時(shí)我們會(huì)承擔(dān)我們寧愿避免的工作以賺取一些錢(qián)。使用您的作品集來(lái)定位您更喜歡做的工作類(lèi)型。

添加上下文

讓潛在客戶了解與您合作的感受。在現(xiàn)場(chǎng)工作時(shí)，請(qǐng)包含來(lái)自以前客戶或同事的推薦信。在僅進(jìn)行異地工作時(shí)，請(qǐng)讓人們知道在溝通、管理截止日期或您的工作時(shí)間方面可以期待什么。

給人留下好印象

將您的作品集網(wǎng)站視為提交工作申請(qǐng)的等價(jià)物，說(shuō)服潛在客戶為什么他們應(yīng)該雇用您。嘗試盡可能留下最好的第一印象，并額外的好處是，當(dāng)它非常出色時(shí)，潛在客戶會(huì)回來(lái)訪問(wèn)您的網(wǎng)站以獲得樂(lè)趣。

哦，當(dāng)您獨(dú)自一人時(shí)，不要使用“我們”這個(gè)詞……

包含哪些內(nèi)容？

每個(gè)作品集網(wǎng)站都必須包含一些基本內(nèi)容：

• 您的姓名和照片
• 關(guān)于您是誰(shuí)的一些信息
• 您的聯(lián)系方式
• 近期作品
• 您的技能

聽(tīng)起來(lái)很容易，對(duì)吧？讓我們來(lái)看一些例子，看看一點(diǎn)（或者在某些情況下是非常大）的創(chuàng)造力如何使這個(gè)列表變得生動(dòng)起來(lái)。

開(kāi)發(fā)者作品集示例

Keith Clark

這是 Keith Clark 的網(wǎng)站，他是一位某種類(lèi)型的 CSS 大師。這是他使用 HTML 和 CSS3 的作品示例。這正是用于“近期作品”的東西。

Jean Helfenstein

認(rèn)識(shí) Jean Helfenstein，一位極具創(chuàng)造力和經(jīng)驗(yàn)豐富的前端開(kāi)發(fā)人員，正如他的作品集網(wǎng)站所展示的那樣。

Timothée Roussilhe

這個(gè)屢獲殊榮的作品集展示了 Tim 的開(kāi)發(fā)技能，同時(shí)還提供了一個(gè)充滿個(gè)性和幽默感的有趣界面。（主頁(yè)上有一個(gè)不要按這個(gè)！鏈接，看看當(dāng)您嘗試使用光標(biāo)突出顯示 Tim 的姓名時(shí)會(huì)發(fā)生什么?。?/p>

Kenji Saito

這個(gè)由東京的 Kenji Saito 制作的創(chuàng)意作品集網(wǎng)站巧妙地展示了他令人驚嘆的 CodePen 作品示例。

設(shè)計(jì)師作品集示例

Robby Leonardi

我已經(jīng)在上面提到了 Robby 的網(wǎng)站，因?yàn)檫@確實(shí)是我見(jiàn)過(guò)的最棒的作品集網(wǎng)站。設(shè)計(jì)部分很漂亮，但他的互動(dòng)式簡(jiǎn)歷簡(jiǎn)直就是一件藝術(shù)品。Robby 既是設(shè)計(jì)專(zhuān)家又是編碼專(zhuān)家，他的網(wǎng)站不會(huì)讓任何人質(zhì)疑他的技能。

Heraldur Thorliefsson

Haraldur 為一家與 Google 緊密合作的設(shè)計(jì)機(jī)構(gòu)工作。雖然他的主頁(yè)可能看起來(lái)并不那么令人印象深刻，但他的項(xiàng)目描述肯定令人印象深刻。在這里，他展示了項(xiàng)目細(xì)節(jié)，更重要的是他在項(xiàng)目中的作用。

Adham Dannaway

Adham 既是設(shè)計(jì)師又是程序員，他找到了一種完美的方式來(lái)直接在主頁(yè)上展示他的作品。他還找到了一種很好的方法來(lái)利用他的興趣之一（絕地武士）來(lái)評(píng)價(jià)他的技能。他還制作了一個(gè)非常好的近期作品概述。

作家作品集示例

Kristi Hines

雖然 Kristi 的網(wǎng)站可能不如上面那些人的網(wǎng)站那么炫目，但對(duì)于她這個(gè)作家來(lái)說(shuō)，這是一個(gè)完美的網(wǎng)站。她準(zhǔn)確地展示了您可以雇用她做什么，她的網(wǎng)站讓您感覺(jué)她是一位值得信賴(lài)的作家，知道如何交付高質(zhì)量的作品。

Sally Bacchetta

很高興看到作家們?nèi)绾斡梦淖直磉_(dá)，因?yàn)檫@正是您雇用他們的原因。Sally 并沒(méi)有到處亂放圖片，而是確保她所做的一切都得到了恰當(dāng)?shù)拿枋?。而且她使用了兩個(gè)神奇的小詞，讓您立即感受到高質(zhì)量：屢獲殊榮。

Aubre Andrus

Aubre 是一位多才多藝的作家，她的網(wǎng)站個(gè)性十足。她清楚地表明了她喜歡寫(xiě)什么，并有活躍的社交媒體帳戶來(lái)支持她的說(shuō)法。

Carolyn Wood

Carolyn Wood 的 Pixelingo 寫(xiě)作和編輯作品集主要是基于文本的，如果您試圖推銷(xiāo)寫(xiě)作和編輯技能，這是有道理的。她的網(wǎng)站清楚、簡(jiǎn)潔、直接地解釋了她提供的服務(wù)以及為什么潛在客戶可能想與她合作。該網(wǎng)站還傳達(dá)了強(qiáng)烈的個(gè)性和獨(dú)特性。

Joy Castiglione

有時(shí)，特別是如果您擁有強(qiáng)大的作品集，您必須讓作品本身來(lái)說(shuō)話。這就是 Joy Castiglione 所做的，她以插圖、3D 和攝影的形式展示了她細(xì)致的藝術(shù)技巧。Joy 在一個(gè)跨越整個(gè)屏幕的網(wǎng)格中使用了大型縮略圖，以最大限度地提高作品的可見(jiàn)性，幾乎沒(méi)有什么可以想象的。至于 UI，Joy 在簡(jiǎn)單的黑色背景上提供簡(jiǎn)單的導(dǎo)航，盡管我注意到她正在使用時(shí)髦的 .design 域名，這真的很酷！

結(jié)論

不同的技能類(lèi)型允許以不同的方式展示您的作品，這肯定沒(méi)錯(cuò)。我希望這些示例能激勵(lì)您充分利用您自己的作品集網(wǎng)站。天空才是極限（是的，讓我們?cè)偌右粋€(gè)陳詞濫調(diào)）。競(jìng)爭(zhēng)激烈，但作品集網(wǎng)站是一個(gè)在業(yè)余時(shí)間可以從事的偉大項(xiàng)目。只要確保創(chuàng)造出令人驚嘆的因素（最后一個(gè)陳詞濫調(diào)，我保證），您就成功了。

想要了解更多關(guān)于在線工作和自由職業(yè)的信息？請(qǐng)查看以下鏈接：

• 書(shū)籍：《內(nèi)外在線營(yíng)銷(xiāo)》
• 書(shū)籍：《成功自由職業(yè)的原則》
• 書(shū)籍：《網(wǎng)頁(yè)設(shè)計(jì)業(yè)務(wù)工具包》
• 課程：《建立成功的網(wǎng)頁(yè)設(shè)計(jì)業(yè)務(wù)》
• 書(shū)籍：《網(wǎng)頁(yè)設(shè)計(jì)師路線圖》
• 課程：《自由職業(yè)開(kāi)發(fā)人員的項(xiàng)目管理》

查看 SitePoint Premium 以獲取更多書(shū)籍、課程和免費(fèi)屏幕錄像。

關(guān)于創(chuàng)建作品集網(wǎng)站的常見(jiàn)問(wèn)題

網(wǎng)頁(yè)開(kāi)發(fā)者作品集網(wǎng)站的關(guān)鍵要素有哪些？

網(wǎng)頁(yè)開(kāi)發(fā)人員的作品集網(wǎng)站應(yīng)包含一些關(guān)鍵要素，使其脫穎而出。首先，它應(yīng)該對(duì)您是誰(shuí)、您做什么以及您的專(zhuān)業(yè)領(lǐng)域有一個(gè)清晰簡(jiǎn)潔的介紹。其次，它應(yīng)該展示您最好的作品。這可以是屏幕截圖、指向活動(dòng)網(wǎng)站的鏈接或詳細(xì)說(shuō)明項(xiàng)目和您在項(xiàng)目中作用的案例研究。第三，它應(yīng)該包含您擁有的技術(shù)技能列表。最后，不要忘記包含聯(lián)系信息，以便潛在雇主可以輕松聯(lián)系您。

如何使我的作品集網(wǎng)站更具吸引力？

為了使您的作品集網(wǎng)站更具吸引力，請(qǐng)考慮添加交互式元素，例如動(dòng)畫(huà)或懸停效果。您還可以包含一個(gè)博客，在其中分享您對(duì)行業(yè)趨勢(shì)的想法或解釋項(xiàng)目背后的過(guò)程。包含來(lái)自以前客戶或雇主的推薦信也可以為您的網(wǎng)站增加可信度。

我應(yīng)該使用哪個(gè)平臺(tái)來(lái)創(chuàng)建我的作品集網(wǎng)站？

您可以使用多個(gè)平臺(tái)來(lái)創(chuàng)建您的作品集網(wǎng)站。Adobe Portfolio 和 Wix 是流行的選擇，因?yàn)樗鼈兙哂杏脩粲押玫慕缑婧涂啥ㄖ频哪０?。如果您擁有編碼技能，您可能更喜歡從頭開(kāi)始構(gòu)建您的網(wǎng)站以展示您的能力。

如何優(yōu)化我的作品集網(wǎng)站以適應(yīng)搜索引擎？

為了優(yōu)化您的作品集網(wǎng)站以適應(yīng)搜索引擎，請(qǐng)確保在您的內(nèi)容和元標(biāo)記中包含相關(guān)的關(guān)鍵字。此外，確保您的網(wǎng)站對(duì)移動(dòng)設(shè)備友好，因?yàn)檫@是搜索引擎在對(duì)網(wǎng)站進(jìn)行排名時(shí)考慮的一個(gè)因素。

我應(yīng)該多久更新一次我的作品集網(wǎng)站？

建議定期更新您的作品集網(wǎng)站，理想情況下是在您完成新項(xiàng)目時(shí)更新。這向潛在雇主表明您在您的領(lǐng)域很活躍，并且不斷提高您的技能。

我應(yīng)該在我的作品集網(wǎng)站中包含所有我的項(xiàng)目嗎？

雖然包含所有項(xiàng)目可能很誘人，但最好關(guān)注質(zhì)量而不是數(shù)量。選擇最能展示您的技能和能力的項(xiàng)目，并對(duì)每個(gè)項(xiàng)目進(jìn)行詳細(xì)說(shuō)明。

如何使我的作品集網(wǎng)站在競(jìng)爭(zhēng)中脫穎而出？

為了使您的作品集網(wǎng)站脫穎而出，請(qǐng)專(zhuān)注于創(chuàng)建獨(dú)特且令人難忘的設(shè)計(jì)。此外，確保您的內(nèi)容寫(xiě)得好且引人入勝。包含視頻介紹或幕后工作流程也可以使您的網(wǎng)站更有趣。

我應(yīng)該在我的作品集網(wǎng)站上包含簡(jiǎn)歷嗎？

在您的作品集網(wǎng)站上包含簡(jiǎn)歷可能會(huì)有益，因?yàn)樗鼮闈撛诠椭魈峁┝藢?duì)您的經(jīng)驗(yàn)和技能的全面概述。但是，請(qǐng)確保它是最新的并且與您網(wǎng)站上的信息相匹配。

我可以使用作品集網(wǎng)站的模板嗎？

是的，使用模板可以節(jié)省您的時(shí)間并確保您的網(wǎng)站具有專(zhuān)業(yè)的外觀。但是，請(qǐng)確保對(duì)其進(jìn)行自定義以反映您的個(gè)人品牌和風(fēng)格。

如果我沒(méi)有任何項(xiàng)目可以展示，我該怎么辦？

如果您剛起步并且沒(méi)有任何項(xiàng)目可以展示，請(qǐng)考慮創(chuàng)建一些個(gè)人項(xiàng)目或?yàn)榉菭I(yíng)利組織提供您的技能。您還可以包含您已完成的任何相關(guān)課程或認(rèn)證。

以上是如何創(chuàng)建一個(gè)將使您雇用的投資組合網(wǎng)站的詳細(xì)內(nèi)容。更多信息請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！