让人看见公司看重什么
Evergreen Mansion 看重住得舒服、用得实际，以及邻里之间的归属感。这些要用画面表现出来，光靠文字说还不够。
Evergreen Mansion房地产 · 发展商网站
发展商的网站从客厅说起。
这是槟城发展商 Evergreen Mansion Sdn Bhd 的网站。访客看到发展计划之前，先看到一家人在家里的日常。
概要
Evergreen Mansion Sdn Bhd 是马来西亚房地产发展商，办公室设在槟城 Simpang Ampat。Potadot 为这家公司设计并开发英文网站，设有公司介绍、发展计划、Sunrise Terraces 和联络页面。首页由几幕全屏画面组成：沙发上的一家人，草地上的一家人，粉红天空下的排屋，公司的四项核心价值，最后是走在桥上的一家人。
客户
这家槟城发展商开口先谈日常生活。
Evergreen Mansion Sdn Bhd 发展住宅和商业空间，业务尤其集中在北马，办公室设在 Simpang Ampat。公司介绍页写明，至今已交付逾千间屋子，也曾以关联公司名义发展数个主要计划。
网站目前展示的发展计划是高渊（Nibong Tebal）的 Sunrise Terraces，共 137 间双层排屋，属永久地契。公司对目标说得很实在：屋子要实用，设计要周到，适合一家人天天住。
- 1,000+
- 已交付屋子（网站所载）
- 137
- Sunrise Terraces 的双层排屋
- 2
- 物业类型：住宅、商业空间
- 4
- 首页列出的核心价值
客户所托
买家要先认识这家公司。
网站目前列出的发展计划是 Sunrise Terraces，买家自然也想知道背后是一家什么样的公司。网站要把 Evergreen Mansion 介绍清楚，带访客看到发展计划，也要让人很容易联络得上。
几步就到发展计划
为屋子而来的访客，几步之内就能来到 Sunrise Terraces，平面图和规格都在同一页。
每种联络方式都有位置
WhatsApp、电话、电邮和表格都要放在容易找到的地方。有人问现有或即将推出的发展计划，有人谈合作，也有人只想了解公司。
看得清背后的公司
SSM 注册号码、办公室地址和联络资料都要容易找到。买家快要做决定时，一定会查这些资料。
设计概念
先看生活，再看屋子。
Evergreen Mansion 说，公司要建的是贴合日常生活的家和空间，所以首页就从日常生活开始。访客先来到沙发旁，再走到屋外的草地，然后才看到整排屋子。走到这一步，这排屋子在访客眼里已经是一个家。
浏览路线
-
1
沙发旁
一家人占满开场画面。
-
2
草地上
画面来到户外，公司开始自我介绍。
-
3
街道边
Sunrise Terraces 在粉红色的天空下出现。
-
4
四项价值
深蓝卡片写着公司的价值。
-
5
桥上
一家人往前走，网站请访客联络。
-
6
联络
联络页面上的简短表格。
灵感从何而来
公司自己的话
公司介绍页写着 “homes and spaces that support everyday living”，大意是贴合日常生活的家和空间。首页的次序就照这句话来：生活排在最前面。
结尾那句话
“Creating Spaces Where People Live, Work & Grow.” 大意是让人生活、工作和成长的空间。首页照着这句话走，从客厅到孩子奔跑的草地，再到前方有城市高楼的桥上。
公司标志
细蓝线条画成的高楼，旁边是一个厚重的 M。卡片、标题和页脚横条用的深蓝与 M 的颜色相近，这是网站在照片之外加上的唯一品牌色。
设计风格
安静的版面衬着一家人的照片。
气氛交给照片，其他地方都保持平静：全站只用一种字体和一种品牌色，每一幕的标题都放在左下方。
色彩
- 白色
#FFFFFF阅读区块和照片上的文字 - 深蓝
#00335D价值卡片、标题和页脚横条 - 黑色
#000000页脚文字 - WhatsApp 绿
#25D366只用在聊天按钮
这些比例没有计入照片，而照片占了首页的大部分。暖意全由照片带来，设计本身只需要深蓝和白色。
字体
Creating Spaces Where People Live, Work & Grow.
Montserrat · 照片上的标题，字重 400Delivery Excellence & Customer Care
Montserrat · 卡片标题，字重 500Evergreen Mansion Sdn Bhd is a Malaysia-based property developer focused on practical, well-designed homes built for everyday living.
Montserrat · 正文，字重 400一幕盖过一幕
每一幕都停住不动，下一幕从下方滑上来盖过去。有那么一刻，两幕同时留在屏幕上，往下滑就像从一个地方走到另一个地方。
细节
连续三幕全屏照片之后，四张深蓝卡片换了一种节奏。每张只有图标、标题和一句话，几秒钟就能读完公司的价值。
节奏
- 沙发
- 草地
- 排屋
- 价值
- 桥上
- 页脚
上面的色条就是真实的首页，按电脑版比例绘制。每张照片刚好占满一个屏幕，价值区块是全页专门留给阅读的地方。
逐章导览
跟着网站一幕一幕看下去。
这里按次序看完首页，中途也看看首页连到的两个页面。框出的位置是看点，旁边的说明讲明用意。
开场是一家人
开场画面是一家人在家里：两个孩子在地上画画，父母在沙发上。全屏只有一句标题 “Built for Modern Living”，放在左下方。
用意 买屋是为了住。网站先讲这件事，然后才介绍公司。
第二幕公司才开口
画面来到草地，一家人带着小狗奔跑。一小段文字说明 Evergreen Mansion 是什么样的公司，旁边的圆形按钮 View Details 通往公司介绍页。
用意 画面已经交代了公司在做什么，这时读介绍更容易明白。
第三幕才见到屋子
到这里建筑才占满屏幕：粉红天空下的 Sunrise Terraces，一长排双层排屋。文字只有 Our Projects，另有圆形按钮 View Projects 通往发展计划页面。
用意 屋子在这里第一次占满屏幕，所以两个词就够了。
从效果图看到地段图
Sunrise Terraces 有自己的页面，详细列出规格、位置图、平面图，以及标好全部 137 个单位编号的地段图。
用意 效果图引起兴趣，地段图接着回答买家的下一个问题：每间屋子在哪里。
四项价值换一种节奏
照片在这里暂停，换成白色区块。四张深蓝卡片分别写着 Vision & Purpose、Brand Positioning、Commitment to Quality 和 Delivery Excellence & Customer Care。
用意 卡片写的是买家对发展商最在意的几件事：品质、准时交屋和售后服务。版面简单，访客自然会放慢下来读一读。
最后一幕望向前方
首页以走在桥上的一家人收尾，前方是城市高楼，配上公司那句关于生活、工作和成长的话。圆形按钮 Contact Us 就在这句话和一小段结语之间。
用意 一家人朝着高楼走去，首页就停在往后的日子上，这时请访客联络正合适。
绿色街区上的简短表格
联络页面只问四件事：姓名、联络号码、电邮和留言。表格放在绿树成荫的住宅区航拍照上，同一页还有地址、地图、电话和电邮。
用意 四个栏位填起来不费事，这张照片也让访客继续想着家。
全屏只有这一句一段话介绍公司两个词和一个按钮
每个单位都有编号四张卡片各讲一件事先读这句话，再按按钮四个栏位和一个按钮
手机版
每一幕都为手机重新取景。
手机屏幕又窄又长，放不下宽阔的客厅，所以一家人的画面都裁到靠近人物。标题留在屏幕下方，靠近拇指。
- 开场画面靠近正在画画的两个孩子
- 介绍文字从旁边移到标题下方
- 四张价值卡片排成一列
幕后功夫
照片背后还有这些功夫。
大照片吸引目光。买家要查的资料、公司要接的查询，都靠这些细节。
WhatsApp 留在角落
绿色按钮固定在屏幕角落，按一下就能和公司对话，问候语已经写好。
每页都有公司资料
页脚写明 SSM 注册号码、办公室地址、电话和电邮，买家查证起来很方便。
发展计划有专属页面
Sunrise Terraces 有自己的页面，列出规格、位置图、地段图、平面图和图库。
简单的联络表格
姓名、联络号码、电邮和留言，并用 reCAPTCHA 挡住垃圾讯息。
上门也容易找
联络页面在 Google 地图上标出办公室，页脚的地址也链接到 Google Maps。
做好 SEO 设定
每个页面都有自己的标题，网站也用 Google 读得懂的格式说明公司资料。
- 1
了解您的业务
Evergreen Mansion 看重什么，谁在买这些屋子，一家人想知道发展商的哪些事。
- 2
文案撰写
我们为每一幕写好短句，再整理 Sunrise Terraces 的资料，让每一项都容易找到。
- 3
设计与开发
先定深蓝色、Montserrat 字体和一幕盖过一幕的做法，再逐页做好手机版和电脑版。
- 4
SEO 与上线
设好网页标题和给 Google 读取的公司资料，然后上线，并提供后续支援。
常见问题
您可能想问。
除了发展计划，也想让买家认识您的公司？欢迎 WhatsApp Ricky（+6011-1142 1029）详谈。
Potadot 为 Evergreen Mansion 做了什么？
我们负责构思、文案、页面设计和网站开发，其中包括 Sunrise Terraces 页面、联络表格和 SEO 设定。
发展商的网站为什么先放一家人，而不放建筑？
大家买屋，为的是在里面过日子。Evergreen Mansion 讲的正是日常生活，所以首页先呈现生活，等访客有了兴趣，再让屋子出场。
以后推出新发展计划，网站可以扩充吗？
可以。Sunrise Terraces 在 Our Projects 下有自己的页面，新的发展计划可以照样加进去，网站不必重新设计。
你们也能为我的公司做类似的网站吗？
可以。每个网站都依客户的公司和买家量身定做，构思和样子各有不同。欢迎告诉我们您的发展计划，我们会说明打算怎么做。
