⚡ 一眼看懂
这个页面只有一个任务:让一个「家里冷气刚坏」的陌生访客,在 60 秒内按下 WhatsApp 预约。它长这样:
CoolTech 概念 demo 的桌面英雄区:紧迫感优先的标题、一行信任摘要,加一颗橙色 WhatsApp CTA：全在第一屏、还没往下滑就能预约。
先想象这个页面是为「哪一刻」设计的:吉隆坡最热的那个下午,客厅冷气突然不出冷风了。你抓起手机 Google「aircon service PJ」,点开第一个链接。你不会去读公司历史，你只想知道三件事:他们今天能来吗?多少钱?靠不靠谱?这个页面,就是为「这一刻、这个人」设计的。
01一页只服务一种人,所以它敢做减法
会打开这个页面的人:高意向、有点焦虑、在手机上,而且大概率同时开着三个同行的 tab 在比价。就这一种人,决定了整页的取舍:不堆品牌故事、不做导航迷宫。整页就是一条往下滑的动线：焦虑 → 安心 → 预约。
着陆页不是「小一号的网站」。它是一个论点,只讲一次,导向一个动作。每一个版块,要么把访客往「预约」推一步,要么就该被删掉。
02Hero 卖「今天就修好」,不卖公司名
真实 demo 的标题是「Aircon Problems? We Fix It Today.」，第一屏不写「CoolTech 成立于…」,而是直接回应访客脑子里那句话:你今天能不能搞定?标题底下紧跟一行信任摘要(持牌 · 当天上门 · 服务过 5,000+ 家庭)和一颗橙色大按钮「Request a Quote」，点下去直接开 WhatsApp,讯息都替你填好了。还没往下滑,就已经能预约。
03把「多少钱 ah?」提前回答掉
上门服务最大的摩擦,是价格不透明。所以这一页不把价格藏在「私信问价」后面,而是直接摊开:四项清楚的服务,加两个把价格写在脸上的套餐。
为什么有用:客户不用私信问价,也不用怕被「看人开价」。透明本身就是一个信任信号：顺便还把预算不合的人过滤掉,留下真正会预约的客户。
04让陌生人敢开门:信任怎么一层层堆
这一行的信任门槛,比餐饮高得多，客户要让一个陌生人进家门。所以整页铺满了信任信号,而且每一个都在回答客户「没说出口的一个怀疑」:
- 持牌技师 · 当天上门 · 不乱收费：三行字,回答「你正规吗、快吗、坑不坑」
- 服务过的品牌墙：一秒建立「我家这牌子他修过」的可信度
- 按地区写的真实作品集: Damansara 公寓、PJ 办公室、Shah Alam 排屋。本地客户一看「哦,我这区他做过」
- 客户评价 + 星级：别人已经信过他了,所以你也可以
- 30 天保修：把「修了又坏怎么办」的风险拿掉
关键是:这些都不是装饰。每一块都在干一件具体的活，悄悄解掉一个反对意见,直到访客找不到「不预约」的理由。
05为什么 CTA 全押 WhatsApp,不是联系表单
在马来西亚,客户不填表单,他们 WhatsApp 你。表单要等回复、感觉很「官方」;WhatsApp 一句「今天能来吗?」就开始对话。所以整页十几个入口,最后都汇向同一个低摩擦动作：一键 WhatsApp,而且讯息已经预填好。摩擦越低,预约越多。
06为什么是藏青配橙,不是一片蓝
配色不是随便选的。深藏青(#123A6B)读起来是沉稳、成熟，比亮蓝更收得住,不像科技公司。这点很要紧:你要说服客户,让一个陌生人进自己家门。橙色(#F5821F)扛下所有 CTA，它是「热」和「急」的颜色,正好对上冷气坏掉的处境;在色环上跟藏青正对,藏都藏不住;在深底上的对比度也比绿色更狠。WhatsApp 绿退到右下角的浮动按钮,一眼认得出,但不跟第一屏抢注意力。字体用 Poppins 做标题(现代、利落)+ Open Sans 做正文(好读)，专业,但不冷冰冰。
你做的是上门服务/维修(冷气、水电、清洁、手机维修)?这套「单页加强版」的打法,可以直接套到你身上。先看 live demo,再 WhatsApp 我聊 5 分钟,我告诉你你这一行该放哪些信任信号。
把整件事变成一句话
想知道不同生意各该做哪一档网站?我在这篇按行业拆解里都摊开讲了：餐饮、维修、美容、服装,对号入座。
