如何搭建能帮你获得工作的作品集网站

要搭建一个能帮你获得工作的作品集网站，就要为你希望吸引的受众挑选四到八个最好的项目，把每个项目写成一个简短的故事（问题、你所做的事、结果），并让每个页面都能轻松联系到你。保持网站快速加载，尤其是图片较多时，并将其部署到以你名字命名的域名上。工具本身远没有作品的挑选和文字的撰写来得重要。

先明确谁会来看

作品集是一个销售页面，而你的作品就是产品。在选择版式之前，先确定你希望哪些人雇用你，以及他们需要看到什么：

如果你同时服务两类截然不同的受众，例如产品设计岗位和自由插画，可以考虑分设板块，甚至分成两个网站，让任何一类受众都不必费力去翻找。

应包含哪些内容

作品

挑选数量更少、质量更高的项目。删去那些你不希望以后再接到类似工作的作品。把最强、最相关的作品放在最前面；很多访客不会滚动到第一排之后。

对于设计师和开发者，最好的项目应整理成案例研究。一个有效的结构是：

1. 问题：用一两句话说明情境以及受影响的人群。
2. 你的角色：你做了什么，别人做了什么。要精确；夸大其词在面试中很容易被识破。
3. 过程：几个关键决策，配以草图、线框图或代码片段。
4. 结果：最终交付了什么，以及你能够如实陈述的成果。如果无法分享数据，就用定性的方式描述变化。

对于摄影师和插画师，图片承担了大部分工作。将图片按清晰的系列分组（婚礼、产品、编辑类），保持说明文字简短，并让网格留有呼吸的空间。

关于与联系

关于部分应说明你是谁、做什么、为谁服务，以及你位于何处或是否远程工作。附上一张真实的照片会很有帮助。联系途径应在每个页面上都一目了然：简短的表单、电子邮箱地址，或预约通话的链接。如果你接受预约，请说明方式。

可选页面

• 服务与收费标准：对自由职业者很有用，如果你想筛掉不合适的咨询。
• 简历或履历：对求职者很有用；通常同时提供可下载的 PDF 和页面内版本。
• 写作或笔记：只有在你会持续更新时才值得做。多年前废弃的博客，弊大于利。
• 客户评价：只使用真实的评价，并已获得授权。

决策与权衡

静态网站还是应用？ 大多数作品集是简单的、以内容为主的网站，不需要数据库。只有在有明确理由时才添加数据库，例如保存咨询的联系表单、需要通过后台页面频繁更新的图库，或由客户自行挑选照片的选片功能。

图片存放在哪里。 大图是作品集网站变慢的主要原因。上传前请先调整尺寸并压缩，使用现代图片格式，并在访客滚动时再懒加载图片。如果图库很大或经常更换，应将图片存放在专门的文件存储中，而不是打包进网站代码。

你将如何更新它。 请诚实地考虑这一点。如果你每个月都要添加新作品，就需要一种简便的更新方式：简单的后台页面、内容管理系统，或你熟悉的搭建工具。如果你一年只更新两次，直接编辑网站就足够了。

搜索可见性。 如果你希望人们通过搜索你的名字加上你的专业和城市找到你，页面就需要有真实的文字、正确的标题层级、每页独特的标题和描述，以及图片的描述性替代文本。参见面向 AI 搭建网站的 SEO。

给 AI 搭建工具的提示词

好的提示词会说明受众、页面、作品和风格：

为 Lena Park 搭建一个作品集网站，她是一名产品设计师，正在寻找 SaaS 公司的资深企业内部职位。页面包括：首页，包含简短介绍和 5 个案例研究的网格；案例研究页面模板，包含问题、我的角色、过程（附图片库）和结果等板块；关于页面，包含照片、简短个人简介和简历下载；联系页面，包含一个简单表单（姓名、邮箱、留言），提交后保存到数据库并显示感谢信息。风格：安静、简洁，留白充足，一种强调色，字号大而易读。在手机上显示良好。使用清晰标注的占位项目，方便我逐一替换。

然后一次替换一个占位项目，而不是在一条消息中把所有内容全部粘贴进去。这样更便于检查，AI 也能更准确地处理每个页面。

更多提示词写法参见如何为 AI 应用搭建工具编写提示词。

搭建步骤

1. 在使用任何工具之前，先确定受众和项目。
2. 在文档中先撰写每个案例研究的文字：问题、角色、过程、结果。
3. 准备图片：裁剪、调整尺寸并压缩，并为文件取一个合理的名称。
4. 生成或挑选起始版式。 浏览作品集模板是快速了解哪种风格适合你作品的方法。
5. 先搭建首页和一个案例研究，把它们做好，然后复用这一模式。
6. 添加关于和联系页面。 从头到尾测试联系表单。
7. 在手机上检查。 作品集在小屏幕上经常出问题：网格拥挤、图片过大、说明文字过小。
8. 添加 SEO 基础设置和分享图片，以便你发送链接时显示良好。
9. 发布并连接你的域名。 参见如何连接自定义域名。
10. 请两位目标受众的人用三十秒看一下，然后告诉你他们从中看出你做什么。如果他们看不出来，就修改首页。

常见错误

• 展示所有作品。 较弱的项目会稀释强的项目。要有所取舍。
• 只有图片，没有背景说明。 对于设计和开发类作品，缺少问题描述和你的角色说明的截图，几乎无法让招聘经理了解你的能力。
• 页面又慢又重。 未压缩的全分辨率图片会让网站在移动网络下显得无法使用。
• 花哨的导航。 不常见的菜单和滚动效果可能很有趣，但前提是访客能找到你的作品和邮箱。
• 隐藏联系方式。 应在每个页面的页眉和页脚放置联系链接。
• 使用你无权展示的客户作品。 请检查合同和保密协议；必要时对项目进行匿名化处理，或仅描述而不展示。
• 从不更新。 过时的作品和多年前的“最新项目”会传递错误的信号。

成本

个人作品集的日常成本通常很低：每年续费的域名，以及托管费用。如果图片很多、需要存储和提供大量大文件，成本会略高。网站搭建工具通常收取包含托管的月费；自己搭建可能更便宜，但意味着你需要自行维护。各服务商的价格会变化，请在其官网查看当前价格。

何时更适合使用现成产品

如果你希望快速获得精美的成果、偏好可视化编辑器，并且不需要任何定制功能，作品集平台和带作品集主题的网站搭建工具就很合适。如果你是销售印刷品或交付客户图库的摄影师，专门的摄影平台可能更适合，因为它已经处理了选片和印刷销售。当你希望拥有独特的设计、需要平台没有提供的功能、希望直接展示代码或互动作品，或者只是想完全拥有网站时，则应自己搭建。

使用 Mythex 搭建

Mythex 可以根据上面这样的描述搭建作品集。你可以在带手机尺寸框的实时预览中查看，在聊天中调整版式和文案，并发布到 yourname.mythex.app。如果你希望联系表单能保存咨询，Mythex 会为项目添加数据库；对于图片库，它可以使用项目的文件存储，这样图片就不必直接塞进代码中。在 Pro 套餐中，你可以在 Mythex 中购买域名，或连接你已拥有的域名；如果以后想把网站托管在别处，也可以导出代码或同步到 GitHub。

相关说明参见作品集用例，以及文件存储。你也可以从 AI 作品集网站搭建工具开始，或选择特定风格的模板，例如开发者作品集或摄影作品集。

常见问题