律师别只发名片了，5步做出可编辑、可发布的个人网站

90%的律师，可能现在都缺一个属于自己的专属“线上名片”。

那就是律师个人网站。

你想想，如果一个客户刚听朋友介绍了你，想搜索一下你的信息。结果，你只有一个律所官网里一段千篇一律的介绍，或者一堆零散的公众号、视频号里的内容。

那客户很难在短时间内快速地了解你。

而律师个人网站，就是这个最佳的专属“线上名片”。

过去，律师想做一个个人网站，只能花几千块外包，找别人帮自己做，而且后续修改更新起来非常麻烦。

但现在，用WorkBuddy，律师不用懂任何代码，就能半小时内快速做出一个「可编辑、可发布、可更新」的个人专属网站。

下面我就手把手教你怎么做。

01梳理网站资料

做个人网站卡在第一步的律师特别多，倒不是技术问题，是梳理用来做个人网站的资料。

手里的东西其实不少，也都有对应的文件，但却散在电脑的各个文件夹里，要自己从头整理，太麻烦了。

你可以把这件事交给WorkBuddy，让它检索你的电脑文件夹，找到你可以用做个人网站资料的内容，复制到一个独立的文件夹里。

这样既不用担心，它会误删你的原始文件，又能把这些资料全部规整起来。

参考提示词如下：

帮我整理做个人网站要用的资料。
第一步，扫描我电脑上的常用位置（桌面、文稿、下载、图片等文件夹），按这些类别找相关文件：

• 个人介绍 / 简历
  
• 专业领域介绍、代表案例
  
• 写过的文章、公开活动资料
  
• 联系方式、个人照片 / 职业照
  
• 律所 Logo等
  

第二步，判断文件时结合两点：文件名关键词（如"简历、律师、案例、文章、活动、名片、照片、Logo"等）+ 文件内容。文件类型包括 PDF、Word、PPT、图片等。
第三步，把所有找到的文件【复制】到一个新建文件夹「个人网站资料」里，并按类别建子文件夹分类存放：
个人介绍 / 专业领域 / 代表案例 / 文章 / 活动 / 联系方式 / 照片 / Logo
第四步（最重要）：只做复制，绝不删除、移动或修改我原有的任何文件。
完成后，向我汇报：找到哪些文件、分别放进了哪个子文件夹。

接下来，你可以再让WorkBuddy判断，哪些适合放进网站、哪些可以弱化、还缺什么。

在WorkBuddy里选择「工作空间」，直接把这个文件夹作为工作空间。

选择“设计创意-网站设计”：

输入以下提示词：

请完整读取我提供的“芒芒律师”全部资料。
这一步先不要生成网站，也不要自行补充不存在的信息。
请帮我梳理：

1. 芒芒律师最清晰的专业定位是什么；
   
2. 哪些内容最适合放进个人官网；
   
3. 哪些值得重点展示，哪些可以弱化；
   
4. 目前还缺哪些会影响网站完整度的信息。
   

最后整理成一份《网站素材清单》。没有的信息直接告诉我，不要自行虚构。

它不仅提炼出了芒芒律师的定位，还直接找出了几个缺口。

你可以根据它的建议，来适当补充一些素材和资料。

02设计客户愿意看的网站框架

材料有了，下一步要想清楚网站按什么顺序展示。

你想一下：一个完全不认识你的客户点开你的网站，他最先想知道什么？

大概就是——你做什么方向的？做过没有？怎么联系？所以网站的顺序应该跟着客户的思路走。

如果你只单纯按照做简历的方式，按照“教育经历→工作经历→荣誉”的排法，那你的网站客户肯定也不爱看。

我让WorkBuddy按这个思路出一版网站结构：

现在基于刚才读取的全部资料，为“芒芒律师个人官网”规划网站结构。
这个网站主要给以下人群看：

• 第一次认识芒芒律师的潜在企业客户；
  
• 老客户或同行转介绍过来的客户；
  
• 看过她文章、活动或其他内容，希望进一步了解她的人。
  

芒芒律师主要在深圳执业，重点方向是企业劳动用工、竞业限制、核心员工争议和企业劳动法律顾问。

