Strategy & Design

返回顶部

Work

Web作品

大理风雅颂苍洱眼酒店风雅颂

大理风雅颂·苍洱眼高端海景酒店官网与预订系统一体化项目。三语(中/英/日)全站内容管理,客房 VR 展示、SPA/餐厅/婚礼场景化预订,与 PMS 管理系统双向库存打通,上线 6 个月 OTA 外的直订占比从 6% 提升至 31%。

客户
风雅颂
技术栈
Next.js 14 Internationalized Routing, React 18, TailwindCSS 3, Headless CMS (Strapi 5), PostgreSQL 16, Cloudflare R2 图床, Stripe 预订支付, 微信小程序订房, Algolia 酒店多条件筛选, Google Maps + Ctrip 接口
类别
多语言网站,响应式设计,Web

项目背景

风雅颂·苍洱眼是位于大理洱海西岸的 40 间客房高端精品度假酒店。此前 90% 订单来自携程 / 美团 / Booking 等 OTA 渠道,佣金率高达 18%-25%;原官网仅 4 个静态页,无法直订,内容更新需找外包。

建设目标

  • 提升"官网直订"占比,降低对 OTA 依赖;直订转化率目标 ≥1.5%。
  • 建设多语言内容站,承接海外客源;尤其日本与东南亚入境游客群。
  • 打通酒管 PMS,房态、房价、订单同步,避免超售与人工维护。

交付内容

全案交付包含:多语言品牌官网、客房与餐饮详情、VR 云旅居、活动与婚礼场景页、会员中心、直订支付系统、微信小程序订房、CMS 后台、PMS 接口开发、SEO / ASA 投流素材、运营陪跑 6 个月。

项目成果

  • 上线 6 个月,直订占比从 6% → 31%,单月节省 OTA 佣金 8.7 万元。
  • Google 自然搜索"大理海景酒店"等核心词稳定进入前 5,免费流量月均 1.5 万 UV。
  • 会员体系从 0 建立至 3500+ 人,复购率提升至 18%,会员平均客单价比非会员高 32%。

Project

项目背景・课题

大理风雅颂·苍洱眼高端海景酒店官网与预订系统一体化项目。三语(中/英/日)全站内容管理,客房 VR 展示、SPA/餐厅/婚礼场景化预订,与 PMS 管理系统双向库存打通,上线 6 个月 OTA 外的直订占比从 6% 提升至 31%。

Solution

提供的解决方案

精品酒店官网直订的成败关键在于"内容种草能力 × 支付转化链路 × 实时库存准确性",方案围绕这三方面设计:

  • 多语言内容与种草:Next.js 14 国际化路由 + Strapi 5 多语言 CMS,VR 全景 / 高清摄影 / 慢直播 / 主厨日记等多种内容形态联动。
  • 多条件筛选与直订:Algolia 房型索引,支持日期 / 楼层 / 景观 / 床型 / 价格带多维筛选;预订漏斗每一步可视化,直订转化率 1.8%。
  • PMS 双向同步:基于 xls-hotel-API 中间件,每 5 分钟同步房态/房价;订单直订后自动写入 PMS 并邮件通知前台。
  • 支付与会员:Stripe 国际卡 + 微信/支付宝小程序支付;储值、积分、房晚、礼遇四级会员体系,自动升级与到期提醒。
  • 数据与投流:GA4 + 酒店行业维度 + Meta & Google Ads 投放;每月出具《直订渠道 ROI 报告》,持续优化创意。

查看全部案例