把规格写清楚
屋型、地契、单位数量、土地面积、建筑面积、房间和后院。买家会拿这些资料比较不同的发展计划，所以每一项都要单独成行。
Sunrise Terraces房地产 · 住宅计划网页
这一页从市镇地图一路看到主人房。
Sunrise Terraces 是 Evergreen Mansion Sdn Bhd 在槟城高渊的住宅计划，共 137 间双层排屋。访客往下滑，看到的范围一段比一段近：先是市镇，再到住宅区，最后来到房间。
概要
Sunrise Terraces 是 Evergreen Mansion Sdn Bhd 在槟城高渊的住宅计划。这一页放在发展商网站的 Our Projects 之下，整个网站由 Potadot 以英文设计和开发。网页先用一张全屏图片和一份规格表开场，接着一步步靠近：区域位置图、整个住宅区的地段图、一间屋子的平面图，最后是图库和公司资料。
客户
高渊这个住宅计划共有 137 间排屋。
Sunrise Terraces 由 Evergreen Mansion Sdn Bhd 发展，公司办公室设在槟城 Simpang Ampat。这个住宅计划位于高渊，共有 137 间双层排屋，属永久地契。
每间屋子的土地面积为 20′ × 41.5′，建筑面积 1,660 平方尺，设四间卧室、三间浴室和 10 英尺后院。地段图上还标出祈祷室用地、儿童游乐场、休憩空地，以及留作未来发展的区域。
- 137
- 单位
- 4 + 3
- 卧室和浴室
- 1,660
- 平方尺建筑面积
- 20′ × 41.5′
- 土地面积
客户所托
买家想亲自把细节查清楚。
打开这一页的人，是专程来看这个发展计划的。他们想知道屋子的规格、所在地点、每个地段的位置和屋内格局。这些资料不必打电话，在网页上就要查得到。
说明地点
外地买家未必熟悉高渊。网页要把这个住宅区放在周围的市镇、道路和州界之间，让人一看就有方向。
讲清楚住宅区和屋子
同一片地上有 137 间屋子，买家要先在图上找到每个地段，再看清楚两层楼的房间怎样安排。
交代由谁来建
图纸说明要建什么，却说不出由谁负责。网页要写明公司名称、SSM 注册号码和办公室地址，而且和图纸放在同一页。
设计概念
一段比一段更靠近屋子。
买家越有兴趣，问题就越具体：在哪里，在住宅区的哪个位置，屋里是什么样子。这一页就按这个次序回答。看过一张图片和基本规格之后，每一段都比上一段靠得更近，从区域位置图到地段图，再到房间。往下滑，就是一步步走近这间屋子。
浏览路线
-
1
街道
暮色中的排屋占满屏幕。
-
2
规格
屋型、地契、面积和房间，每项一行。
-
3
市镇
一张专门绘制的位置图。
-
4
住宅区
每个地段都有编号，从 1 到 137。
-
5
房间
两层楼的平面图，空屋和配好家具的屋子并排。
-
6
图库
一张平面图和两张屋子外观图。
灵感从何而来
发展计划的图纸
位置图、地段图和平面图是买家最需要细看的资料。网页就围绕这些图纸来安排，文字保持简短。
开场图片
深蓝屋瓦映着粉红的傍晚天空。下方白色区块的标题和标签，用的也是相近的深蓝。
发展计划的标记
深褐色地图标记里，字母 ST 上方有一轮初升的太阳。这是图上颜色最深的标记，目光自然先找到住宅区。
设计风格
白底留给需要细看的图纸。
位置图和平面图上有细线、小数字和图纸本身的颜色。白色区块、深蓝标题和一道黑色细线衬着图纸，看起来清清楚楚。
色彩
- 白色
#FFFFFF每张图纸后面的底色 - 深蓝
#00335D标题、标签和页脚横条 - 黑色
#000000正文和细线 - 铁锈色
#BC5B27位置图上的图标 - 深褐
#60291C位置图上的发展计划标记 - WhatsApp 绿
#25D366只用在聊天按钮
这些比例是平面颜色的估算，没有计入照片和地段图的绿色。铁锈色和深褐只出现在位置图里。网页本身只用白、深蓝和黑，再加上绿色的聊天按钮。
字体
Your Peaceful Urban Retreat
Montserrat · 区块标题，字重 400No. of units : 137 units
Montserrat · 规格文字，字重 500Each residence at Sunrise Terraces is thoughtfully crafted with a modern layout that emphasizes open spaces, natural light, and functional design.
Montserrat · 正文，字重 400同一层楼画两次
每层楼都画成并排的两间屋子。一间是空屋，写着房间名称和尺寸。另一间配好家具，有床和饭桌，屋前还停着车。
细节
规格表每一行都是深蓝标签、冒号和黑色内容。所有冒号对齐成一列，目光可以顺着往下看。
节奏
- 街道
- 规格
- 市镇
- 住宅区
- 房间
- 图库
- 桥上
- 页脚
上面的色条就是真实的网页，按电脑版比例绘制。开头是一张照片，页脚之前又是一张，中间一长段白色区块放着所有图纸。
逐章导览
跟着网页一步步走近。
这里按买家阅读的次序，从上到下看完这一页。每一站标出网页的一个部分，再说明为什么这样安排。
先看最远的画面
开场画面是暮色中的屋子，一长排沿着街道延伸。除了标志和菜单，画面上只有一句 “Welcome to Sunrise Terraces”。
用意 接下来都是图纸和数字。这张图片先让访客知道，这些图纸画的是什么样的屋子。
规格集中在一处
图片留在原位，白色区块从下方滑上来盖过去。标题和简介放在一条细线上方，线下是屋子的正面图，旁边就是规格表。
用意 买家一边看屋子，一边读规格，不必来回滑动。
住宅区周围的市镇
这张绘制的位置图用发展计划自己的标记标出住宅区，就在高渊和巴里文打之间。图上只留主要道路、南北大道、铁路、吉辇河和州界，再用小图标标出学校、商店和医院等地点。
用意 绘制的地图可以略去买家用不上的资料。住宅区和周围环境一眼就看得明白。
整个住宅区的地段
再靠近一层，地段图展示整体布局。每个地段从 1 编到 137，沿着规划中的 40 英尺道路排开，图上还有祈祷室用地、儿童游乐场、休憩空地和标明 Future Development 的区域。按一下图纸就会放大。
用意 有了编号，买家和发展商说的就是同一个位置。第 92 号对双方都是同一个地段。
来到屋内
底层和一楼的平面图并排，每层都是一间空屋配一间配好家具的屋子。空屋写明尺寸和房间名称：楼下有客厅、饭厅、厨房和 Bedroom 4，楼上有主人房、另外两间卧室和家庭厅。
用意 空屋的一边看得出房间有多大。配好家具的一边，让一家人想象住进去的样子。
回到图片
看完图纸，图库再放上一张平面图、一张日间正面图和一张傍晚街景。主图两旁露出相邻的图片，左右各有一个箭头。
用意 访客已经在图纸上看过房间和地段，这时再看图片，就更有体会。
由谁来建
圆形按钮 Contact Us 通往联络页面。按钮下方的页脚写明 SSM 注册号码、Simpang Ampat 的办公室地址、电话、电邮和 Facebook 链接。
用意 看完图纸，买家接着想知道由谁来建。不必离开这一页，就能查到。
画面上只有名称图片和规格并排住宅区和周围环境第 1 至 137 号地段空屋和配好家具的屋子一张平面图，两张外观图
公司资料和联络方式
手机版
手机版按同样的次序排成一列。
在手机上，各个区块保持原来的次序，排成一列，从市镇走到房间的思路不变。下面都是正式网站在手机宽度下的画面。
- 发展计划名称留在开场图片的下方
- 每项规格的标签都在内容上方
- 两张平面图依然并排
幕后功夫
这些细节帮买家看得更清楚。
图纸要看得清楚，看完也要知道下一步怎么做。这几处细节就是为此而设。
图纸可以放大
位置图、地段图、平面图和图库的图片，按一下就放大显示。看图时还有放大和全屏按钮，方便细看地段编号。
问候语已经写好
在电脑版上，绿色 WhatsApp 按钮一直留在角落。按一下就打开与公司的对话，第一句话已经备好，可以直接发送。
专属的网页
Sunrise Terraces 在 Our Projects 之下有自己的网址，可以直接分享。这一页有自己的标题，也用 Google 读得懂的格式标明在网站里的位置。
- 1
了解您的业务
Evergreen Mansion 在高渊要建什么，买家询问之前想先查清楚哪些事。
- 2
文案撰写
我们把发展计划的资料整理成一行行规格和简短段落，每个区块一组。
- 3
设计与开发
各个区块都按图纸来安排，白底配深蓝标题，字体用 Montserrat。
- 4
SEO 与上线
为这一页设好 Our Projects 之下的网址、标题和网页路径资料，然后上线。
常见问题
您可能想问。
手上有图纸，还没有合适的网页？欢迎 WhatsApp Ricky（+6011-1142 1029）详谈。
Potadot 为 Sunrise Terraces 做了什么？
我们规划这一页的次序，撰写文案，再完成设计和开发。这一页是 Evergreen Mansion 网站的一部分。
为什么位置图排在平面图前面？
大多数人想先知道屋子在哪里，然后才关心房间。从市镇到住宅区再到屋子，正好是买家提问的次序。
这是一个独立的网站吗？
这是 Evergreen Mansion 网站里的一页，放在 Our Projects 之下，有自己的网址和标题。发展商可以把链接直接发给买家。
我的发展计划也能做这样的网页吗？
可以。只要有地段图、平面图和基本规格，我们就能着手。次序和外观都按您的发展计划来定。请把手上的资料发给我们，我们再说明会怎样安排。
