先让人看见里面的样子
训练全程预约，路过的人也看不到里面。照片要替俱乐部开这扇门。
Carlton Sports Club健身 · 私人训练俱乐部网站
网站上也只留两个人的位置。
Carlton Sports Club 是槟城 Bayan Lepas 一家只接受预约的私人训练俱乐部。每堂课都是一位教练带一位会员，所以网站上的每张照片也守着同一条规矩。
概要
Carlton Sports Club 是槟城 Bayan Lepas 的私人训练俱乐部，全程预约，每堂课都是一对一。Potadot 为俱乐部设计并开发英文网站，全站只有一个长页面。设计依照俱乐部的做法定下一条规矩：每张照片最多只有两个人。页面从六周的承诺开始，接着介绍教练，讲清这六周怎么过，再看场地和会员，最后回到同样的六周。每一步都通往 WhatsApp。
客户
槟城有家俱乐部，一次只带一人。
Carlton Sports Club 位于 Bayan Lepas 的 Q2 Queens Residences，就在 Queensbay Mall 对面。这是一家私人俱乐部，并非随到随练的健身房。会员先预约，再到私人训练场地，由专属教练带着练。
新会员从一次免费咨询开始。俱乐部主打一套六周计划，分成六个阶段：评估、规划、训练、记录、进阶和蜕变。网站介绍了两位私人教练，Jason 和 Weiyer。
- 6
- 周计划
- 1:1
- 一对一指导
- 100%
- 私人训练场地
- 0
- 人潮或排队
客户所托
访客还没上门就要感受到私密。
挑私人教练，挑的是每堂课都要相处的人，而这里又不能随意走进去看一看。场地什么样、谁来带、接下来怎么做，都要靠网站先说清楚。
先介绍教练
会员每堂课都和同一个人相处。访客开口询问之前，应该先知道这位教练叫什么名字。
把“蜕变”写成一份计划
“蜕变”二字人人会说。把六周分成六个有名字的阶段，访客才看得出怎么走。
第一则讯息要容易发
咨询免费，也没有任何义务，所以约咨询不该费力。填三个输入栏，或发一则 WhatsApp 讯息就够了。
设计概念
每张照片最多只有两个人。
Carlton 真正提供的，是热闹的健身房给不了的清静。我们把这一点定为页面的规矩。每张照片拍的，要么是空无一人的场地，要么是一位教练，要么是一位教练带一位会员。访客还没读到一对一的承诺，已经先看见了。
浏览路线
-
1
承诺
六周，全页最大的标题。
-
2
教练
Jason 和 Weiyer 两位教练。
-
3
计划
一条金线，六个阶段。
-
4
场地
六张俱乐部照片。
-
5
会员
三则分享，三堂课。
-
6
回到起点
结尾回到开场的承诺。
灵感从何而来
一对一
“Every session is strictly 1-to-1”（大意：每堂课严格一对一）。常见问题里的这句话，定下了照片的规矩、两张教练卡片，也让表格像在对一个人说话。
场地
深色木百叶、温暖的筒灯，还有没人排队的训练区。页面近乎全黑的底色和柔和的暖光，都是从这些照片里来的。
接待处
深色柜台上，CARLTON 的金属字发着光。金色由此而来，所以这里的金带着金属光泽，并非平涂的黄色。
设计风格
金色在低调的灯光里最醒目。
每一章都铺在近乎全黑的底色上。标题用温暖的米白，值得停下来看的字和数字才用金色。
色彩
- 俱乐部黑
#050403每一章的底色 - 米白
#F1ECE2标题 - 暖灰
#A69D8E正文 - 金色
#D4B062标签、重点字和数字 - 淡金
#F7E6AD菜单按钮、小标签和金属光泽的亮部 - WhatsApp 绿
#25D366浮动的 WhatsApp 按钮和金色按钮上的图标
绿色是全页唯一来自俱乐部以外的颜色。只有 WhatsApp 用这个颜色，在深色页面上一眼就找得到联络的地方。
字体
PRIVATE. PERSONAL. PURPOSEFUL.
Barlow Semi Condensed · 大标题与教练名字PRIVATE TRAINING · BAYAN LEPAS, PENANG
Barlow Condensed · 标签、菜单与按钮One coach. One plan. One private space built entirely around you.
Barlow · 正文金色的 6
开场画面上最大的字就是 6 WEEKS，填满金属质感的金色渐变。下方的 What’s possible（大意：可以做到什么）只留空心描边，因为这一切还没有发生。同一个 6 后来又化成淡淡的影子，出现在六周计划的背后。
细节
表格只问三件事：姓名、WhatsApp 号码和目标。输入栏是一条细细的金线，不用方框。目标从五个选项中挑一个，不必向陌生人多作解释。
节奏
- 承诺
- 场地
- 教练
- 计划
- 俱乐部
- 分享
- 问答
- 收尾
- 页脚
上方色条就是整个页面，按实际比例画成，颜色几乎没有变化。全页没有一章是浅色的，看起来就像同一个灯光压低的房间。
逐章导览
六周的承诺贯穿全页。
全页分七站，从顶部的承诺走到底部的同一个承诺。亮起来的地方是一项决定，旁边写着为什么这样做。
开场先讲这个承诺
Give us 6 weeks（大意：给我们六周）。6 WEEKS 这一行是全页最大的标题，用金色，其余的承诺在下方一层层叠开。
用意 空泛的承诺没人记得。一段明确的时间，访客才答应得下来。
表格已经摆在眼前
承诺旁边是一张卡片，三个输入栏，一个金色按钮。按下去，WhatsApp 就打开，姓名、号码和目标都已写好。
用意 在家里想好了的人，不用往下滑，当场就能发讯息。
最大的卡片留给教练
Coach 01 和 Coach 02 各有一张大幅肖像，细金边，切角，两张卡片的高低略有错开。
用意 在一对一的俱乐部，您选的其实是教练。所以别家留给产品的版面，这里留给了人。
一条金线走完六个阶段
金线穿过六个编号的站点，从 Assess 到 Transform，每站写明第几周，再加一句短短的说明。
用意 “蜕变”这个词要配上时间表，这条线就是时间表。
一排照片看遍场地
六张照片横跨整个屏幕。一张是空无一人的场地，另外五张都是教练带一位会员。按任何一张都能放大，并显示说明和张数。
用意 访客不能随意上门，这排照片就是上门参观。两个人的规矩，在这里看得最清楚。
会员分享也在同一个场地
三张卡片，上方是上课的照片，下方是一小段话、五颗星和会员的名字。
用意 每张卡片都放一堂课的画面，所以这些分享和全页一样都在同一个场地，画面里依然是两个人。
结尾回到开头
Six weeks from now, a stronger, healthier you（大意：六周之后，更强壮、更健康的您）。这句话下方是同样的 WhatsApp 按钮，咨询条件也逐一写明。
用意 开头向访客要六周，结尾已经说到六周之后。承诺和按钮都没有换，页面怎样开始，也就怎样收尾。
六周的承诺
打开 WhatsApp一位教练一张卡从 Assess 到 Transform一片场地，五堂课三则会员分享回到六周
手机版
手机版的表格独占一屏。
电脑版的承诺和表格左右并排。手机放不下，所以各章改为上下排列，版式也跟着调整。
- 照片移到承诺背后，上面盖一层暗色
- 表格紧接在后，是一张完整的卡片
- 六个阶段折成两栏，往下滑时绿色的 WhatsApp 按钮一直留在屏幕上
幕后功夫
深色页面背后的细节。
其中两项决定俱乐部收到的第一则 WhatsApp 讯息，其余的照顾到照片、视频、Google 和不想看太多动画的访客。
表格直通 WhatsApp
表格替访客写好第一则讯息，附上姓名、号码和目标。俱乐部回复之前，已经知道对方为何而来。
每个按钮有自己的开场白
预约咨询、安排私人参观、开始六周计划。每个按钮打开 WhatsApp 时，开场白都对得上。
像样的看图功能
场地照片可以放大，访客用箭头、手指一滑或键盘都能翻看。
视频按下才播放
俱乐部视频要到有人按播放才载入，不会拖慢页面。
为本地搜索而设
页面以 Google 读得懂的格式，写明俱乐部地址、教练、免费咨询和常见问题。
尊重减少动态的设定
设备若设定了减少动态，淡入效果、跳动的数字和卡片倾斜都会停下，文字内容完全一样。
- 1
了解您的业务
私人预约制俱乐部提供什么，访客发出第一则讯息之前需要看到什么。
- 2
文案撰写
把俱乐部的六周计划整理成精简的英文章节，包括六个阶段、常见问题和每则 WhatsApp 开场白。
- 3
设计与开发
照片守两个人的规矩，近乎全黑的底色和金色来自俱乐部本身，然后逐章做手机版和电脑版。
- 4
SEO 与上线
设好网页标题、Bayan Lepas 的搜索资料和 WhatsApp 链接，然后上线，并提供后续支援。
常见问题
您可能想问。
您经营俱乐部、工作室或教练业务？欢迎 WhatsApp Ricky（+6011-1142 1029）详谈。
Potadot 为 Carlton Sports Club 做了什么？
我们定下构思，撰写文案，设计页面，开发英文网站，并完成 SEO 设定与 WhatsApp 查询功能。
健身网站为什么做得这么暗？
因为俱乐部本身就是深色木材、温暖灯光和私人场地。换成明亮的页面，说的就是另一个地方了。
为什么所有按钮都通往 WhatsApp？
Carlton 全程预约，每次到访都从一段对话开始。这段对话就在 WhatsApp 上进行，每个按钮都用合适的一句话开头。
我的生意也能这样做吗？
可以。我们会先找出您的生意与众不同的那一点，再围绕这一点设计页面。在 Carlton，这一点就是一位教练和一位会员。不妨把您的情况告诉我们，我们再给您具体建议。
