Bluemore Yachting
UI/UX 设计开发
Bluemore Yachting 在东地中海的土耳其、希腊和克罗地亚运营精选 gulet 与机动游艇。我们设计并构建了 Next.js 平台，让首次包船用户能规划旅程，也让资深经纪人能发送高质量询盘，而不是看到像普通购物车一样的价格标签。
年份
2024
项目
高端游艇包租平台构建
范围
完整重设计、Next.js 开发、规划与询盘流程
行业
奢华旅行、游艇包租
技术
Figma
Next.js
React Server ComponentsHeadless CMS
Google Tag Manager亮点
- 以电影感静帧和视频呈现游艇
- 按目的地拆分 gulet 与机动游艇船队
- 引导式规划组件：游艇类型、国家、预算、人数
- 收藏列表，方便客户在联系礼宾前筛选游艇
- Blue Guide、行程和目的地编辑内容
- 评价、媒体露出和 FAQ 模块建立信任
影响 / 改变
高质量询盘
Before：定制包船对话一开始缺少上下文。After：游艇、区域、人数和预算进入更清晰的询盘流程。
决策支持
Before：首次包船用户太早依赖礼宾协助。After：船队筛选、指南和收藏让客户先建立 shortlist 再联系团队。
内容扩展
Before：船队增长可能稀释高级呈现。After：可复用游艇、目的地和 guide 模块让库存扩展时仍保持策划感。
需求与挑战
客户需求
“我们销售的是体验，不是产品。网站要像游艇本身一样克制、可信、高级，同时让经纪人和私人客户都能轻松发送高质量询盘。”
挑战
- 从同一个首页服务首次包船用户和专业经纪人
- 在移动端保持大量游艇图片的速度
- 把定制化销售对话转化为结构化数字询盘
- 随着精选船队增长扩展内容，同时保持编辑控制
我们的做法
默认电影感
每个游艇页面都像长篇编辑内容：hero 视频、舱室导览、船员介绍和行程，让船队显得被精心策划，而不是简单列表。
规划器替代结账
游艇类型、国家、预算和人数驱动规划组件，并直接进入询盘表单，让礼宾团队一开始就拥有关键上下文。
先收藏，再联系礼宾
客户可以把游艇加入收藏列表、分享，然后再开始预订对话，匹配真实包船规划方式。
成果
项目亮点
船队导航
按国家和游艇类型组织的船队视图，让客户浏览土耳其、希腊和克罗地亚时不会丢失筛选上下文。
游艇故事
每艘游艇都有自己的编辑化布局，整合视频、规格表、船员、舱室图和行程，经纪人可直接分享。
高质量询盘
多步骤询盘表单会根据游艇、区域和日期调整，并预填经纪人需要的细节，方便礼宾团队快速回复真实方案。
