3 个都可以直接点击试用:选日期、筛选房源、看详情、生成 WhatsApp 询价。房源是 Clover Home 现有的 43 间,名字、评分和房型来自现有官网。
参考 Feel Home:淡化实景背景、斜体双色标题、胶囊导航、自动轮播,并补上日期搜索和价格。
参考 Plum Guide:全屏风景、大号衬线标题、大量留白、细分隔线,看起来最高级。
参考 Postcard Cabins:先问“几个人来”,马上显示合适的房源,最不会让人不知从何开始。
| A 清爽家庭 | B 高原度假 | C 亲子选房 | |
|---|---|---|---|
| 第一步 | 选日期和人数 | 看风景,再选日期 | 点人数 |
| 背景 | 白底,每段铺淡化实景图,上下渐隐(Feel Home 做法) | 全屏风景 + 石灰白底,大量留白(Plum Guide 做法) | 白底 + 暖黄色块,图文分屏卡片(Postcard 做法) |
| 字体 | Poppins,标题斜体双色 | Cormorant 大号衬线 + Figtree | Young 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 |
| 号码是现有的 +60 17-883 9364。打开后要手动按发送,样本不会自动发出消息 |