一家度假型精品酒店，旧站房型只有小图缩略，预订要跳转 OTA。我们用沉浸式大图房型展示配合直连预订日历，绕开 OTA 抽成，直销预订占比提升至 58%。
背景 · OTA 依赖
BACKGROUND
这家精品度假酒店有 8 种房型，从山景房到私汤别墅。旧官网房型页用 240×160 的小缩略图展示，每张图配一段设施清单式的文字。预订按钮全部跳转到携程与美团，每单被抽成 15%。酒店自营的官网预订入口藏在页脚，几乎没人用。
问题本质是：客人在 OTA 上看到的是 OTA 的卡片样式，记不住酒店品牌；而官网房型又小又难看，客人也不愿在官网上预订。我们决定把房型展示和直连预订一起重做，让官网成为客人愿意停留与决策的地方。
决策 · 沉浸式房型
IMMERSIVE ROOM
我们把房型页改成沉浸式大图：每个房型占一屏，全宽大图占据 70% 视口高度，房型名、面积、景观一句话浮在图上。访客向下滚动时，房型像翻杂志一样一屏一屏展开，配合视差效果让画面有空间感。设施清单从主图移到下方折叠区，让首屏只留"想住进去"的氛围。
关键设计是"景观标签"：每个房型在图上标注"山景""湖景""私汤""星空"，因为度假客最在意的不是床的尺寸而是窗外。这四个词比任何设施描述都有说服力。配合大图，房型页平均停留时间从 40 秒涨到 2 分 10 秒，这是后续转化的前提。
落地 · 直连预订
DIRECT BOOKING
预订日历从独立页面嵌进房型页右侧，访客看完房型大图，眼睛不用离开屏幕就能选入住日期。日历与酒店房态系统打通，实时显示某房型在某日期是否可订，避免"选了才发现满房"的挫败。价格直接显示"官网直订价"，并标注"比 OTA 便宜 XX"，用真实差价说服客人留在官网。
关键钩子是"直订权益"：官网直订赠送 OTA 没有的早餐与延迟退房，这部分成本远低于 OTA 抽成。我们把这两个权益用图标固定在日历旁，让客人看到"不只便宜，还多送"。这个组合让直销预订占比从 12% 提升到 58%，一年省下的 OTA 抽成相当于多开了三个月的旺季。
酒店直销的本质，是让官网比 OTA 更值得停留。
每房型占一屏全宽大图，设施清单折叠到下方，首屏只留"想住进去"的氛围。
房型标注山景、湖景、私汤、星空，直击度假客在意的窗外，比设施描述更有说服力。
预订日历嵌入房型页右侧，看完大图即可选日期，实时房态避免选后才发现满房。
官网直订赠早餐与延迟退房，用 OTA 没有的权益说服客人留下，成本远低于抽成。
新版上线六个月后的关键指标，来自酒店 PMS 与官网预订后台的合并数据。
