Appearance
产品详情页设计 - C端展示
一、单次雪票详情页
页面结构
成人全日票-平日
万龙滑雪场
[封面轮播图]
(来自雪场模板图片库)
┌────────────────────────────────────────────────┐
│ 📅 未来7天天气 │
├────────────────────────────────────────────────┤
│ 1/15 1/16 1/17 1/18 1/19 1/20 1/21 │
│ ⛅ ☁️ 🌨️ ⛷️ ☀️ ⛅ ☁️ │
│ -8° -10° -12° -15° -7° -9° -11° │
│ 雨夹雪 大雪 优质雪况⭐ │
│ │
│ 数据来源:天气API(每日更新) │
│ 💡 提示:新降雪后1-3天雪况最佳 │
└────────────────────────────────────────────────┘
┌────────────────────────────────────┐
│ 价格与预订 │
├────────────────────────────────────┤
│ 选择日期:点击日历选择单天或连续多天 │
│ │
│ ┌──────────── 1月 ─────────────┐ │
│ │ 一 二 三 四 五 六 日 │ │
│ │ 13 14 15 16 17 │ │
│ │ ¥320 ¥320 ¥380 ¥480 │ │
│ │ 充足 充足 18张 5张 │ │
│ │ │ │
│ │ 18 19 20 21 22 23 24 │ │
│ │¥480 售罄💚¥320¥320¥320¥320¥380 │ │
│ │ 5张 ❌ 220 185 充足 充足 78 │ │
│ └────────────────────────────────┘ │
│ │
│ 已选日期:1月15日 - 1月17日(3天) │
│ 购买数量:[1] 套(每套含3天票) │
│ │
│ 库存校验: │
│ • 1/15:✅ 200张 │
│ • 1/16:✅ 156张 │
│ • 1/17:⚠️ 18张 │
│ 当前最多可购:18套 │
│ │
│ 小计:¥1,080(¥320+¥320+¥380) │
│ │
│ [立即预订] │
└────────────────────────────────────┘
【交互逻辑】
• 单选:点击某天 → 选中该天 → 显示单日价格
• 连选:按住拖拽 或 点击开始日期→点击结束日期 → 自动计算总价
• 天气联动:点击天气栏日期 = 点击日历日期
• 库存显示规则:
- >100张:显示"充足"
- 20-100张:显示具体数字"XX张"
- <20张:橙色显示"XX张"
- <10张:红色显示"XX张🔥"
- 0张:灰色不可选+"售罄❌"
• 价格标记:当周最低价标绿色💚
---
[标签页] 产品详情 | 用户评价(156)
---
【产品详情】
▼ 票务亮点
┌────────────────────────────────────┐
│ ✓ 缆车/魔毯不限次使用 │
│ ✓ 初中高级雪道全覆盖 │
│ ✓ 提前预订享优惠 │
│ ✓ 使用前3天免费退改 │
│ │
│ 来源:分类模板(单次雪票) │
└────────────────────────────────────┘
▼ 费用说明
┌────────────────────────────────────┐
│ 【包含项目】 │
│ • 雪场门票1张 │
│ • 缆车/魔毯不限次使用 │
│ │
│ 【不含项目】 │
│ • 雪具租赁(约¥150/天) │
│ • 雪服租赁(约¥80/天) │
│ • 教练费用 │
│ • 储物柜租赁(约¥20/天) │
│ │
│ 来源:分类模板(单次雪票) │
└────────────────────────────────────┘
▼ 使用说明
┌────────────────────────────────────┐
│ 1. 下单后获取电子票(短信+APP) │
│ 2. 游玩当天凭电子票到换票口换票 │
│ 3. 换取实体票并核验身份证 │
│ 4. 持票通过闸机入场 │
│ │
│ 来源:分类模板(单次雪票) │
└────────────────────────────────────┘
▼ 雪场介绍
┌────────────────────────────────────┐
│ 【万龙滑雪场】 │
│ │
│ 万龙滑雪场位于河北崇礼,是国内顶级 │
│ 滑雪度假区。拥有初中高级雪道32条, │
│ 总长度44公里,垂直落差550米... │
│ │
│ 来源:雪场模板(万龙滑雪场) │
└────────────────────────────────────┘
▼ 雪场设施
┌────────────────────────────────────┐
│ 【雪道设施】 │
│ • 雪道32条(初级8/中级12/高级12) │
│ • 缆车4条高速缆车,1条魔毯 │
│ • 营业时间:09:00-16:30 │
│ │
│ 【其他设施】 │
│ • 3个餐厅 │
│ • 雪具/雪服租赁中心 │
│ • 国际教练团队 │
│ │
│ 来源:雪场模板(万龙滑雪场) │
└────────────────────────────────────┘
▼ 交通指南
┌────────────────────────────────────┐
│ 【如何到达】 │
│ • 自驾:京藏高速-崇礼南,约3小时 │
│ • 高铁:北京北站-太子城站+接驳 │
│ • 班车:周末有北京直达班车 │
│ │
│ 来源:雪场模板(万龙滑雪场) │
└────────────────────────────────────┘
▼ 退改规则
┌────────────────────────────────────┐
│ • 使用前3天及以上:免费退改 │
│ • 使用前1-2天:扣20%手续费 │
│ • 使用当天:不支持退改 │
│ │
│ 来源:分类模板(单次雪票) │
└────────────────────────────────────┘
▼ 预订须知
┌────────────────────────────────────┐
│ • 身份核验:现场需出示身份证 │
│ • 营业时间:09:00-16:30 │
│ • 安全提示:建议购买滑雪保险 │
│ • 禁止事项:酒后禁止滑雪 │
│ │
│ 来源:雪场模板(万龙滑雪场) │
└────────────────────────────────────┘
▼ 关于雪哒
┌────────────────────────────────────┐
│ 【雪哒APP】 │
│ │
│ 雪哒是专业的滑雪度假预订平台,聚合 │
│ 全国200+雪场资源,为用户提供雪票、 │
│ 住宿、教练等一站式服务。 │
│ │
│ 【联系我们】 │
│ • 客服电话:400-xxx-xxxx │
│ • 客服时间:09:00-21:00 │
│ • 在线客服:App内联系客服 │
│ │
│ 【服务保障】 │
│ • 正品保障:官方授权,假一赔十 │
│ • 预订保障:库存实时同步 │
│ • 退款保障:符合规则快速退款 │
│ • 客服保障:7x12小时在线服务 │
│ │
│ 来源:商家模板(雪哒APP) │
└────────────────────────────────────┘
---
[立即预订]内容来源总结
| 模块 | 内容来源 | 可编辑 |
|---|---|---|
| 封面图 | 雪场模板图片库 | ✅ 可切换/上传 |
| 票务亮点 | 分类模板(单次雪票) | ✅ 可编辑 |
| 费用说明 | 分类模板(单次雪票) | ✅ 可编辑 |
| 使用说明 | 分类模板(单次雪票) | ✅ 可编辑 |
| 雪场介绍 | 雪场模板 | ❌ 自动引用 |
| 雪场设施 | 雪场模板 | ❌ 自动引用 |
| 交通指南 | 雪场模板 | ❌ 自动引用 |
| 退改规则 | 分类模板(单次雪票) | ✅ 可编辑 |
| 预订须知 | 雪场模板 | ❌ 自动引用 |
| 关于雪哒 | 商家模板 | ❌ 全局引用 |
二、住滑套餐详情页
页面结构
豪华双床房+双早-1晚+成人全日票-2日
万龙滑雪场 | 万龙度假酒店
[封面轮播图]
图1-酒店外观(来自酒店模板)
图2-客房实拍(来自酒店模板)
图3-雪道全景(来自雪场模板)
┌────────────────────────────────────────────────┐
│ 📅 未来7天天气 │
├────────────────────────────────────────────────┤
│ 1/15 1/16 1/17 1/18 1/19 1/20 1/21 │
│ ⛅ ☁️ 🌨️ ⛷️ ☀️ ⛅ ☁️ │
│ -8° -10° -12° -15° -7° -9° -11° │
│ 雨夹雪 大雪 优质雪况⭐ │
│ │
│ 数据来源:天气API(每日更新) │
└────────────────────────────────────────────────┘
┌────────────────────────────────────┐
│ 价格与预订 │
├────────────────────────────────────┤
│ 套餐说明:1晚住宿 + 2日雪票 │
│ │
│ 选择入住日期:点击日历选择 │
│ │
│ ┌──────────── 1月 ─────────────┐ │
│ │ 一 二 三 四 五 六 日 │ │
│ │ 13 14 15 16 17 │ │
│ │ ¥1280¥1280¥1480¥1680 │ │
│ │ 充足 充足 18套 5套 │ │
│ │ │ │
│ │ 18 19 20 21 22 23 24 │ │
│ │¥1680售罄💚¥1280¥1280¥1280¥1280│ │
│ │ 5套 ❌ 45 38 充足 充足 28 │ │
│ └────────────────────────────────┘ │
│ │
│ 已选入住:1月15日(周三) │
│ 退房日期:1月16日 │
│ 雪票有效:1月15-16日 │
│ │
│ 库存校验: │
│ • 1/15住宿:✅ 45间 │
│ • 1/15雪票:✅ 200张 │
│ • 1/16雪票:✅ 156张 │
│ 当前可售:45套 │
│ │
│ 购买数量:[1] 套 │
│ │
│ 小计:¥1,280 │
│ │
│ [立即预订] │
└────────────────────────────────────┘
【交互逻辑】
• 点击日历选择入住日期
• 根据套餐配置自动计算退房日期和雪票日期
(例如:1晚住宿+2日雪票 → 入住1/15,退房1/16,雪票1/15-16)
• 价格为套餐价格(住宿+雪票打包价)
• 库存计算:取 min(住宿库存, 雪票最小库存)
• 库存显示规则同单次雪票
• 天气联动:点击天气栏日期 = 点击日历日期
---
[标签页] 产品详情 | 用户评价(45)
---
【产品详情】
▼ 套餐亮点
┌────────────────────────────────────┐
│ 🏠 豪华住宿1晚 │
│ 🎿 2日雪票,缆车不限次 │
│ 🍽️ 含双人自助早餐 │
│ 🎁 免费使用温泉及健身房 │
│ ↩️ 使用前7天免费退改 │
│ │
│ 来源:分类模板(住滑套餐) │
└────────────────────────────────────┘
▼ 住宿信息
┌────────────────────────────────────┐
│ 【万龙度假酒店】 │
│ │
│ 万龙度假酒店位于雪场脚下,步行5分钟 │
│ 即达。提供豪华客房120间,配备温泉、 │
│ 健身房等设施... │
│ │
│ 【房型详情】 │
│ • 房型:豪华双床房 │
│ • 面积:35㎡ │
│ • 床型:2张1.2m单床 │
│ │
│ 【房间设施】 │
│ • 独立卫浴、免费WiFi、空调 │
│ • 液晶电视、热水壶、吹风机 │
│ • 山景窗户、地暖系统 │
│ │
│ 【酒店设施】 │
│ • 室内温泉 │
│ • 健身房 │
│ • 中西餐厅 │
│ • 儿童乐园 │
│ • 免费停车 │
│ │
│ 【早餐】 │
│ • 含2份自助早餐 │
│ • 用餐时间:07:00-10:00 │
│ │
│ 【入离时间】 │
│ • 入住时间:14:00起 │
│ • 退房时间:12:00前 │
│ │
│ 来源:酒店模板(万龙度假酒店) │
└────────────────────────────────────┘
▼ 雪票信息
┌────────────────────────────────────┐
│ 【雪票详情】 │
│ • 票型:成人全日票,2日有效 │
│ • 使用:入住当天及次日可用 │
│ │
│ 【包含项目】 │
│ • 缆车/魔毯不限次使用 │
│ • 初中高级雪道全覆盖 │
│ │
│ 【不含项目】(需另付费) │
│ • 雪具租赁约¥150/天 │
│ • 雪服租赁约¥80/天 │
│ • 滑雪教练约¥300/2小时 │
│ │
│ 来源:分类模板(住滑套餐) │
└────────────────────────────────────┘
▼ 费用说明
┌────────────────────────────────────┐
│ 【费用包含】 │
│ • 豪华双床房住宿1晚 │
│ • 成人全日票2日 │
│ • 双人自助早餐 │
│ • 免费使用温泉及健身房 │
│ │
│ 【费用不含】 │
│ • 雪具雪服租赁 │
│ • 正餐费用 │
│ • 教练费用 │
│ • 往返交通 │
│ │
│ 来源:分类模板(住滑套餐) │
└────────────────────────────────────┘
▼ 使用流程
┌────────────────────────────────────┐
│ 1. 凭预订短信或APP订单到酒店前台 │
│ 办理入住,需出示预订人身份证 │
│ │
│ 2. 办理入住时会一并发放雪票, │
│ 请妥善保管,如遗失需补票费用 │
│ │
│ 3. 持雪票到雪场闸机处刷卡入场, │
│ 缆车/魔毯凭雪票不限次乘坐 │
│ │
│ 4. 温泉、健身房等凭房卡使用, │
│ 早餐凭早餐券到餐厅用餐 │
│ │
│ 5. 退房时间12:00前,归还房卡和雪票, │
│ 结清其他消费 │
│ │
│ 来源:分类模板(住滑套餐) │
└────────────────────────────────────┘
▼ 雪场介绍
┌────────────────────────────────────┐
│ (同单次雪票的雪场介绍) │
│ 来源:雪场模板(万龙滑雪场) │
└────────────────────────────────────┘
▼ 雪场设施
┌────────────────────────────────────┐
│ (同单次雪票的雪场设施) │
│ 来源:雪场模板(万龙滑雪场) │
└────────────────────────────────────┘
▼ 交通指南
┌────────────────────────────────────┐
│ (同单次雪票的交通指南) │
│ 来源:雪场模板(万龙滑雪场) │
└────────────────────────────────────┘
▼ 退改规则
┌────────────────────────────────────┐
│ • 使用前7天及以上:免费退改 │
│ • 使用前3-6天:扣除20%手续费 │
│ • 使用前1-2天:扣除50%手续费 │
│ • 使用当天及之后:不支持退款 │
│ │
│ 【特殊说明】 │
│ • 因恶劣天气等不可抗力无法使用, │
│ 可全额退款 │
│ • 多日套餐部分使用后,未使用部分 │
│ 按规则退款 │
│ │
│ 来源:分类模板(住滑套餐) │
└────────────────────────────────────┘
▼ 补差说明
┌────────────────────────────────────┐
│ 【房型升级】 │
│ • 豪华双床房 → 豪华套房:补¥200/晚 │
│ • 豪华双床房 → 家庭套房:补¥350/晚 │
│ • 办理方式:提前联系客服或到店办理 │
│ │
│ 【加购服务】 │
│ • 加床:¥100/床/晚 │
│ • 加早餐:¥68/份 │
│ • 延迟退房(至18:00):¥150 │
│ • 办理方式:提前1天联系客服 │
│ │
│ 【延住补差】 │
│ • 续住原房型:当日门市价8折 │
│ • 办理方式:至少提前1天联系客服 │
│ │
│ 来源:分类模板(住滑套餐) │
└────────────────────────────────────┘
▼ 常见问题
┌────────────────────────────────────┐
│ Q: 预订后多久能确认? │
│ A: 预订成功后2小时内会通过短信/APP │
│ 通知确认结果,请保持手机畅通 │
│ │
│ Q: 儿童如何收费? │
│ A: 1.2m以下儿童免费(不占床不含早),│
│ 1.2-1.5m儿童补早餐费¥50/份, │
│ 1.5m以上按成人收费 │
│ │
│ Q: 可以只住不滑吗? │
│ A: 套餐为住宿+雪票打包价格,不可拆分,│
│ 即使不滑雪也无法减免费用 │
│ │
│ Q: 需要自带雪具吗? │
│ A: 套餐不含雪具,可自带或在雪场租赁 │
│ (约¥150/天),雪场提供寄存服务 │
│ │
│ 来源:分类模板(住滑套餐) │
└────────────────────────────────────┘
▼ 关于雪哒
┌────────────────────────────────────┐
│ (同单次雪票的商家信息) │
│ 来源:商家模板(雪哒APP) │
└────────────────────────────────────┘
---
[立即预订]内容来源总结
| 模块 | 内容来源 | 可编辑 |
|---|---|---|
| 封面图 | 酒店模板+雪场模板图片库 | ✅ 可调整顺序/上传 |
| 套餐亮点 | 分类模板(住滑套餐) | ✅ 可编辑 |
| 住宿信息 | 酒店模板 | ❌ 自动引用 |
| 雪票信息 | 分类模板(住滑套餐) | ✅ 可编辑 |
| 费用说明 | 分类模板(住滑套餐) | ✅ 可编辑 |
| 使用流程 | 分类模板(住滑套餐) | ✅ 可编辑 |
| 雪场介绍 | 雪场模板 | ❌ 自动引用 |
| 雪场设施 | 雪场模板 | ❌ 自动引用 |
| 交通指南 | 雪场模板 | ❌ 自动引用 |
| 退改规则 | 分类模板(住滑套餐) | ✅ 可编辑 |
| 补差说明 | 分类模板(住滑套餐) | ✅ 可编辑 |
| 常见问题 | 分类模板(住滑套餐) | ✅ 可编辑 |
| 关于雪哒 | 商家模板 | ❌ 全局引用 |
三、教练培训详情页
页面结构
单板课程-初级1对1
万龙滑雪场
[封面轮播图]
(来自雪场模板图片库)
┌────────────────────────────────────────────────┐
│ 📅 未来7天天气 │
├────────────────────────────────────────────────┤
│ 1/15 1/16 1/17 1/18 1/19 1/20 1/21 │
│ ⛅ ☁️ 🌨️ ⛷️ ☀️ ⛅ ☁️ │
│ -8° -10° -12° -15° -7° -9° -11° │
│ 雨夹雪 大雪 优质雪况⭐ │
│ │
│ 数据来源:天气API(每日更新) │
└────────────────────────────────────────────────┘
┌────────────────────────────────────┐
│ 价格与预订 │
├────────────────────────────────────┤
│ ¥500/2小时 │
│ │
│ 选择上课日期:点击日历选择 │
│ │
│ ┌──────────── 1月 ─────────────┐ │
│ │ 一 二 三 四 五 六 日 │ │
│ │ 13 14 15 16 17 │ │
│ │ ¥500¥500¥500¥500¥500 │ │
│ │ 充足 充足 充足 充足 充足│ │
│ │ │ │
│ │ 18 19 20 21 22 23 24 │ │
│ │¥500¥500¥500¥500¥500¥500¥500 │ │
│ │ 充足 充足 充足 充足 充足 充足 5 │ │
│ └────────────────────────────────┘ │
│ │
│ 已选日期:1月15日(周三) │
│ │
│ 选择时间段: │
│ ○ 上午场(09:00-11:00)可约5位 │
│ ○ 下午场(14:00-16:00)可约8位 │
│ │
│ 购买数量:[1] 份 │
│ │
│ 小计:¥500 │
│ │
│ [立即预订] │
└────────────────────────────────────┘
【交互逻辑】
• 点击日历选择上课日期
• 选择日期后,显示该日期可选的时间段及可约教练数
• 库存显示规则同单次雪票
• 天气联动:点击天气栏日期 = 点击日历日期
---
【产品详情】
▼ 课程亮点
┌────────────────────────────────────┐
│ • 专业教练1对1指导 │
│ • 从零基础到独立滑行 │
│ • 含2小时教学 │
│ • 提供护具租赁 │
│ │
│ 来源:分类模板(教练培训) │
└────────────────────────────────────┘
▼ 课程内容
┌────────────────────────────────────┐
│ 【初级课程大纲】 │
│ 1. 滑雪装备介绍与穿戴 │
│ 2. 基础站姿与平衡练习 │
│ 3. 平地滑行与刹车技巧 │
│ 4. 初级道练习 │
│ │
│ 【教学目标】 │
│ • 掌握基本滑行姿势 │
│ • 能够在初级道独立滑行 │
│ • 掌握基本刹车技巧 │
│ │
│ 来源:分类模板(教练培训) │
└────────────────────────────────────┘
▼ 教练介绍
┌────────────────────────────────────┐
│ 【教练团队】 │
│ • 国际认证滑雪教练 │
│ • 平均教龄5年以上 │
│ • 中英文双语教学 │
│ │
│ 来源:分类模板(教练培训) │
└────────────────────────────────────┘
▼ 费用说明
┌────────────────────────────────────┐
│ 【费用包含】 │
│ • 2小时1对1教学 │
│ • 护具租赁(护膝、护臀等) │
│ │
│ 【费用不含】 │
│ • 雪场门票(需另购) │
│ • 雪具雪服租赁 │
│ │
│ 来源:分类模板(教练培训) │
└────────────────────────────────────┘
▼ 预约流程
┌────────────────────────────────────┐
│ 1. 选择上课日期和时间段 │
│ 2. 下单支付 │
│ 3. 客服联系确认教练 │
│ 4. 上课当天提前15分钟到雪场集合点 │
│ 5. 教练带领开始教学 │
│ │
│ 来源:分类模板(教练培训) │
└────────────────────────────────────┘
▼ 雪场介绍
┌────────────────────────────────────┐
│ (同单次雪票的雪场介绍) │
│ 来源:雪场模板(万龙滑雪场) │
└────────────────────────────────────┘
▼ 雪场设施
┌────────────────────────────────────┐
│ (同单次雪票的雪场设施) │
│ 来源:雪场模板(万龙滑雪场) │
└────────────────────────────────────┘
▼ 交通指南
┌────────────────────────────────────┐
│ (同单次雪票的交通指南) │
│ 来源:雪场模板(万龙滑雪场) │
└────────────────────────────────────┘
▼ 退改规则
┌────────────────────────────────────┐
│ • 上课前24小时:免费改期 │
│ • 上课前12小时:扣30% │
│ • 上课前12小时内:不可退改 │
│ │
│ 来源:分类模板(教练培训) │
└────────────────────────────────────┘
▼ 关于雪哒
┌────────────────────────────────────┐
│ (同单次雪票的商家信息) │
│ 来源:商家模板(雪哒APP) │
└────────────────────────────────────┘
---
[立即预订]四、设计总结
4.1 详情页必须包含的内容
所有产品类型都包含:
- ✅ 票务/产品核心信息(产品名称、价格、预订)
- ✅ 产品特色信息(亮点、费用说明、使用说明等)
- ✅ 雪场信息(介绍、设施、交通)- 帮助用户了解滑雪环境
- ✅ 退改规则(明确退款政策)
- ✅ 商家信息(雪哒APP,不显示供应商)
住滑套餐额外包含: 6. ✅ 酒店信息(介绍、房型、设施、入离时间)- 帮助用户了解住宿条件 7. ✅ 补差说明(房型升级、加床等)
4.2 信息展示的逻辑
核心原则:
- 票务信息是核心(用户买的是什么)
- 雪场/酒店信息是决策依据(帮助用户判断是否购买)
- 商家信息是信任背书(雪哒APP)
不显示:
- ❌ 供应商(自我游)- 对用户无意义
- ❌ 票务SKU - 内部管理用,用户不需要知道
4.3 模板的作用
雪场模板:
- 提供雪场介绍、设施、交通等固定信息
- 所有涉及该雪场的产品自动引用
- 雪场模板更新,所有产品自动同步
酒店模板:
- 提供酒店介绍、设施、入离时间等固定信息
- 住滑套餐产品自动引用
- 酒店模板更新,所有产品自动同步
分类模板:
- 提供产品特有的详情页结构和默认内容
- 比如"单次雪票"的亮点、费用说明、使用说明
- 运营可以编辑,脱离模板
商家模板:
- 提供雪哒APP的介绍和联系方式
- 全局统一,所有产品底部都显示
- 全局更新
4.4 对用户的价值
单次雪票用户:
- 看到票务信息(包含什么、价格)
- 看到雪场信息(雪道、设施、交通)→ 判断是否适合自己
- 看到退改规则 → 降低决策风险
- 看到雪哒介绍 → 建立信任
住滑套餐用户:
- 看到套餐信息(住几晚、滑几天)
- 看到酒店信息(房型、设施) → 判断住宿条件
- 看到雪场信息(雪道、设施) → 判断滑雪条件
- 看到补差说明 → 了解升级选项
- 完整的决策信息
五、与后台编辑的对应关系
后台编辑产品时
编辑产品:P001(成人全日票-平日)
[Tab: 详情页]
详情页模块:
┌────────────────────────────────────┐
│ ▼ 票务亮点(可编辑) │
│ • 缆车/魔毯不限次使用 │
│ [编辑] 来自分类模板 │
│ │
│ ▼ 费用说明(可编辑) │
│ 包含:... │
│ [编辑] 来自分类模板 │
│ │
│ ▼ 使用说明(可编辑) │
│ 1. 凭电子票... │
│ [编辑] 来自分类模板 │
│ │
│ ▼ 雪场介绍(自动引用,不可编辑) │
│ [查看] 来自雪场模板 │
│ 💡 修改请到"雪场模板"管理 │
│ │
│ ▼ 雪场设施(自动引用,不可编辑) │
│ [查看] 来自雪场模板 │
│ │
│ ▼ 交通指南(自动引用,不可编辑) │
│ [查看] 来自雪场模板 │
│ │
│ ▼ 退改规则(可编辑) │
│ [编辑] 来自分类模板 │
│ │
│ ▼ 商家信息(全局引用,不可编辑) │
│ [查看] 来自商家模板 │
│ 💡 修改请到"商家模板"管理 │
│ │
│ [保存] [预览C端效果] │
└────────────────────────────────────┘六、关键设计要点
✅ 必须显示雪场/酒店信息
理由:
- 用户购买票务,需要了解雪场条件(雪道、设施)
- 用户购买住滑套餐,需要了解酒店条件(房型、设施)
- 交通指南帮助用户规划行程
- 这些信息是购买决策的重要依据
✅ 只显示雪哒,不显示供应商
理由:
- 用户只需要知道"在雪哒APP购买"
- 供应商(自我游)是后台对接,对用户透明
- 简化信息,避免混淆
✅ 模板自动引用,保持一致性
理由:
- 雪场/酒店信息统一管理,避免重复配置
- 更新模板,所有产品自动同步
- 降低维护成本
✅ 详情页内容丰富但结构清晰
理由:
- 使用折叠面板(▼),默认收起
- 用户按需展开查看
- 不会信息过载
✅ 天气预报帮助快速决策
设计原则:
- 显示未来7天天气:温度、天气图标、特殊提示(雨夹雪、大雪、优质雪况)
- 标注优质雪况日:新降雪后1-3天自动标注⭐推荐
- 与日历联动:点击天气栏日期 = 点击日历对应日期
- 数据来源:调用天气API,每日更新
用户价值:
- 滑雪是强天气依赖场景,天气直接影响用户决策
- 用户看到"大雪后优质雪况"会更愿意预订
- 避免用户预订后发现天气不佳而退单
✅ 日历选择器展示价格和库存
设计原则:
- 统一的日历界面:单天或连续多天都用同一个日历选择
- 价格透明展示:每天显示当日价格,标注当周最低价💚
- 库存真实展示:
100张:显示"充足"
- 20-100张:显示具体数字"XX张"
- <20张:橙色显示"XX张"(轻度紧张)
- <10张:红色显示"XX张🔥"(高度紧张)
- 0张:灰色不可选+"售罄❌"
- 避免制造焦虑:始终展示真实库存,不虚假营销
- 自动价格计算:选择多天后自动累加总价并明细展示
交互逻辑:
- 单日购买:点击某天 → 选中该天 → 显示单日价格
- 连续购买:按住拖拽 或 点击开始日期→点击结束日期 → 自动计算总价
- 库存校验:选择多天时,显示每天库存,取最小值为可售数量
- 住滑套餐:点击入住日期 → 自动计算退房日期和雪票有效期
用户价值:
- 用户无需来回切换"单日"和"连续多日"模式
- 一眼看清价格波动(周末贵、工作日便宜)
- 库存透明,帮助用户快速决策
- 避免"选择困难症":不做过度价格对比提示
