如何創建一個將使您僱用的投資組合網站

打造引人注目的個人作品集網站，提升職業競爭力！

核心要點:

• 作品集網站是個人營銷利器，以獨特個性化的方式展示技能和作品，助您脫穎而出。
• 成功作品集網站應體現您的個性，包含相關作品、推薦信和工作理念，同時保持專業風格。
• 作品集網站必備元素包括姓名和照片、簡短介紹、聯繫方式、近期作品和技能清單。創意能使這些元素更生動。
• 定期更新和搜索引擎優化能提升作品集網站的可見性和有效性。添加簡歷可全面展現您的經驗和技能。

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

對於開發者、設計師或作家而言，自由職業是不錯的謀生方式。但如果您需要尋找新工作或客戶呢？當今市場競爭激烈，您需要脫穎而出。

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

開發者、設計師和作家各自擁有不同的技能和作品需要展示，但他們都有一個共同點：他們需要向潛在客戶推銷自己。

在本文中，我將向您展示一些製作作品集網站的有用技巧，以及一些優秀的案例。

為什麼需要作品集網站？

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

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

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

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

一切都是關於推銷自己

這聽起來像是一個陳詞濫調，但您是自己最好的推銷員。這意味著您必須推銷自己，而不會失去自己的個性。

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

根據您的個性量身定制您的網站

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

保持相關性

確保您的作品集包含相關作品。只有在您做出了可以識別為您的工作的重大貢獻時，才列出團隊工作。切勿盜用他人的作品。指定您做了什麼以及它如何使整個過程受益。如果可能，請製作屏幕截圖以顯示您的部分。

去除冗餘

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

添加上下文

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

給人留下好印象

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

哦，當您獨自一人時，不要使用“我們”這個詞……

包含哪些內容？

每個作品集網站都必須包含一些基本內容：

• 您的姓名和照片
• 關於您是誰的一些信息
• 您的聯繫方式
• 近期作品
• 您的技能

聽起來很容易，對吧？讓我們來看一些例子，看看一點（或者在某些情況下是非常大）的創造力如何使這個列表變得生動起來。

開發者作品集示例

Keith Clark

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

Jean Helfenstein

認識 Jean Helfenstein，一位極具創造力和經驗豐富的前端開發人員，正如他的作品集網站所展示的那樣。

Timothée Roussilhe

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

Kenji Saito

這個由東京的 Kenji Saito 製作的創意作品集網站巧妙地展示了他令人驚嘆的 CodePen 作品示例。

設計師作品集示例

Robby Leonardi

我已經在上面提到了 Robby 的網站，因為這確實是我見過的最棒的作品集網站。設計部分很漂亮，但他的互動式簡歷簡直就是一件藝術品。 Robby 既是設計專家又是編碼專家，他的網站不會讓任何人質疑他的技能。

Heraldur Thorliefsson

Haraldur 為一家與 Google 緊密合作的設計機構工作。雖然他的主頁可能看起來並不那麼令人印象深刻，但他的項目描述肯定令人印象深刻。在這裡，他展示了項目細節，更重要的是他在項目中的作用。

Adham Dannaway

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

作家作品集示例

Kristi Hines

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

Sally Bacchetta

很高興看到作家們如何用文字表達，因為這正是您僱用他們的原因。 Sally 並沒有到處亂放圖片，而是確保她所做的一切都得到了恰當的描述。而且她使用了兩個神奇的小詞，讓您立即感受到高質量：屢獲殊榮。

Aubre Andrus

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

Carolyn Wood

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

Joy Castiglione

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

結論

不同的技能類型允許以不同的方式展示您的作品，這肯定沒錯。我希望這些示例能激勵您充分利用您自己的作品集網站。天空才是極限（是的，讓我們再加一個陳詞濫調）。競爭激烈，但作品集網站是一個在業餘時間可以從事的偉大項目。只要確保創造出令人驚嘆的因素（最後一個陳詞濫調，我保證），您就成功了。

---

想要了解更多關於在線工作和自由職業的信息？請查看以下鏈接：

• 書籍：《內外在線營銷》
• 書籍：《成功自由職業的原則》
• 書籍：《網頁設計業務工具包》
• 課程：《建立成功的網頁設計業務》
• 書籍：《網頁設計師路線圖》
• 課程：《自由職業開發人員的項目管理》

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

---

關於創建作品集網站的常見問題

網頁開發者作品集網站的關鍵要素有哪些？

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

如何使我的作品集網站更具吸引力？

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

我應該使用哪個平台來創建我的作品集網站？

您可以使用多個平台來創建您的作品集網站。 Adobe Portfolio 和 Wix 是流行的選擇，因為它們具有用戶友好的界面和可定制的模板。如果您擁有編碼技能，您可能更喜歡從頭開始構建您的網站以展示您的能力。

如何優化我的作品集網站以適應搜索引擎？

為了優化您的作品集網站以適應搜索引擎，請確保在您的內容和元標記中包含相關的關鍵字。此外，確保您的網站對移動設備友好，因為這是搜索引擎在對網站進行排名時考慮的一個因素。

我應該多久更新一次我的作品集網站？

建議定期更新您的作品集網站，理想情況下是在您完成新項目時更新。這向潛在雇主表明您在您的領域很活躍，並且不斷提高您的技能。

我應該在我的作品集網站中包含所有我的項目嗎？

雖然包含所有項目可能很誘人，但最好關注質量而不是數量。選擇最能展示您的技能和能力的項目，並對每個項目進行詳細說明。

如何使我的作品集網站在競爭中脫穎而出？

為了使您的作品集網站脫穎而出，請專注於創建獨特且令人難忘的設計。此外，確保您的內容寫得好且引人入勝。包含視頻介紹或幕後工作流程也可以使您的網站更有趣。

我應該在我的作品集網站上包含簡歷嗎？

在您的作品集網站上包含簡歷可能會有益，因為它為潛在雇主提供了對您的經驗和技能的全面概述。但是，請確保它是最新的並且與您網站上的信息相匹配。

我可以使用作品集網站的模板嗎？

是的，使用模板可以節省您的時間並確保您的網站具有專業的外觀。但是，請確保對其進行自定義以反映您的個人品牌和風格。

如果我沒有任何項目可以展示，我該怎麼辦？

如果您剛起步並且沒有任何項目可以展示，請考慮創建一些個人項目或為非營利組織提供您的技能。您還可以包含您已完成的任何相關課程或認證。

以上是如何創建一個將使您僱用的投資組合網站的詳細內容。更多資訊請關注PHP中文網其他相關文章！