一、首页
整体采用莫兰迪芋紫+柔雾裸粉+米白配色,传递轻盈、温柔、身心合一的形体运动质感。顶部场馆信息条+定位切换。banner区以舒展形体大片轮播——"新会员月卡·首月¥299·不限次""空中瑜伽·小班教学·限8人""晨间流瑜伽·每天7:00·唤醒身体"。
四大核心入口:课程约课(按日期/课程类型/老师/难度筛选·实时余位·一键约课)、会员卡包(月卡/次卡/储值卡·剩余课时/有效期·续费升级入口)、每日课表(今日课程时间轴——"9:00哈他瑜伽·李老师·余3位""12:15午间流·王老师·余2位""18:30空中瑜伽·张老师·仅剩1位"·每课头像+倒计时+预约按钮)、场馆环境(场馆实拍+更衣室/淋浴间/停车+营业时间+导航·"第一次来?看这里")。
"新人引导"——"第一次来馆?需要带什么?穿什么?选什么课?60秒看完秒懂"。热门课程横滑——"哈他瑜伽·适合初学者""流瑜伽·中级进阶""空中瑜伽·核心力量""普拉提·体态矫正""中国舞·零基础入门"。
二、课程预约页
日期筛选——"今天/明天/本周/选择日期"横向滑动。课程列表按时间轴排列——每课卡片:课程名+老师头像姓名+时间("9:00-10:00·60min")+难度标签("零基础友好/初级/中级/进阶")+教室("瑜伽A教室")+剩余名额("余3位/仅剩1位/满员候补")+消耗("月卡扣1次/单次¥128")+"立即预约"芋紫按钮。老师筛选——可选老师头像列表+擅长课程+好评率。预约须知——"提前2小时可取消·开课后不可取消·迟到15分钟建议改约·自带瑜伽垫/馆内免费提供"。
三、会员中心
顶部会员卡醒目展示——"月卡·¥299/30天·不限次·有效期至8月31日·剩余28天""次卡·30次卡·余18次·有效期至2026.12.31""储值卡·余额¥688·所有课程通用"。续费升级——"月卡续费¥299""升级季卡¥699·省¥198""升级年卡¥2,399·省¥1,189",每项标注日均价对比。会员权益——等级对比:银卡(积分+生日礼)+金卡(银卡权益+每月1次免费携友+优先约课)+钻石(金卡权益+专属储物柜+免费租瑜伽垫+年度体态评估)。消费记录——课时消耗明细+储值消费明细+月度统计。
四、个人中心
顶部芋紫身份卡片:头像+昵称+练习天数+"已坚持瑜伽128天"+累计课时。功能入口:运动档案(身高体重体脂率·历史记录+体态照片对比+围度变化——"练习3个月·腰围-5cm"+"瑜伽进阶里程碑·从初级到中级用了68节课")、上课记录(历次课程打卡+每课消耗+老师+消耗卡路里估算+已上课时统计+"你最常上·哈他瑜伽·已上56次"+"最喜欢的老师·李老师")、预约管理(已约课程·"明天9:00哈他瑜伽·李老师·倒计时16小时"+改约/取消入口+候补中课程+"如有学员取消·自动替补并通知你")、客服中心(在线客服/电话/常见问题:首次到馆/停车/请假/转让/退费/课程级别选择建议)。设置区:个人资料/通知管理/退出登录。