我希望一个第一次打开网站的人，能够按照下面这个顺序逐步认识她：
她是谁 → 她主要解决什么问题 → 她有没有相关经验 → 为什么值得进一步了解 → 怎么联系她。
请按照这个逻辑重新组织现有材料并规划网站结构。
可以设置首页、专业领域、代表案例、专业文章、关于我、公开活动、联系方式等板块，但不要机械照搬我的文件分类。
每个板块请简单说明：
主要展示什么；使用哪些现有资料；为什么放在这个位置。
网站整体不要做成传统律所官网，更像一个专业、克制、有个人特点的律师个人品牌网站。
这一轮只规划网站结构，不生成页面。

把客户最关心、最想知道的关于你的信息，用他听得懂的方式，展现出来。

03生成客户看得懂的网站

结构定了，就可以让WorkBuddy开始干活，做网站了。

但在生成网站前，有几点必须注意：

• AI幻觉：AI在帮你设计网站内容时，很可能会基于你给它的素材进行一些“虚构”和“优化”，给你编造出胜诉率、夸张的数据等等。

• 让客户看得懂：律师写自己的介绍，很容易就写成了“行业黑话”，只有律师同行看得懂，但客户看了根本看不懂你能为他解决什么问题。

• 可视化：如果你的网站全是文字，那客户肯定也看不下去，所以能用图片图表表示的，尽量少用文字。

基于这些要点，我特意在制作网站的提示词上，加以约束：

按照刚才确认的网站结构，开始制作"芒芒律师个人官网"，完整调用我提供的全部材料。

【内容要求】

1. 首页第一屏快速说明芒芒律师是谁、主要做什么，使用我提供的个人形象照作为人物主视觉；
   
2. 专业领域重点突出企业劳动用工、竞业限制、核心员工争议和企业劳动法律顾问；
   
3. 代表案例从现有案例材料中筛选适合公开展示的内容；
   
4. 专业文章直接使用现有文章标题、摘要和核心观点；
   
5. "关于我"部分优先参考《芒芒律师_个人表达素材》中的原始表达，尽量保留本人说话的感觉，不要全部重写成标准律师宣传文案；
   
6. 个人经历、公开活动和联系方式全部以现有资料为准。
   

【客户视角要求（全站通用）】
整个网站的文案都要让"不懂法律的客户"看懂；每句话都从客户利益出发，说清楚"你能为对方解决什么问题、带来什么好处"；遇到法言法语、行业术语，必须翻译成大白话，或紧跟一句通俗解释；禁止堆砌"深耕、赋能、闭环、多维度、综合法律解决方案"这类空洞黑话；如果一句话只有律师同行看得懂，而客户看不懂，宁可删掉或重写。

【可视化要求】
网站不能全是文字，能上图片、图表的地方，尽量少用文字；专业领域：用图标 + 短标题的卡片分区展示，每个领域配一句客户能看懂的价值说明；代表案例：用卡片或时间轴呈现，突出"客户类型 + 解决的问题 + 结果"，不要大段案情叙述；数据或对比信息（如服务流程、服务优势）：优先用图示化、列表化呈现，避免长段落；整体图文比例均衡，信息密集处用卡片、色块、留白做区分，不要出现整屏纯文字。

等待WorkBuddy执行完毕，你就会得到一版已经比较成熟的网站预览：

04修改网站

之前虽然很多AI也能生成网站，但非常麻烦的一点就是，没办法在网站上直接编辑修改。

律师又不懂HTML语法，可能只是想改两个字、删一段话、调整一个标题，都得重新跟 AI 对话，严重一点甚至重新生成一版。

AI收到指令之后，又得在后台执行一段时间，编辑修改的效率太低了。

但现在，WorkBuddy支持人机协作修改网站了，这可方便了不少。

点击网页预览左上角的编辑图标：

在预览界面，点击图标，再选中你要编辑的文本框，你就可以像改普通文档一样，自己直接改文字：

也可以点击只能框选，选中某一块，让AI针对你选中的部分，进行局部修改：

有时候你知道不好看但说不上来哪里不对，也不知道怎么表述给AI，可以找一张你喜欢的网站截图，发给WorkBuddy参考：

05发布网站

这个也是WorkBuddy前段时间更新后，一个非常给力的新功能。

以前，AI把网站是做出来了，但它只是你自己电脑里的一个 HTML 文件，别人链接用没办法打开，并不是一个真正意义上的网站。

但现在，WorkBuddy把“做出来”到“发出去”这一步也打通了。

你只需要点击右上角的“生成应用”，WorkBuddy就会把设计稿转成可运行的网页应用：

然后，再点击生成网页右上角的“分享”：

你就得到了一个可以直接给到客户的链接。