关于一个H5页面的优化

一直都关注兰军老师的微信公众号，前不久，兰老师从迅雷离职，开始了第二次创业，这一次创业，兰老师做的是教育方面的，公司叫梅沙科技，主要就是组织冬令营、夏令营活动吧

昨天兰老师转载了公司的小伙伴们写的文章，记录了一个H5页面的从0到1的过程，大致看了文章，主要是做一个预约冬令营滑雪活动，支付800元即可优选营位，以下是紫色为兰老师团队做得设计稿，蓝色是我做得原型图

预约营期 支付填资料页面 预约成功页面

我来说说我的思路，其实一开始看到兰老师发的设计稿就觉得颜色蛮怪的有木有，选择了浅紫作为了主题色，滑雪，我能想到的是蓝色白色，以下是我认为可以参考的主题色系

好吧，吐槽完主题色，我们接着来吐槽页面，首先是预约营期页面

上图是相关价格说明，我们需要对价格进行整理和分类，结合兰老师团队的图，我得出的结论是

1 独立营必须是7岁以上的，亲子营对岁数不限，但岁数的大小和价钱相关

2 独立营里，11天、8天各自有3个时间段，6天的6个时间段可供选择

3 亲子营都只有5天，岁数不同，价格不同，选的时间不同，价格也不同

所以我对营位类型和天数进行了修改，得出以下的图，这么做，我们就可以显示相关价格啦，猜测兰老师团队因为开发时间较短，故不显示价格。其次我将日期选择改成了日历形式，我不知道别人的想法和习惯，但是我的习惯是凡是涉及到时间的我一定会翻日历，所以设计日历形式可提高用户体验

接下来是支付填资料页面，纯粹提高用户体验，将姓名和身份证号码合并，视觉上看着好一些，其次将小孩和家长的资料各自集中分开显示，不过我设计的填资料页面完全照搬阿里的“去啊”

我是分割线（兰老师团队产品app的畅想）

一直蛮期待兰老师要做的产品，所以在未看到兰老师公司做出的产品之前，我也断断续续的思考和画图过，以下是我想的首页啦（第一张图直接拿的开眼的图）

其次是发现页面

时间关系，我并没有画完图，我的想法是app分角色的，家长和孩子的，孩子可以在app上形成自有社交（小组、聊天、发帖），社交圈可以选择性分享给家长，等到我做完了整个页面，再写篇文章啦~