Skip to content

产品详情页设计 - 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 详情页必须包含的内容

所有产品类型都包含

  1. 票务/产品核心信息(产品名称、价格、预订)
  2. 产品特色信息(亮点、费用说明、使用说明等)
  3. 雪场信息(介绍、设施、交通)- 帮助用户了解滑雪环境
  4. 退改规则(明确退款政策)
  5. 商家信息(雪哒APP,不显示供应商)

住滑套餐额外包含: 6. ✅ 酒店信息(介绍、房型、设施、入离时间)- 帮助用户了解住宿条件 7. ✅ 补差说明(房型升级、加床等)


4.2 信息展示的逻辑

核心原则

  • 票务信息是核心(用户买的是什么)
  • 雪场/酒店信息是决策依据(帮助用户判断是否购买)
  • 商家信息是信任背书(雪哒APP)

不显示

  • ❌ 供应商(自我游)- 对用户无意义
  • ❌ 票务SKU - 内部管理用,用户不需要知道

4.3 模板的作用

雪场模板

  • 提供雪场介绍、设施、交通等固定信息
  • 所有涉及该雪场的产品自动引用
  • 雪场模板更新,所有产品自动同步

酒店模板

  • 提供酒店介绍、设施、入离时间等固定信息
  • 住滑套餐产品自动引用
  • 酒店模板更新,所有产品自动同步

分类模板

  • 提供产品特有的详情页结构和默认内容
  • 比如"单次雪票"的亮点、费用说明、使用说明
  • 运营可以编辑,脱离模板

商家模板

  • 提供雪哒APP的介绍和联系方式
  • 全局统一,所有产品底部都显示
  • 全局更新

4.4 对用户的价值

单次雪票用户

  • 看到票务信息(包含什么、价格)
  • 看到雪场信息(雪道、设施、交通)→ 判断是否适合自己
  • 看到退改规则 → 降低决策风险
  • 看到雪哒介绍 → 建立信任

住滑套餐用户

  • 看到套餐信息(住几晚、滑几天)
  • 看到酒店信息(房型、设施) → 判断住宿条件
  • 看到雪场信息(雪道、设施) → 判断滑雪条件
  • 看到补差说明 → 了解升级选项
  • 完整的决策信息

五、与后台编辑的对应关系

后台编辑产品时

编辑产品:P001(成人全日票-平日)

[Tab: 详情页]

详情页模块:
┌────────────────────────────────────┐
│ ▼ 票务亮点(可编辑)                │
│   • 缆车/魔毯不限次使用              │
│   [编辑] 来自分类模板                │
│                                    │
│ ▼ 费用说明(可编辑)                │
│   包含:...                         │
│   [编辑] 来自分类模板                │
│                                    │
│ ▼ 使用说明(可编辑)                │
│   1. 凭电子票...                    │
│   [编辑] 来自分类模板                │
│                                    │
│ ▼ 雪场介绍(自动引用,不可编辑)     │
│   [查看] 来自雪场模板                │
│   💡 修改请到"雪场模板"管理          │
│                                    │
│ ▼ 雪场设施(自动引用,不可编辑)     │
│   [查看] 来自雪场模板                │
│                                    │
│ ▼ 交通指南(自动引用,不可编辑)     │
│   [查看] 来自雪场模板                │
│                                    │
│ ▼ 退改规则(可编辑)                │
│   [编辑] 来自分类模板                │
│                                    │
│ ▼ 商家信息(全局引用,不可编辑)     │
│   [查看] 来自商家模板                │
│   💡 修改请到"商家模板"管理          │
│                                    │
│ [保存] [预览C端效果]                │
└────────────────────────────────────┘

六、关键设计要点

✅ 必须显示雪场/酒店信息

理由

  1. 用户购买票务,需要了解雪场条件(雪道、设施)
  2. 用户购买住滑套餐,需要了解酒店条件(房型、设施)
  3. 交通指南帮助用户规划行程
  4. 这些信息是购买决策的重要依据

✅ 只显示雪哒,不显示供应商

理由

  1. 用户只需要知道"在雪哒APP购买"
  2. 供应商(自我游)是后台对接,对用户透明
  3. 简化信息,避免混淆

✅ 模板自动引用,保持一致性

理由

  1. 雪场/酒店信息统一管理,避免重复配置
  2. 更新模板,所有产品自动同步
  3. 降低维护成本

✅ 详情页内容丰富但结构清晰

理由

  1. 使用折叠面板(▼),默认收起
  2. 用户按需展开查看
  3. 不会信息过载

✅ 天气预报帮助快速决策

设计原则

  1. 显示未来7天天气:温度、天气图标、特殊提示(雨夹雪、大雪、优质雪况)
  2. 标注优质雪况日:新降雪后1-3天自动标注⭐推荐
  3. 与日历联动:点击天气栏日期 = 点击日历对应日期
  4. 数据来源:调用天气API,每日更新

用户价值

  • 滑雪是强天气依赖场景,天气直接影响用户决策
  • 用户看到"大雪后优质雪况"会更愿意预订
  • 避免用户预订后发现天气不佳而退单

✅ 日历选择器展示价格和库存

设计原则

  1. 统一的日历界面:单天或连续多天都用同一个日历选择
  2. 价格透明展示:每天显示当日价格,标注当周最低价💚
  3. 库存真实展示
    • 100张:显示"充足"

    • 20-100张:显示具体数字"XX张"
    • <20张:橙色显示"XX张"(轻度紧张)
    • <10张:红色显示"XX张🔥"(高度紧张)
    • 0张:灰色不可选+"售罄❌"
  4. 避免制造焦虑:始终展示真实库存,不虚假营销
  5. 自动价格计算:选择多天后自动累加总价并明细展示

交互逻辑

  • 单日购买:点击某天 → 选中该天 → 显示单日价格
  • 连续购买:按住拖拽 或 点击开始日期→点击结束日期 → 自动计算总价
  • 库存校验:选择多天时,显示每天库存,取最小值为可售数量
  • 住滑套餐:点击入住日期 → 自动计算退房日期和雪票有效期

用户价值

  • 用户无需来回切换"单日"和"连续多日"模式
  • 一眼看清价格波动(周末贵、工作日便宜)
  • 库存透明,帮助用户快速决策
  • 避免"选择困难症":不做过度价格对比提示

雪哒产品文档

请输入访问密码