先让访客安下心来
面对控状或纠纷的人，心情本来就紧绷。网站从开场画面起就要让人觉得平和、好读。
Tham, Goh & Partners法律 · 律师楼网站
找律师可以不必那么紧张。
Tham, Goh & Partners（覃祖斌与吴家慰律师楼）的总部设在雪兰莪史里肯邦安。这个网站先让担心的访客做几件小事：找到相关的执业领域，读一篇短文，算一个大概的数字，再发讯息给一位有名有姓的联络人。
概要
Tham, Goh & Partners Advocates & Solicitors（覃祖斌与吴家慰律师楼）总部设在雪兰莪史里肯邦安，另在而连突、汝来和士毛月设有办事处。Potadot 为这家律师楼设计并开发英文、马来文、中文网站。我们把第一次接触律师这件事拆成几个小步骤：一张淡淡的地图、五个执业领域、标题就是日常问题的文章、两个估算数字的计算器，还有一个列出三位联络人名字的 WhatsApp 按钮。
客户
雪兰莪律师楼的业务横跨五个法律领域。
律师楼由覃祖斌律师（Mr. Tham Joe Ping）领导，四间办事处分布在雪兰莪、彭亨和森美兰，客户遍及马来半岛。执业领域包括刑事、民事、房地产和产权转让、企业及商业法，以及知识产权。
律师楼同时是认证商标代理（Certified Trademark Agent），并设有中国服务组（China Desk），服务在马来西亚的中国客户。律师楼也和 Lawyer Boy 律师仔等合作平台一起，向公众分享法律知识。
- 5
- 个执业领域
- 4
- 间办事处
- 3
- 种网站语言
- 2
- 个线上计算器
客户所托
打开这个网站的人多半有事在心头。
没有人会闲来逛律师楼的网站。访客联络之前想先弄清楚三件事：这家律师楼帮得上忙吗，信得过吗，大概要花多少钱。
分清五类法律事务
刑事案件、买屋手续和商标注册是完全不同的需要。访客不懂法律名词，也要能找到相关的领域。
三种语言都照顾到
律师楼用英文、马来文和中文服务客户。每一群客户都要能用自己熟悉的语言看网站。
看得出是正规注册的律师楼
注册号码、四个地址、电话和办公时间都要一找就有。这些资料摆得清楚，访客才放心。
设计概念
先走一小步。
联络律师往往让人觉得是一个大决定，尤其是还不确定自己需不需要律师，也不知道要花多少钱的时候。所以网站不急着要访客做这个决定，而是先给他们几件容易做的事：看看律师楼在哪里，找到相关的领域，读一篇短文，算一个大概的数字。一步一步走下来，发讯息给一位有名有姓的联络人，也只是再多一步。
浏览路线
-
1
到访
淡淡的开场画面写明律师楼在哪里。
-
2
寻找
五张卡片，一张一个领域。
-
3
查证
客户标志和三个简单的理由。
-
4
阅读
文章标题就是日常的问题。
-
5
估算
两个计算器算出大概的数字。
-
6
联络
WhatsApp 上的三个名字。
灵感从何而来
标志
三条红色长条逐级升高，旁边是古典衬线字体的名称，下方是中文名。网站的标题延续这份端正稳重，红色则只留给标志。
地图
律师楼开口第一句话讲的是地点：吉隆坡和马来半岛。所以开场的图像是一张地图，用淡淡的圆点画成，正好衬在文字后面。
前来询问的人
有法律问题在心上的人，需要一点空间想清楚。所以页面以白色和米白为主，再用温暖的棕褐色取代厚重的色彩。
设计风格
淡雅的页面上只有绿色按钮最醒目。
页面大部分是白色和米白，棕褐色负责细小的点缀。在这样素净的底色上，绿色 WhatsApp 按钮一眼就能找到。
色彩
- 白色
#FFFFFF主要背景 - 米白
#F9F7F5交替出现的色带 - 深蓝色
#090B1E收尾色带和页尾 - 棕褐色
#B8967E标签、细线、按钮、顶栏 - 炭灰
#262626标题 - WhatsApp 绿
#25D366浮动按钮
棕褐色标出引导视线的小地方：章节标签、标题下的细线、日期标签，还有 Contact Us 按钮。
字体
Tham, Goh & Partners
Marcellus · 律师楼名称Law Firm in Kuala Lumpur, Peninsular Malaysia
Marcellus · 标题和卡片标题Solutions from professional lawyers where we provide specially tailored legal solutions.
DM Sans · 正文圆点地图
第一个标题后面，是用淡色小圆点画成的马来西亚地图。地图交代了律师楼的所在，颜色又淡得恰到好处，文字始终清楚。
细节
每个执业领域都配一张不需要法律知识也看得懂的小图：手铐、天平、建筑、公文包和灯泡。文字写得很短，访客很快就能选好卡片。
节奏
- 地图
- ·
- 律师楼
- 领域
- 客户
- 优势
- 伙伴
- 文章
- ↗
- 页尾
首页大部分都很明亮，在白色和米白之间缓缓交替，到最后才转成深色。上方色条按比例呈现页面，箭头标出“Looking for a Lawyer?”色带，颜色一变，访客就知道该看的都看完了。
逐章导览
从第一眼到第一则讯息。
跟着一位担心的访客，一小步一小步看完网站。每段说明都会讲这一步为什么这样安排。
开场画面很安静
大片留白，一张圆点马来西亚地图，几句话：律师楼的所在、“Your Problems, We Solve.”（大意：您的问题，由我们解决。）和下面的一行说明。
用意 担心的人读不下太多字。几秒钟之内，他们就知道这是什么网站，律师楼在哪里。
一开始就写明由谁领导
接下来交代律师楼做什么、服务哪些地方，由谁领导：覃祖斌律师。天平照片跨过两种背景色，把标题和正文连在一起。
用意 把法律问题交出去，总要知道交给谁。早早写出领导人的名字，律师楼就显得亲近。
五张卡片对应五类问题
每个执业领域一张白色卡片，配一张小图和几行短短的文字，按一下就打开该领域的专页。
用意 大多数访客说不出自己的问题属于哪个法律范畴。看一张图、读一句话，他们也找得到相关的卡片。
让客户名单自己说话
Our Clients 是一组可以滑动的客户标志，共 14 个，从 Laurine、Red Dino 到橱柜商和青年团体都有。
用意 企业和社团的标志排在一起，访客就看得出各类客户都找过这家律师楼。
文章标题就是问题
What’s New Today 用滑动卡片展示文章，标题像“I’ve Purchased A Counterfeit, What Should I Do?”（大意：买到假货怎么办？）和“Are Public Displays of Affection (PDA) Illegal?”（大意：秀恩爱犯法吗？）。
用意 不确定自己需不需要律师的人，可以先读文章。标题用的是他们自己的话，读完再决定要不要联络也不迟。
开口之前先有个大概的数字
Calculator 选单里有两个工具。在律师费计算器（Legal Fees Calculator）输入屋价和贷款成数，就能看到律师费和印花税。解雇赔偿风险计算器（Exposure Calculator）则估算不当解雇案件的最高赔偿额。图中的数字是我们自己举的例子。
用意 费用往往是大家最想知道、又最不好意思开口问的事。先有一个写明是估算的数字，访客联络律师楼时心里就有底。
发讯息可以直接找三位联络人
往下滑的时候，绿色按钮一直留在角落。按一下，就会出现三个 WhatsApp 号码，各附名字：Mr. Wilson、Mr. Tham 和 Ms. Koh。
用意 发讯息给一位有名有姓的人，比联络一家律师楼容易得多。这是最后一步，也是最轻松的一步。
先说地点
一段话介绍律师楼一张卡片一个领域滑动看客户标志日常的问题输入两个数字三位联络人
手机版
手机上走的是同样的几小步。
突然遇到法律问题的人，多半先拿起手机。手机版保留每一步，全部排成一栏。
- BM、EN、中移到顶端棕褐色横条的中央
- 五张执业领域卡片排成一栏
- 绿色 WhatsApp 按钮在滑动时一直留在角落
幕后功夫
素净的页面背后下了不少功夫。
页面看起来简单。下面这些细节帮助访客找到律师楼，也找到对的人。
三种语言
BM、EN、中放在页面顶栏上，三个版本都标明语言，Google 分得清楚。
写给 Google 看的资料
每一页都有专属标题，律师楼和各页的资料也用 Google 读得懂的格式写好。
两个计算器
数字就在页面上算出来，背后的收费和计算规则都用表格列在工具下方。
每个领域一个专页
五个执业领域各有专页，从选单、页尾和首页卡片都能进入。
中国服务组
在马来西亚的中国客户有专属页面，服务包括公司注册和 MM2H 申请等。
联络资料井井有条
页尾列出四间办事处、三个电话、办公时间，诉讼、产权和一般事务各有专用电邮。
- 1
了解您的业务
律师楼做什么，谁会来找，人们联络律师之前担心什么。
- 2
文案撰写
我们用短句写好律师楼简介、五个执业领域和联络资料，英文、马来文、中文都有。
- 3
设计与开发
用棕褐色、米白和圆点地图定下页面，再把五张卡片和两个计算器排好，手机版和电脑版都照顾到。
- 4
SEO 与上线
设好网页标题和律师楼资料，连接三个语言版本，然后上线，并提供后续支援。
常见问题
您可能想问。
您也经营律师楼或专业事务所？欢迎 WhatsApp Ricky（+6011-1142 1029）详谈。
Potadot 为 Tham, Goh & Partners 做了什么？
我们定下构思，整理文案，设计页面，开发英文、马来文、中文网站，并完成两个计算器和 SEO 设定。
律师楼网站为什么要放计算器？
费用往往是大家最先想到的问题。先算一算，访客手上就有一个数字。页面写明结果只是估算，也请访客联络律师楼索取完整报价或法律意见。
WhatsApp 按钮为什么列出三个人？
发讯息给一个有名字的人，比发给一家公司容易。第一次找律师难免紧张，这样联络起来也更像跟人说话。
可以为我的律师楼做类似的网站吗？
可以。我们从您的执业范围和前来找您的客户着手，每个网站的构思和样子都各有不同。欢迎告诉我们您律师楼的情况，我们再说明会怎么做。
