把不寻常的概念讲清楚
欧式概念放在柔佛的传统社区里，第一次来的访客可能会觉得新奇。网站要让这份不同成为访客想多看一眼的理由。
Savanna Hill Resort酒店业 · 度假村网站
欧式版面四周长出热带草木。
这是柔佛乌鲁地南欧式概念度假村 Savanna Hill Resort 的网站。度假村的标语是“Truly Different Within a Traditional Neighbourhood”（大意：传统社区里真正与众不同的地方）。页面让人一眼看懂这句标语：中间的版面整整齐齐，热带植物从两旁伸进来。
概要
Savanna Hill Resort 是位于乌鲁地南双溪地南的欧式概念度假村，离新山市中心 27 公里。Potadot 为度假村设计并开发英文网站。首页把深酒红色的卡片和衬线标题铺在纸张质感的底色上，再让棕榈叶、龟背竹和大红花从边缘伸进来。预订栏、四个大数字、五种住宿和四种体验各有自己的位置，筹备婚礼的新人和安排校外活动的老师都找得到要看的内容。
客户
这家柔佛度假村接待婚礼、企业和学校团体。
Savanna Hill Resort 位于乌鲁地南的双溪地南，是一处传统社区，离新山市中心 27 公里。度假村以欧式概念为特色，洋房分别以荷兰、英国、瑞士和法国为主题。
住宿选择有酒店客房、洋房、导师客房、宿舍和 Dallas Suites Hostel。网站也介绍休闲活动、婚礼、会议与活动，以及餐饮。
- 98
- 酒店客房
- 4
- 洋房
- 53
- 导师客房容纳量
- 1096
- 旅舍容纳量
客户所托
同一个首页要接待新娘，也要接待校车。
新人、公司和老师打开的是同一个页面，心里的问题却各不相同。页面要把度假村介绍一次，再把每个人带到该去的地方。
每位客人都有入口
酒店客房、主题洋房、宿舍和旅舍都在同一处。不同的客人要很快找到自己要的那一种。
规模一看就懂
安排团体的人先要知道住不住得下。这几个数字要放在容易找到的地方。
随时找得到人
婚礼和团体住宿，通常要先谈一谈。电话号码、WhatsApp 和表格都要放在顺手的地方。
设计概念
柔佛的枝叶爬上欧式的框架。
度假村的标语讲的是传统社区里的一份不同，页面也照这个意思来做。设计出来的部分都很规整：徽章、衬线标题、深酒红卡片、笔直的排列。长出来的部分则从旁边伸进来：棕榈叶、龟背竹、大红花。所以页面看起来就像度假村说的那样：欧式的构想井井有条，热带草木从四周靠过来。
浏览路线
-
1
抵达
酒店大楼占满屏幕，一旁是棕榈叶。
-
2
选日期
开场画面下方就是预订栏。
-
3
看规模
四个数字，卡片高低错落。
-
4
选住宿
五种住宿排成一行，左右滑动。
-
5
选体验
四种体验，各有一句 Truly。
-
6
联络
六个电话号码、一份表格和一张地图。
灵感从何而来
标语
“Truly Different Within a Traditional Neighbourhood”（大意：传统社区里真正与众不同的地方）。这句标语说了两件事，页面让两者各有各的样子。Truly 这个词也一路出现：Truly Relaxing、Truly Inspiring、Truly Memorable、Truly Enjoyable。
徽章
标志是一枚端正的徽章，边角呈阶梯状，名称用手写体。页面规整的一面由此而来：衬线字体、深酒红，还有圆角整齐的卡片。
清晨
网站这样描写早晨：鸟鸣、树叶沙沙作响、阳光穿过树梢。于是边缘都交给真实的植物，剪裁下来，放在纸张质感的底色上。
设计风格
深酒红配纸白，再让草木长上去。
颜色用得少，也很端正。植物的绿、红、橙才显得出来。
色彩
- 纸白
#F9F9F8带纹理的页面底色 - 米白
#FBF6F2区块与卡片说明 - 深酒红
#370401数字卡片、预订栏、菜单、标题 - 白色
#FFFFFF按钮与表格卡片 - 叶绿
#1B4A20标题上方的小标签 - 淡黄
#F7EAC2菜单里当前所在的页面
版面上的绿色只留给小标签，因为植物已经带来足够的绿。
字体
Truly Different
Lora · 标题与大数字Exclusive Offers
Lato · 标签与正文Spacious and comfortable, they’re ideal for larger groups.
Roboto · 住宿卡片与按钮越过框架的叶子
这个手法在整个页面反复出现。棕榈叶垂过柔和的纸边，落在预订栏的一角。再往下，其他植物在米白区块和深色照片带旁也是这样。
细节
一条细细的深酒红线从照片往下，把文字围起来。从酒店客房到旅舍，差别很大的住宿因此看起来是一家人。
节奏
- 抵达
- 住宿
- 优惠
- 体验
- 联络
- 资料
- ·
三段深色照片带隔开大片的纸白，每段都有柔和的弧形边，页面看起来像手工裁出来的。上方色条按实际次序和比例画成，最后那条细带是页脚。
逐章导览
跟着植物往下看。
请您当一回客人，从酒店照片一路滑到电话号码。每个亮起来的地方都是一项设计决定，旁边写着这样安排的原因。
第一眼就看懂概念
酒店大楼占满屏幕，上面压了一层深色，再放上“Truly Different Within a Traditional Neighbourhood”这句标语和一个 Learn More 按钮。棕榈叶从左边伸进来。
用意 笔直端正的大楼，配上舒展的热带枝叶。访客还没读标语，已经看出两者的对比。
接着是日期
开场画面正下方是一条深酒红的预订栏，有入住、退房、人数、优惠码和 Find Room 按钮。
用意 回头客不必再听一遍介绍。熟悉度假村的人，可以直接从日期开始。
高低错落的四个数字
酒店客房、洋房、导师客房容纳量和旅舍容纳量，写在四张深酒红卡片上。卡片一高一低，不排成直线。
用意 安排团体的人想先看这些数字。高低错落的排法，让一排数字不显得枯燥。
五种住宿排成一行
在标题为 Truly Relaxing 的米白区块里，一排卡片自动滑动，一次显示三张，两端有箭头。Hotel Rooms、Bungalows、Trainer Rooms、Dormitories 和 Dallas Suites Hostel 都链接到各自的页面。
用意 宿舍和主题洋房是很不一样的住宿。用同一款卡片，说明两者都是度假村的一部分，客人也能直接找到自己要的那一种。
一张刻意斜放的照片
整个首页只有优惠区这张照片是斜放的。照片衬着白色纸边，旁边是一段简短说明和一个 Learn More 按钮。
用意 优惠很容易一滑就过。斜放的照片和周围都不一样，目光自然停下来。
四张卡片都从 Truly 说起
Experience 这一章有四张大照片卡片：Leisure 是 Truly Exhilarating，Wedding 是 Truly Inspiring，Meetings & Event 是 Truly Memorable，Dining 是 Truly Enjoyable。每张都通往各自的页面。
用意 同一个词，按客人的来意换一个结尾。婚礼照片和小朋友的舞台表演摆在同一组卡片里，靠 Truly 这个词串起来。
有名有姓的联络人
表格下方的一张卡片，列出地址、前台电话、五位销售人员的名字、两个电邮、四个社交媒体链接和一张地图。
用意 婚礼和团体住宿，很少只靠一份表格谈定。号码旁边有个名字，第一通电话就容易打得多。
端正的大楼，舒展的棕榈先选日期四个数字同一款卡片，五种住宿
唯一斜放的照片四句 Truly名字与号码
手机版
植物也跟着到了手机上。
手机上各章排成一列，叶子照样从边缘伸进来，小屏幕上也看得出这个概念。
- 徽章移到顶栏正中，旁边是菜单按钮
- 预订栏改成一格一行，Find Room 在最下方
- WhatsApp 按钮一直留在屏幕一角
幕后功夫
枝叶后面的功夫。
植物最先被看见。这些细节让客人找对页面，也找对人。
每种住宿一个页面
Hotel Rooms、Bungalows、Trainer Rooms、Dormitories 和 Dallas Suites Hostel 各有页面，都列在菜单的 Accommodation 下。
每种场合一个页面
Leisure、Wedding、Meetings & Event 和 Dining 各有页面，列在 Experience 下，另有 Exclusive Offers 和 Gallery。
屏幕一角的 WhatsApp
圆形按钮一直留在屏幕上，按一下就打开与度假村的 WhatsApp 对话，第一句讯息已经写好。
页脚就是联络处
表格和联络卡片都放在页脚，从 Gallery 到 Dormitories，每一页的最后都找得到。
地图与路线
联络卡片里有一张 Google Maps 地图，网站也有链接通往 Google Maps 路线。
为 Google 而设
页面以 Google 读得懂的格式，写明机构、网站和页面在全站的位置。
- 1
了解您的业务
谁会来 Savanna Hill 住，从新人到学校团体，每一类客人最先要找什么。
- 2
文案撰写
把住宿、优惠和体验整理成精简的章节，Truly 这个词贯穿其中。
- 3
设计与开发
先定深酒红和纸白，再放上各处的植物，最后逐章做手机版和电脑版。
- 4
SEO 与上线
设好 Google 所需的网站资料，每种住宿和体验各有页面，然后上线，并提供后续支援。
常见问题
您可能想问。
经营酒店或度假村？欢迎 WhatsApp Ricky（+6011-1142 1029）详谈。
Potadot 为 Savanna Hill Resort 做了什么？
我们定下构思，整理文案，设计页面，开发英文网站，并完成 SEO 设定。
为什么每一章都有植物？
度假村的标语讲的是传统社区里的一份不同。植物把这个社区带到页面上。每章的植物各不相同，也带着目光一路往下。
一个首页怎样照顾这么不同的客人？
先把度假村介绍一次，再让客人各走各的路。住宿和体验各有卡片和页面，新人和老师都能直接找到要看的内容。
我的酒店或度假村也能这样做吗？
可以。这个网站的构思来自度假村的标语和清晨的景色，您的网站也会从您自己的酒店或度假村找起。欢迎把您的情况告诉我们，我们再给您具体建议。
