简介

需要制作两个电商平台小程序,用于生鲜的买卖;主要用于学生电商比赛的交易平台,需突出学校双创、精准扶贫、绿色食品等

小程序主要分为两个,一部分为买家小程序,共4个主要页面;一部分为卖家小程序,共2个主要页面,本文档描述只是相关功能与交互参考,可由设计人员与开发人员自由发挥。

买家部分

买家部分有4个页面,分别为首页(商品列表),商品详情,订单确认,订单列表。

首页

001.首页

首页主要分为顶部的海报区与下面的产品列表部分。

海报区为展示本次竞赛与售卖的信息,例如:学校创业比赛的海报,本次产品场地的宣传海报,与政府相关合作(精准扶贫)的相关宣传海报等,需要设计相关海报内容,不需要点击。

产品列表区为本次售卖产品的相关信息,产品为时令水果,会分时段上架,总计不超过20个项目,所以暂时不需要考虑分类,分页,搜索等功能。

商品详情

002.产品详情页

商品详情页分为四个部分,商品轮播图,商品标题,商品描述与功能按钮

商品描述可以用纯图片堆砌,不需要考虑文字排版。

功能按钮有购买按钮与查看订单按钮,额外可以考虑购物车功能,由客户端本地存放购物车数据,并在首页和详情页提供入口,点击之后直接可以进入订单确认页。

订单确认页

003.订单确认

订单确认页分为三个部分,订单详情,地址信息与功能按钮

订单详情会展示,所选的所有产品的数量,价格等信息,并且能够进行数量编辑。如果由商品详情页的购买按钮进入只会展示当时的商品内容。如果由购物车入口进入,则会展示所有购物车的内容,并且能够删除项目。返回上一页时,购物车的内容会保留,下次进入还是当前的内容,需要用户手动删除购物车内的内容。

订单详情应该还需要展示卖家的相关信息,例如:推荐id/姓名 等,用户可以手动修改其推荐id,但需要用户确认。

地址信息是一个可修改的表格,默认值为上次提交的订单地址信息。

功能按钮区会有订单总额,和结算按钮,考虑为购物车入口提供清空选项。

我的订单

004.我的订单

我的订单页面,是用户所有列表的展示,暂时不考虑分类,搜索等。

物流信息则需要另外调用 API,所以选择做成展开式的,用户点击之后才会展开显示物流具体信息。

卖家部分

卖家部分分为两个主要页面。

注册

005.学生登录注册

注册页面需要参赛学生填入学号,院系,班级,姓名信息,用户注册之后就会直接绑定微信,之后只会看到订单页面。

订单管理

006.订单管理

订单管理可以看到学生所推荐的所有订单,相关信息(买家电话,地址)可能需要做保密处理。

订单管理可以搜索订单编号,便于学生核对。

并需要展示所有订单的合计价格(已支付/总金额)便于学生核对。

在卖家小程序可以通过查看店铺进入买家小程序,并由学生分享到相关的渠道(携带推荐 id)。

次要页面

另外还需要一些次要页面来展示相关信息,例如:下单成功的展示信息,可以只做静态页,给与用户一个提示。