打造引人注目的个人作品集网站，提升职业竞争力！
核心要点:
(本文于2017年进行了修订更新)
对于开发者、设计师或作家而言，自由职业是不错的谋生方式。但如果您需要寻找新工作或客户呢？当今市场竞争激烈，您需要脱颖而出。
拥有专业的LinkedIn个人资料是一个良好的开端，但如果您真正想要吸引人们的注意力，则需要通过作品集网站来进行自我营销。这基本上就是您的个人LinkedIn页面，只是有更多空间来展示您的技能。
开发者、设计师和作家各自拥有不同的技能和作品需要展示，但他们都有一个共同点：他们需要向潜在客户推销自己。
在本文中，我将向您展示一些制作作品集网站的有用技巧，以及一些优秀的案例。
为什么需要作品集网站？
拥有专业的LinkedIn个人资料是一回事，但您可以利用自己的作品集网站真正展示您的技能。为什么？自由！您可以随心所欲地做任何事情，并留下持久的印象。您甚至可以凭借它获奖。
您希望潜在客户访问您的网站，并立即想到：“我也想要那样！”这是您的虚拟展厅，潜在客户甚至可以在需要说服其他人时向其他人展示它。
即使是最专业的LinkedIn个人资料也看起来与该服务上的其他个人资料一样，但您的网站是您表达“我就是我，这就是我能为您做的事情”的方式。
需要更多说服力吗？好吧，这是拥有我见过的最棒作品集网站的人的LinkedIn个人资料。
一切都是关于推销自己
这听起来像是一个陈词滥调，但您是自己最好的推销员。这意味着您必须推销自己，而不会失去自己的个性。
正如您将在下面的示例中看到的，有很多方法可以展示自己。您可以选择成为卡通人物，使用大量照片，展示您的技术能力，或以您的写作才能给人留下深刻印象。
重要的是您在自己的网站上感到舒适。如果您有点害羞，那就制作一个自己的卡通形象，这样您就不必在网上使用您的照片了。如果这最能描述您，那就让您的网站变得狂野而奢华吧。让您的网站成为您的在线等价物。赋予它个性，同时在措辞方面保持专业的风格。
确保您的作品集包含相关作品。只有在您做出了可以识别为您的工作的重大贡献时，才列出团队工作。切勿盗用他人的作品。指定您做了什么以及它如何使整个过程受益。如果可能，请制作屏幕截图以显示您的部分。
如果您只展示您喜欢的作品来雕琢您的作品集，那是可以的。我们都需要谋生，有时我们会承担我们宁愿避免的工作以赚取一些钱。使用您的作品集来定位您更喜欢做的工作类型。
让潜在客户了解与您合作的感受。在现场工作时，请包含来自以前客户或同事的推荐信。在仅进行异地工作时，请让人们知道在沟通、管理截止日期或您的工作时间方面可以期待什么。
将您的作品集网站视为提交工作申请的等价物，说服潜在客户为什么他们应该雇用您。尝试尽可能留下最好的第一印象，并额外的好处是，当它非常出色时，潜在客户会回来访问您的网站以获得乐趣。
哦，当您独自一人时，不要使用“我们”这个词……
包含哪些内容？
每个作品集网站都必须包含一些基本内容：
听起来很容易，对吧？让我们来看一些例子，看看一点（或者在某些情况下是非常大）的创造力如何使这个列表变得生动起来。
开发者作品集示例
这是 Keith Clark 的网站，他是一位某种类型的 CSS 大师。这是他使用 HTML 和 CSS3 的作品示例。这正是用于“近期作品”的东西。
认识 Jean Helfenstein，一位极具创造力和经验丰富的前端开发人员，正如他的作品集网站所展示的那样。
这个屡获殊荣的作品集展示了 Tim 的开发技能，同时还提供了一个充满个性和幽默感的有趣界面。（主页上有一个不要按这个！
链接，看看当您尝试使用光标突出显示 Tim 的姓名时会发生什么！）
这个由东京的 Kenji Saito 制作的创意作品集网站巧妙地展示了他令人惊叹的 CodePen 作品示例。
设计师作品集示例
我已经在上面提到了 Robby 的网站，因为这确实是我见过的最棒的作品集网站。设计部分很漂亮，但他的互动式简历简直就是一件艺术品。Robby 既是设计专家又是编码专家，他的网站不会让任何人质疑他的技能。
Haraldur 为一家与 Google 紧密合作的设计机构工作。虽然他的主页可能看起来并不那么令人印象深刻，但他的项目描述肯定令人印象深刻。在这里，他展示了项目细节，更重要的是他在项目中的作用。
Adham 既是设计师又是程序员，他找到了一种完美的方式来直接在主页上展示他的作品。他还找到了一种很好的方法来利用他的兴趣之一（绝地武士）来评价他的技能。他还制作了一个非常好的近期作品概述。
作家作品集示例
虽然 Kristi 的网站可能不如上面那些人的网站那么炫目，但对于她这个作家来说，这是一个完美的网站。她准确地展示了您可以雇用她做什么，她的网站让您感觉她是一位值得信赖的作家，知道如何交付高质量的作品。
很高兴看到作家们如何用文字表达，因为这正是您雇用他们的原因。Sally 并没有到处乱放图片，而是确保她所做的一切都得到了恰当的描述。而且她使用了两个神奇的小词，让您立即感受到高质量：屡获殊荣。
Aubre 是一位多才多艺的作家，她的网站个性十足。她清楚地表明了她喜欢写什么，并有活跃的社交媒体帐户来支持她的说法。
Carolyn Wood 的 Pixelingo 写作和编辑作品集主要是基于文本的，如果您试图推销写作和编辑技能，这是有道理的。她的网站清楚、简洁、直接地解释了她提供的服务以及为什么潜在客户可能想与她合作。该网站还传达了强烈的个性和独特性。
有时，特别是如果您拥有强大的作品集，您必须让作品本身来说话。这就是 Joy Castiglione 所做的，她以插图、3D 和摄影的形式展示了她细致的艺术技巧。Joy 在一个跨越整个屏幕的网格中使用了大型缩略图，以最大限度地提高作品的可见性，几乎没有什么可以想象的。至于 UI，Joy 在简单的黑色背景上提供简单的导航，尽管我注意到她正在使用时髦的 .design 域名，这真的很酷！
结论
不同的技能类型允许以不同的方式展示您的作品，这肯定没错。我希望这些示例能激励您充分利用您自己的作品集网站。天空才是极限（是的，让我们再加一个陈词滥调）。竞争激烈，但作品集网站是一个在业余时间可以从事的伟大项目。只要确保创造出令人惊叹的因素（最后一个陈词滥调，我保证），您就成功了。
想要了解更多关于在线工作和自由职业的信息？请查看以下链接：
查看 SitePoint Premium 以获取更多书籍、课程和免费屏幕录像。
关于创建作品集网站的常见问题
网页开发人员的作品集网站应包含一些关键要素，使其脱颖而出。首先，它应该对您是谁、您做什么以及您的专业领域有一个清晰简洁的介绍。其次，它应该展示您最好的作品。这可以是屏幕截图、指向活动网站的链接或详细说明项目和您在项目中作用的案例研究。第三，它应该包含您拥有的技术技能列表。最后，不要忘记包含联系信息，以便潜在雇主可以轻松联系您。
为了使您的作品集网站更具吸引力，请考虑添加交互式元素，例如动画或悬停效果。您还可以包含一个博客，在其中分享您对行业趋势的想法或解释项目背后的过程。包含来自以前客户或雇主的推荐信也可以为您的网站增加可信度。
您可以使用多个平台来创建您的作品集网站。Adobe Portfolio 和 Wix 是流行的选择，因为它们具有用户友好的界面和可定制的模板。如果您拥有编码技能，您可能更喜欢从头开始构建您的网站以展示您的能力。
为了优化您的作品集网站以适应搜索引擎，请确保在您的内容和元标记中包含相关的关键字。此外，确保您的网站对移动设备友好，因为这是搜索引擎在对网站进行排名时考虑的一个因素。
建议定期更新您的作品集网站，理想情况下是在您完成新项目时更新。这向潜在雇主表明您在您的领域很活跃，并且不断提高您的技能。
虽然包含所有项目可能很诱人，但最好关注质量而不是数量。选择最能展示您的技能和能力的项目，并对每个项目进行详细说明。
为了使您的作品集网站脱颖而出，请专注于创建独特且令人难忘的设计。此外，确保您的内容写得好且引人入胜。包含视频介绍或幕后工作流程也可以使您的网站更有趣。
在您的作品集网站上包含简历可能会有益，因为它为潜在雇主提供了对您的经验和技能的全面概述。但是，请确保它是最新的并且与您网站上的信息相匹配。
是的，使用模板可以节省您的时间并确保您的网站具有专业的外观。但是，请确保对其进行自定义以反映您的个人品牌和风格。
如果您刚起步并且没有任何项目可以展示，请考虑创建一些个人项目或为非营利组织提供您的技能。您还可以包含您已完成的任何相关课程或认证。
以上是如何创建一个将使您雇用的投资组合网站的详细内容。更多信息请关注PHP中文网其他相关文章！
