个人和工作室网站怎么做

设计师、摄影师、程序员、文案、咨询顾问、独立工作室，越来越多人需要个人网站展示作品、接单获客。但个人网站和企业官网不同——它的核心是"作品集+服务说明+联系方式"，不是"公司介绍"。 这篇文章讲清个人和工作室网站应该怎么做。

个人网站的定位

你是谁、做什么

第一屏要让人秒懂：

• 你是谁（名字 + 身份）。
• 你做什么（服务领域 + 核心能力）。
• 你能解决什么问题（客户价值）。

反例："Welcome to my website"——空话。 正例："张三 / UI 设计师 / 为初创公司设计让用户爱上的产品"。

目标用户

明确你想吸引谁：

• 想接外包项目 → 吸引甲方决策者。
• 想找工作 → 吸引 HR 和招聘官。
• 想做品牌、卖课、卖作品 → 吸引粉丝和客户。

不同目标决定网站的内容侧重。

个人网站的标准结构

1. 首页

• Hero 区：名字、身份、核心价值主张、CTA（查看作品/联系我）。
• 服务/能力简介（3 到 5 个）。
• 精选作品（3 到 6 个）。
• 客户证言（如有）。
• 联系方式 CTA。

2. 作品集

作品集是核心。每个作品页：

• 作品标题、客户、年份。
• 项目背景（要解决什么问题）。
• 你的角色（你做了什么）。
• 过程展示（思路、草图、迭代）。
• 最终成果（截图、视频、数据）。
• 反思（学到了什么，可选）。

作品分类：按类型（UI 设计、品牌设计、摄影）、按行业（科技、餐饮、教育）。

3. 服务/价格（可选）

• 你提供什么服务。
• 服务流程（怎么合作）。
• 价格区间（如"项目制：1 万到 5 万"、"时薪：500 起"）。
• 起订门槛（如"项目最低 5000 起"）。

好处：过滤预算不符的客户，节省双方时间。

4. 关于我

• 简短自我介绍（你是谁、为什么做这行）。
• 经历（工作经历、教育、合作过的客户）。
• 技能（设计、开发、运营）。
• 个人特色（兴趣、价值观）。

注意：不要堆简历式罗列，讲一个让人记住你的故事。

5. 联系方式

• 邮箱（首选）。
• 联系表单。
• 社交账号（Behance、Dribbble、GitHub、微博、即刻）。
• 微信二维码（如接受咨询）。

6. 博客（可选）

• 持续输出作品背后的思考。
• 积累 SEO 流量。
• 展示专业度。

作品集怎么呈现

精选而非罗列

3 到 6 个深度展示的代表作品，胜过几十个截图。质量比数量重要。

用故事讲作品

不只是放成品图，讲：

• 客户面临的问题。
• 你的思考过程。
• 中间迭代。
• 最终结果和数据。

反例：只放成品图 + 一句话描述。 正例：完整展示思考过程，让人看到你的专业能力。

视觉一致

• 用统一的卡片样式。
• 封面图风格协调。
• 文字排版统一。

多格式展示

• 截图（项目页面）。
• 视频（动态展示、操作演示）。
• 实物图（如包装设计的实物）。
• 数据（如"上线后转化提升 30%"）。

技术选型

方案 1：作品集平台（最快）

• 平台：Behance、Dribbble、站酷、Lofter。
• 优点：免费、流量大、社区氛围。
• 缺点：不是独立域名、定制弱、靠平台规则。
• 适合：刚起步、预算为零。

方案 2：建站平台（平衡）

• 平台：Webflow、Wix、Squarespace、Notion + Super。
• 优点：无需写代码、模板多、可定制。
• 缺点：月费、SEO 不如自建、平台绑定。
• 成本：月费几十到几百。
• 适合：不想写代码、要独立域名的设计师。

方案 3：静态生成器（推荐）

• 工具：Astro、Hugo、Eleventy、Nuxt Content。
• 优点：性能极佳、SEO 友好、GitHub Pages 等免费部署。
• 缺点：要懂基础技术。
• 成本：免费（域名年费 50 到 200）。
• 适合：有技术基础的创作者。

方案 4：定制开发（专业）

• 优点：完全定制、独一无二、SEO 最强。
• 缺点：成本高、要找服务商。
• 成本：3000 到 1 万多起。
• 适合：把个人网站当作品本身、品牌建设需求强。

成本参考

个人网站的常见错误

• 作品堆砌：放几十个作品，没有重点。
• 没有故事：只放成品，不讲过程。
• 联系方式藏起来：访客想联系找不到。
• 设计过度炫技：动画多、加载慢、看不清。
• 没移动端适配：手机打开错位。
• 图片太大：加载慢，影响体验。
• 域名随便选：太长、易错、不专业。
• 不更新：作品还是 3 年前的。

怎么开始

1. 明确网站目标（接单、找工作、品牌）。
2. 梳理你的服务、能力、代表作品。
3. 写好首页 Hero 文案（你是谁、做什么、价值）。
4. 选 3 到 6 个代表作品深度展示。
5. 选择技术方案（平台/建站平台/静态生成器/定制）。
6. 上线后持续更新作品、维护内容。

广州市汉诺雷斯（HNREIS）帮设计师、摄影师、程序员、独立工作室做个人/作品集网站，用现代技术栈（Nuxt/Astro）实现高性能、SEO 友好的独立站。把你的专业领域和作品情况告诉我们，我们给出方案与报价。