Clover Home 官网样本:3 个方向

3 个都可以直接点击试用:选日期、筛选房源、看详情、生成 WhatsApp 询价。房源是 Clover Home 现有的 43 间,名字、评分和房型来自现有官网。

建议选 A。它最接近 Feel Home,客人进来就能查日期,现有的 512px 小图也最不影响效果。如果更在意“第一眼的高级感”,选 B,但要先提供高清原图。

A 清爽家庭 推荐

参考 Feel Home:淡化实景背景、斜体双色标题、胶囊导航、自动轮播,并补上日期搜索和价格。

打开样本 A
样本 A 电脑版首屏 样本 A 手机版首屏

B 高原度假

参考 Plum Guide:全屏风景、大号衬线标题、大量留白、细分隔线,看起来最高级。

打开样本 B
样本 B 电脑版首屏 样本 B 手机版首屏

C 亲子选房

参考 Postcard Cabins:先问“几个人来”,马上显示合适的房源,最不会让人不知从何开始。

打开样本 C
样本 C 电脑版首屏 样本 C 手机版首屏

3 个方向怎么不同

A 清爽家庭B 高原度假C 亲子选房
第一步选日期和人数看风景,再选日期点人数
背景白底,每段铺淡化实景图,上下渐隐(Feel Home 做法)全屏风景 + 石灰白底,大量留白(Plum Guide 做法)白底 + 暖黄色块,图文分屏卡片(Postcard 做法)
字体Poppins,标题斜体双色Cormorant 大号衬线 + FigtreeYoung Serif 圆润衬线 + Nunito Sans
滑动导航滚动后贴顶,房源横向滑动,每 3 秒自动换风景带视差滚动,横向滑动不自动换选项卡切换,下划线跟着滑动
动态主图 6.5 秒淡入切换,内容 0.7 秒上浮主图缓慢推近,图片由上而下揭开数字滚动,卡片轻微弹起,照片悬停散开
适合家庭客,最稳妥想提高房价和品牌感第一次来、人数多的团体
风险风格不算独特需要高清原图,低清图会露馅偏活泼,高级感较弱

哪些是真的,哪些是示例

内容状态
房源43 间,评分、房型和卫浴来自现有官网。Emerald 30 间,Palas 13 间。名字略作整理,暂时去掉了卡通品牌名
人数按“床数 × 2”推算,和现有房源标题里的 10 Pax、12 Pax 吻合,上线前逐间确认
照片房源图来自现有官网,只有 512px。4 间原图已失效,显示“照片准备中”。详情页图库暂用同楼盘其它房间。风景图来自 Unsplash。部分房间照片里有卡通人物,大力推广前要确认版权
价格和日历示例。价格参考现有海报上的 RM300 至 RM350,周五、周六加 RM60
Logo暂用三叶草图标,上线时换成真实 Logo
WhatsApp号码是现有的 +60 17-883 9364。打开后要手动按发送,样本不会自动发出消息