担得起这一行的分量
访客还没读字，就已经在打量这家律师楼。开场画面要和这份工作一样庄重。
J. Lee & Co.法律服务 · 律师楼网站
先见法律的分量，再见律师本人。
这是吉隆坡律师楼 J. Lee & Co. 的网站。开场画面是沉稳的石柱和台阶；往下滑一小段，访客就见到主持律师，有名字，也有面孔。
概要
J. Lee & Co. 是吉隆坡一家提供全面法律服务的律师楼，由 Mr. Lee Shoue Jie (Jack) 主持。Potadot 为这家律师楼设计并开发网站。首页围绕一个想法展开：开场是一张深色的石柱与台阶照片，因为法律本身庄重，律师楼需要这份分量；接着页面转为白色，出现主持律师的大幅肖像，因为人们带着难题来找的是一个人，而不是一栋建筑。页面接下来说明律师楼相信什么、怎样做事、处理哪些案件，以及怎样联络。
客户
由诉讼律师主持的吉隆坡律师楼。
Messrs. J. Lee & Co. 是一家提供全面法律服务的律师楼，服务全马来西亚的个人与企业，办公室设在 Damansara Heights 的 Menara Dungun。
律师楼由 Mr. Lee Shoue Jie (Jack) 主持。他是马来亚高等法院出庭律师及事务律师，专注民事与企业诉讼。律师楼的业务分为三大类：争议解决、企业咨询与常年法律顾问服务、遗嘱认证与产业转让。
- 3
- 大业务领域
- 15
- 项服务
- 14
- 宗判例
- 12
- 篇文章
客户所托
律师楼要庄重，主持律师也要让人认得。
来找这家律师楼的人，手上可能正拿着一封律师信，或者有一笔发票收不回来。他们只想知道两件事：这家律师楼可不可靠，我能不能找他们谈。
让访客先认识主持律师
访客想知道自己要跟谁打交道。主持律师要尽早出现，并写明姓名。
把业务分得清清楚楚
15 项服务涵盖法庭争议、咨询和文件工作。访客要能先按三大类看一遍，再细读其中一项。
让第一次联络毫不费力
找律师对很多人来说是一大步。打电话、发 WhatsApp、填一份简短表格，这几种方式都要随手可及。
设计概念
石柱后面站着一位律师。
法律给人的感觉就像一栋石砌的大建筑：古老、庄重，又有些难以亲近。网站从这里开始，因为律师楼需要这份分量。接着画面一转，页面变成白色，主持律师出现，律师楼开始用自己的话平实地说明。
浏览路线
-
1
走近
石柱、台阶和一行平实的字。
-
2
见面
主持律师本人。
-
3
听立场
这家律师楼不认同什么。
-
4
看态度
怎样让客户明白律师楼的策略和行动，写在框里。
-
5
选业务
三大领域，三张卡片。
-
6
读文章
打电话之前，先读一读。
灵感从何而来
标志
左边是流畅的手写 JL，右边是正式的大写名称。一边像亲笔签名，一边像公司信笺。整个首页也是这样，在庄重和亲切之间转换。
建筑
深褐色调的石柱、台阶和幽暗的大门。文字还没出现，照片已经说出“法律”二字，所以上面的字可以写得很少。
律师楼自己的话
“We do not believe in the ‘one-size-fits-all’ approach”（大意：我们不相信一套方法适用于所有人）。既然每位客户都不同，网站就不能只放一张建筑照片，还要让人看到自己要跟谁打交道。
设计风格
深色石柱和深蓝色带衬出一张真实的面孔。
配色像公司信笺一样庄重：深色照片、白色页面，再加一种深蓝。正因为用色克制，一张肖像才这样突出。
色彩
- 白色
#FFFFFF律师楼表明想法的章节 - 黑色
#000000标题与照片的暗调 - 深蓝
#1D3561肖像色带、“do not”、页脚 - 绿色
#25D366只用于 WhatsApp 按钮
深蓝是律师楼唯一的颜色，只用在要紧的地方：肖像色带、“do not”两个词、Contact Us 按钮和页脚。绿色专属 WhatsApp 按钮，访客随时找得到。
字体
LAW FIRM in Kuala Lumpur
Scheherazade New · 开场的一行字We do not believe in the “one-size-fits-all” approach
Scheherazade New · 表明立场的大字，更大更粗We are here to help you navigate your legal problems with personalised solutions.
Scheherazade New · 正文走出框外
肖像比后面的深蓝色带更高，上下都超出色带。页面其他部分都排得整整齐齐，只有这里破格。这一点小变化，把访客的目光引到 Mr. Lee 身上。
细节
每个业务领域都是一张深色照片，配上细线白色图标和简短名称。图标的线条和页面上的细横线一样纤细，三张不同的照片因此看起来是同一组。
节奏
- 走近
- 关于
- 肖像
- 立场
- 态度
- 业务
- 文章
- 联络
- 页脚
深色章节负责开场、分段和收尾，白色章节用来说明律师楼的想法。深蓝的肖像章节排在第三，访客读这些想法之前，已经见过主持律师。上方色条就是整个页面，按实际比例画成。
逐章导览
从台阶一路看到联络按钮。
首页分七站，次序和访客看到的一样。亮起来的地方是重点，旁边写着为什么这样做。
站在台阶前
一张深褐色调的照片占满屏幕：石柱、台阶和大门。门前只有律师楼的标志和一行平实的字：Law Firm in Kuala Lumpur, Malaysia。
用意 从 Google 找来的访客，马上就知道这是一家律师楼。分量交给照片，文字就可以写得简单。
接着就是肖像
简短的 About Us 之后，Mr. Lee 的大幅肖像出现在深蓝色带上。旁边用粗体写着他的名字，以及他专注的法律领域。
用意 访客刚看过一栋建筑，现在看到的是主持律师本人。律师楼不再只是一个机构。
一句表明立场的话
页面上最大的一行字说明，律师楼不相信“one-size-fits-all”的做法，其中“do not”两个词用了深蓝色。
用意 一串价值观很容易被略过。一句直白的“do not”却表明了立场，两个深蓝色的词就足以让人停下来读完。
把透明写进细线框
下一段放在细细的双线框里，标题上下各有一条横线。这段话说明客户应当了解律师楼的策略和行动。
用意 只有线条、没有填色的框，正好配合“透明”这个主题，看起来也像法律文件里单独列出的条款。
走进律师楼的三道门
回到深色章节，背景是一根石柱，业务归纳成三张卡片。按 View More 可以看到全部服务。
用意 遇到法律问题的人，不想一下子看到 15 项服务。三大类让他们先找到对的门，细节留到下一页。
打电话之前先读几篇文章
一排标明日期的文章，解答实际的法律问题，例如发票算不算有效合约。按箭头可以看到更多，按 View More 可以看到全部。
用意 读完一篇清楚的说明，访客就能看出这家律师楼怎样思考，再决定要不要联络。
一个按钮和一组联络资料
页面最后是一句简短的话，表示愿意协助，下面是一个深蓝色的 Contact Us 按钮。再往下的页脚写明律师楼的注册号码和电话。
用意 这里只给访客一个明确的下一步。想核实律师楼身份的访客，也能在页脚看到注册号码。
标志和一行字比色带更高深蓝色的两个词双线框三张卡片，一个链接标明日期的文章
Contact Us 和联络资料
手机版
小屏幕上次序不变。
手机版同样是先见建筑，再见到人。肖像放大到几乎和屏幕一样宽，每一章都按小屏幕重新编排，访客不必放大缩小。
- 照片拉近到大门，标志和标题就在门前
- 肖像依然压在深蓝色带上方，文字移到下面
- 三张业务卡片由上而下排列，WhatsApp 按钮始终在手指够得着的地方
幕后功夫
联络律师楼的途径，查证律师楼的资料。
访客可以打电话、发讯息或填表格，也可以查看律师楼的注册资料，或先读文章。
WhatsApp 按钮
绿色按钮固定在屏幕一角。按一下就打开 WhatsApp，简短的问候语已经写好。
按一下就拨号
办公室和手机号码都是电话链接，手机上的访客不必复制号码，直接就能打。
联络表格
Contact Us 页面设有五栏表格：姓名、电话、电邮、主题和讯息，旁边写明办公时间。
为 Google 而设
首页以 Google 读得懂的格式，写明律师楼、网站和页面路径。
注册资料公开列明
页脚写明律师楼的注册号码，并附上查看注册证书的链接。
文章持续累积
文章放在 WordPress 上，篇篇标明日期，由 2024 年 8 月写到 2026 年 7 月，目前共 12 篇。
- 1
了解您的业务
律师楼的 15 项服务，带着难题上门的是什么人，心里着急的访客要先看到什么。
- 2
文案撰写
文字写得简短，让律师楼自己的信念走在前面，业务则以三大领域呈现。
- 3
设计与开发
深色照片、一种深蓝和一种字体定下基调。肖像这一章围绕 Mr. Lee 来做，每一章都编排好手机版和电脑版。
- 4
SEO 与上线
设好网页标题、Google 读得懂的律师楼资料和可以继续累积的文章栏目，然后上线，并提供后续支援。
常见问题
您可能想问。
您也在经营律师楼或专业事务所？欢迎 WhatsApp Ricky（+6011-1142 1029）详谈。
Potadot 为 J. Lee & Co. 做了什么？
我们定下构思，整理文案，设计页面，开发英文网站，并完成 SEO 设定、联络表格、WhatsApp 按钮和文章栏目。
为什么先放建筑，不先放律师？
建筑定下整个网站的基调，访客还没读字，就知道这是一家正规的律师楼。肖像紧接着石柱出现，也因此更有力量。
为什么业务领域只放三张卡片？
律师楼列明的 15 项服务分属三大类。三张卡片很快就看完，想了解细节的访客，按 View More 就能看到完整清单。
我的律师楼也能这样做吗？
可以。石柱和肖像是为这家律师楼而做的；您的律师楼会有自己的构思，从您的业务和上门的客户想起。不妨把您的业务告诉我们，我们再给您具体建议。
