扫码购物小程序系统架构
商品详情:个人中心、购物车、商品信息、扫码换购、立即购买
个人中心:商品详情、购物车、个人信息、尊贵会员、我的订单、视力档案、地址管理、服务订单、发票管理、活动
购物车:商品购买
扫码购物小程序页面详细介绍
商品详情
1、左上角除了个人中心以外还新增了一个购物车跳转页面
2、把状态栏和导航栏都利,用了起来把原来16:9的banner尺寸改成为1:1同时还增加了视频(当视频状态下则在1:1上下中间选取16:9的范围)。
3、可配镜片系列 的呈现开始在1.0是想要给顾客预先展示该品类可以搭配哪些镜片,经过用户调查数据,此模块对于用户来讲意义不大,反而会造成用户操作的干扰; 进而根据业务需求调整,解决定位不准无法拉取用户所在的门店,增加了服务门店板块的显示。
镜片选购
1、镜架更换按钮表达不够清晰,更改为直接通过点击商品图片来进行更换
2、显示验光数据信息在当前页面不是重要信息、且也不需要模块占屏面积过大,所以把数据信息和商品名称放在了一起只显示重要的度数信息( 依旧保留查看和更换》;节省更多的空间展示镜片信息。
3、镜片的搭配选择,借鉴了自助点餐模式,把大类选项的tab放置左侧进行切换,右边选择镜片。
个人中心
1、在左上角和商品详情页一样可以一键跳转到购物车。
2、除了在对色调上做了调整也对每个模块进行了重新的微调,让页面看上去饱满和有条理。
尊贵会员
1、在设计1.0版本会员卡上,领导说要有钱的感觉,于是从RMB10元上选取了一个颜色;虽然有了钱的感觉,但因为主色调是灰色缘故,整个页面整体上比较素。到了2.0的版本上,采用了VI上有的黑、加上领导需要的五颜六色白使整个页面视觉上没有1.0的单调。
2、除了在对色调上做了调整也对每个模块进行了重新的微调,让页面看上去饱满和有条理。