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

核心要點(diǎn):

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

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

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

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

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

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

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

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

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

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

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

一切都是關(guān)於推銷自己

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

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

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

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

保持相關(guān)性

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

去除冗餘

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

添加上下文

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

給人留下好印象

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

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

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

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

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

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

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

Keith Clark

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

Jean Helfenstein

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

Timothée Roussilhe

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

Kenji Saito

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

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

Robby Leonardi

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

Heraldur Thorliefsson

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

Adham Dannaway

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

作家作品集示例

Kristi Hines

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

Sally Bacchetta

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

Aubre Andrus

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

Carolyn Wood

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

Joy Castiglione

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

結(jié)論

不同的技能類型允許以不同的方式展示您的作品，這肯定沒錯(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)查看以下鏈接：

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

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

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

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

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

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

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

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

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

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

為了使您的作品集網(wǎng)站脫穎而出，請(qǐng)專注於創(chuàng)建獨(dú)特且令人難忘的設(shè)計(jì)。此外，確保您的內(nèi)容寫得好且引人入勝。包含視頻介紹或幕後工作流程也可以使您的網(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)站具有專業(yè)的外觀。但是，請(qǐng)確保對(duì)其進(jìn)行自定義以反映您的個(gè)人品牌和風(fēng)格。

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

如果您剛起步並且沒有任何項(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)文章！