单层排屋，一样要有气派
单层排屋讲的是实在。网站要让买家觉得值得专程走一趟，同时实事求是，不夸大。
Taman Kamunting Putra房地产 · 住宅计划网站
人未到，屋已看。
这是霹雳州太平住宅计划 Taman Kamunting Putra 的网站。打开手机，买家就像由销售人员带着走一趟现场；屋子看明白了，再用 WhatsApp 预约看屋。
概要
Taman Kamunting Putra 是太平甘文丁 Jalan Bukit Jana 旁的住宅区，发展商为 DSK Group 旗下的 Taiping Bukit Jana Development Sdn Bhd。Potadot 为这项计划设计并开发英巫双语网站。全站只有一个长页面，顺着实地看屋的路线走：到场、进门、比较两种屋型、细看规格、了解周边，最后在 WhatsApp 预约看屋。
客户
太平发展商推出 168 间新屋。
Taman Kamunting Putra 由 DSK Group 旗下的 Taiping Bukit Jana Development Sdn Bhd 发展。第 2A 期为单层排屋，位于 Jalan Bukit Jana 旁，邻近青山，离太平市区只有一小段车程。
地段分 20′ × 65′ 与 20′ × 70′ 两种，每间都是三房两浴。第 2B、2C、2D 期将陆续推出。
- 168
- 第 2A 期单位
- 2
- 种地段尺寸
- 3 + 2
- 房间与浴室
- 2028
- 预计竣工
客户所托
一个页面要抵得上一间销售廊。
多数买家动身之前，早已在手机上把这项计划查过一遍。网站要交代得够清楚，他们才肯点头预约看屋。
把要紧的问题答清楚
价格、面积、地契、竣工日期、转让限制、离学校多远。买家不必打电话，答案都在页面上。
本地人怎么问，网站就怎么接
这里的买家宁可 WhatsApp 销售团队，也不愿等电邮，不少人更习惯马来文。网站就照这两点来做。
法定资料，一项不漏
马来西亚的房屋广告，必须列明发展商的执照、准证与批准资料，页面上为此留了专门的位置。
设计概念
网站就是看屋现场。
买家上网想做的事，和到现场一样：看屋子，走进去，比格局，验做工，问周边。页面就按这个次序安排。往下滑，就是往里走。
浏览路线
-
1
到场
花园名称与屋子，占满整个屏幕。
-
2
进门
一扇拱窗打开，街道就在眼前。
-
3
比较
两种屋型，放在一起比。
-
4
细看
先看近景，再读完整规格。
-
5
周边
学校、商店、大道，远近一目了然。
-
6
预约
发一则 WhatsApp，预约看屋。
灵感从何而来
环境
“Where the green hills of Bukit Jana meet the quiet streets of Kamunting”（大意：Bukit Jana 的青山，与甘文丁的宁静街巷相接之处）。全站配色由这句话而来：山丘的绿、柔和的灰绿、开阔的天空。
标志
一片叶子，叶中一道山丘线条。叶子的绿贯穿每一章；标志的线条圆润，整页也不见一处尖角。
屋子
屋顶低平修长。开场画面就围绕这条线构图，花园名称立在屋顶后方，远远就看得见。
设计风格
沉静温润，自有气度。
设计不张扬，靠的是深色调、古典字体和大片留白。
色彩
- 深青
#0A1D1D深色章节与页脚 - 青色
#10302F卡片与区块 - 灰绿
#E2E6D6正文章节 - 米白
#F3EFE4深底文字、柔和背景 - 苔绿
#5F8A63标题第二行 - 金色
#D4B15C价格、数字与按钮
金色刻意用得很省。一出现，不是值得细读的数字，就是下一步。
字体
KAMUNTING PUTRA
Cinzel · 花园名称Built simply, finished with care.
Marcellus · 标题与数字Single-storey homes among the green hills of Kamunting, minutes from Taiping.
Figtree · 正文与表格形状
拱形是这个页面的门。往下滑不久，您就从一扇拱窗穿过去；即将推出的各期，也都放在拱门里。
细节
买家要找的数字，放在深色卡片和淡金方块上，一路滑过也看得清楚。同样的方块，也用在路程线上。
节奏
- 到场
- 住宅区
- 屋型
- 细节
- 位置
- 分期
- 发展商
- 预约
深色章节营造气氛，浅色章节交代细节。上方色条就是整个页面，按实际比例画成。深浅交替，长页面才不沉闷。
逐章导览
一章一章看下去。
请您当一回买家，从头滑到底。亮起来的地方是重点，旁边写着为什么这样做。
第一眼就交代清楚
花园名称、屋子，底部一条资料栏，写明第 2A 期和起价，再加一个按钮。
用意 还没往下滑，买家已经知道这是什么、下一步该做什么。
重点都在四张卡片上
街景打开，关键数字跟着出现：单位数量、房间和浴室、地契、竣工日期。
用意 买家货比三家，看的就是这几个数字，不该让他们到处找。
两种屋型，一按切换
两张卡片，各列地段尺寸、起价与单位数量。按一下，图片、平面图和细节跟着换。
用意 在同一处比较，省得开两个页面。按下查询按钮，选定的屋型会自动带入表格。
规格，不再密密麻麻
结构、窗户、装修、配件，分成四组，一次只展开一组。
用意 有心买屋的人会逐项看，其他人一滑就过。
报距离，不堆形容词
一条线从住宅区出发，途经学校、邮局、警察局、商店、火车站和医院，直抵大道。地图就在下方。
用意 “什么都近”，谁都会说。“离学校 1.8 公里”，才教人相信。
为下一期留位
第 2B、2C、2D 期各有一道拱门和一个 Notify Me 按钮，一按就打开 WhatsApp，讯息里已写明是哪一期。
用意 第 2A 期还没决定的买家，也可以先留名，等下一期的消息。
填好表格，直通 WhatsApp
姓名、手机号码、屋型、方便的时间。按下按钮，WhatsApp 就打开，讯息已经写好，用的是访客选的语言。
用意 不必等电邮。销售团队在平日用的 WhatsApp 上，就收到所需资料。
一条资料栏，一个按钮
四个关键数字按一下切换一次只展开一组越滑越满
Notify Me 直达 WhatsApp打开 WhatsApp
动画效果
动画不是摆设。
以下视频录自正式上线的网站。每段动画都跟着手指走，快慢由访客自己决定。
01/03
暮色落在屋顶上
往下滑，花园名称沉入屋顶之后，屋子迎面而来，天色转入黄昏。
用意 一张静图，顿时有了家的气息，目光也从名称移到屋子上。
02/03
拱窗一开，街道在前
一扇小小的拱窗缓缓放大，直到占满屏幕，整条街道展现在眼前。
用意 这一刻，就是走进门的感觉。看屋的概念，一个动作就交代了。
03/03
公里数一站一站往上加
金线一站接一站画出，数字同时由 0 跳到 9.5 公里。
用意 一串地名，变成一段心里有数的车程。
手机版
为手机重新编排。
买家收到的链接，多半先在手机上打开，所以每一章都按小屏幕另行安排，不是缩小了事。
- 花园名称叠成两行大字
- Book a Viewing 按钮始终在手指够得着的地方，表格出现时自动让开
- 路程线改为由上而下，不再横向
幕后功夫
看不见的地方，更费功夫。
好看只是一半。另一半在这些细节里：买家用得顺，销售团队也省事。
WhatsApp 预约
表格替访客写好讯息：姓名、号码、屋型、方便的时间。
两种语言
英文、马来文随时切换。系统记得访客的选择，两种语言在 Google 上各有自己的网址。
为 Google 而设
页面以 Google 读得懂的格式，写明发展商、两种屋型、价格范围和常见问题。
广告资料，依规列明
执照、准证、批准与价格资料，完整列在页脚，符合房屋广告的规定。
买家常问
从地契到转让限制，买家最常问的问题，页面上都有答案。
该静时静
访客的设备若设定了减少动态，动画就会关掉，每一章照样清楚好读。
- 1
了解您的业务
卖什么，卖给谁，买家到场之前要知道什么。
- 2
文案撰写
把获批的销售资料整理成精简的章节，英巫双语。
- 3
设计与开发
先定配色、字体与拱形，再逐章做手机版和电脑版，最后加上动画。
- 4
SEO 与上线
设好网页标题、Google 所需的资料和双语版本，然后上线，并提供后续支援。
常见问题
您可能想问。
正在筹备新发展计划？欢迎 WhatsApp Ricky（+6011-1142 1029）详谈。
Potadot 为 Taman Kamunting Putra 做了什么？
我们定下构思，依获批的销售资料撰写文案，设计页面，开发英巫双语网站，并完成 SEO 设定与 WhatsApp 预约功能。
为什么只做一个长页面？
住宅计划网站的目的只有一个：让买家预约看屋。页面次序分明，买家不会迷路；菜单也可以直接跳到每一章。
手机上也看得到动画吗？
看得到。每段动画都为小屏幕调整过。设备若设定了减少动态，动画就会关掉，每一章照样清楚好读。
我的发展计划也能这样做吗？
可以。每个网站都依客户的计划和买家量身定做，样子各有不同，思路却是一贯的。不妨把您的计划告诉我们，我们再给您具体建议。
