本次升级主要从视觉层、交互层和体验层三大方向对会员端小程序进行全面综合的优化改版。
业务梳理:分析场馆现有服务类型,不遗漏业务场景
信息架构:用户使用场景推演,精简操作步骤
品牌粘性:丰富场馆内容输出、品牌输出方式,提升用户粘性
品牌曝光:自定义品牌视觉,强化品牌认知度好感度
将小程序场馆主页面与健身服务模块区分开来,对整个界面进行强运营设计,同时可实现个性化定制,为会员带来更好的视觉感和体验感。
![](https://img.qingchengfit.cn/4ff210a8471fe62468926ec09d253b93.png)
优化小程序页面布局
加强整套产品中信息层级的区分,且场馆展示信息(包括是否展示)均可自定义设置,方便场馆对版块有效信息进行提炼优化,降低用户使用成本。
点击左上角按钮,还可切换至其他分店.
![](https://img.qingchengfit.cn/f751e1973d76b27d1b3864a40d9b7d2a.jpg)
![](https://img.qingchengfit.cn/156ad8378758660165c64b8e7f5fce18.png)
交互焕新升级
![](https://img.qingchengfit.cn/490f29affb0ee779a21bb939c3e0b225.gif)
系统将自动判定用户行为属性,当会员首次进入小程序时,将展示场馆介绍首页,「健身服务模块」浮于底部,点击即可推出。
当会员二次进入小程序时,「健身服务模块」将呈现于首屏,且即将开始的课程将会置顶提示。
![](https://img.qingchengfit.cn/edb596fb5f0e08e4d13799873f0a2b51.png)
灵活定制场馆专属视觉
◎ 自然的色彩体系
小程序的设计需要在标准之上实现个性化。我们提供了一套通用的设计基准,包含严谨的字体梯度、科学的圆角应用、丰富的色彩选择,场馆可以利用这套模版和组件,结合自身的品牌色,灵活的进行页面设计拼装。
*特别提示:可以采用品牌色+白色/黑色/同色系的更浅或更深的颜色来搭配。
![](https://img.qingchengfit.cn/f8e7024b70c70006842f9f8d3b59d514.png)
确定小程序的品牌色后,下一步就是合理的在小程序界面中去应用。
可自定义的模块包含主页面的背景色和字体色、「功能模块」的背景色和字体色、功能图标色、按钮色等,不同的颜色应用可使小程序传达出不同的品牌气质。
![](https://img.qingchengfit.cn/578e22347736790e41a5eef0a8a18c41.jpg)
![](https://img.qingchengfit.cn/c7ffae57d26f4dd97f984b0b8d07c58a.jpg)
◎ 所见即所得
自定义组件还能边设置边预览效果,实现所见即所得,让小程序设计更加方便。
<< 小程序设置见:系统电脑端后台-【会员端&小程序】-【会员端小程序】-【场馆主页配置】
![](https://img.qingchengfit.cn/8964f8d6a58c4c12a3641ad3db120bee.gif)
![](https://img.qingchengfit.cn/4bb02a758c60f87fbf1929b4d5969af3.png)
场馆相册可支持上传视频
基于对产品诉求和用户特征的分析,短视频可以有效快速的取得更多信息,用户体验更佳
![](https://img.qingchengfit.cn/c94cebd3898347b8a997d27186e4b862.jpg)
![](https://img.qingchengfit.cn/9add7316bb389fb8adc667fecc55717e.png)
新增「本周训练计划」
会员个人信息页「我的」新增「本周训练计划」列表,可查看本周已约过的课程,如没有约课记录,还可点击「添加训练计划」跳转至约课界面,方便会员按周制定训练计划。
![](https://img.qingchengfit.cn/b6fdf073a18b5099bbd93f945c1aa364.png)
「训练记录」页面新增数据统计
「我的」中点击「训练记录」可查看所有已约和已上过的课程训练记录,以及训练时长、训练次数等的汇总数据。方便会员随时查看自己的「专属月度训练报告」!
![](https://img.qingchengfit.cn/e47e8ae45188ed2e649417efc8ade369.png)
依然永久免费!
会员端小程序自上线后,解决了许多健身场馆高成本的设计开发难题。同时场馆也为我们提供了许多宝贵的意见或建议,帮助我们不断完善产品。小程序焕新升级后依然永久免费!感谢大家的支持!
![](https://img.qingchengfit.cn/7d70d95e00ce694d9eebaab791aeb543.jpg)
![](https://img.qingchengfit.cn/d80105b02e5ffd939d172ecb77239c6d.jpg)