1  产品框架

1.1 产品结构

 

2  登录、注册

2.1 注册业务逻辑

  使用手机号发送验证码或者微信号直接验证注册即可。

2.2 登录、注册页面设计

2.2.1登录页面

  点击登录，进入登录页面，弹出登录框，输入手机账号，密码，直接登录。

  当用户名和密码错误时，则提示文字：用户名或密码错误。用户点击【忘记密码】

  进入找回密码页面。填写手机号，输入验证码，登陆成功后，显示为首页。

  第三方认证直接登录。进入首页。

2.2.2注册页面

  用户点击注册，弹出注册提示框，显示注册手机号，密码确认密码，和获取验证码，当用户注册成功后，提示用户注册成功并跳转至【登录】页面。

3  首页

3.1 首页页面结构

 

页面结构元素：

顶部：【定位】能准确的定位用户的位置，然后对用户定位采取就近原则分配就近的商家。

     【名称】显示平台名称“蓉惠通”

【消息栏】隐藏“搜索”“消息”：可以是第三方消息，或者系统消息，以及推送消息等。“投诉与意见”可点击进入投诉页面，也可以提意见。

【轮播图】共计三张，展示平台信息，以及一些优惠等。

中间部分：

【日常用水】点击可进入用水界面。

【公司保洁】点击进入保洁页面

【设备租赁】进入设备租赁界面

【网络维修】进入网络维修页面

【绿植租赁】进入植物租赁页面

【更多期待】待定阶段

底部：

【首页】为载入页面【订单】【购物车】【我的】停留页面即图标以及文字即显示为蓝色边框，亮白色填充。

3.2 首页页面设计

3.2.1首页展示区

 

三张轮播图滚动播放，向左滑动，时间为3秒。显示平台信息，优惠等。

4  日常用水页

4.1 日常用水页页面展示

 

顶部：【返回】点击返回主页

【筛选】：产品分类，种类，和品牌三者筛选。

【饮水机】【饮用水】商品展示；

4.2 日常用水页面结构

 

轮播图三张，显示预订较多的品牌的桶装水。下面是平台通知。下面展示水的名称和规格，点击加号可以自主选择。底部在商品选择满30元过后即可显示蓝色并且结算，再加以5元的配送费。

 

点击结算进入支付页面，如果未满30元，则会提示；已经满30元，直接进入结算支付页面

 

支付页面中，选择地址，查看选择商品以及数量，支付方式均为在线支付，发票可选择开或者不开两种方式。点击提交订单，进入订单提交页面。订单提交后——支付方式（微信支付、余额支付——支付宝支付首选择余额支付，因为可以对账户进行充值。）——输入密码；

5  花草租赁

5.1 花草租赁页面展示

 

顶部：【返回主页】直接返回主页页面

【绿植租赁】本页标题

【筛选】可以点击筛选用户需要的植物类型，植物寓意，植物功效。

轮播图：3张花草植物的轮播图，向左滑动，时间间隔为3秒。

通知：平台提供的最新活动和一些租赁规则等。

展示：提供植物的图片，名称作用等信息，标明价格，查看销量，添加数量等消息。

底部：在选择所需要的植物过后可显示总需要价格，（未包括配送费）点击放心配送可进入支付页面。

5.2  花草租赁页面结构

6  企业保洁

6.1 保洁页面展示

 

【返回】返回主页面

【企业保洁】页面主题

【我的预约】可点击查看用户所预约的项目，切可以看到预约的完成项目，未完成的项目等，待完成项目的情况；也可以查看联系方式，公司地址等消息。方便用户管理；

 

【轮播图】三张轮播图展示保洁效果，运用暖色调，渲染温馨的氛围，每张图片向左滑动，没张3秒时间间隔；

【提示、标志】几句宣传语和口碑

【图片】生活的小帮手，企业的小助手；

【作用标签】张贴各种各样的标签，展现了平台各样的便捷和作用；

【推荐】推荐的保洁的公司，根据效益、服务质量、口碑等方面综合评估来推荐的；

以上皆为静态页面；

【我的预约信息】时间，地点，企业信息；联系电话；联系人和备注信息；下方会有红色提示，信息完善后，工作人员在48小时内主动和用户联系；点击预约即可；

6.2 保洁页面结构

7  维修服务

7.1 维修服务页面展示

 

【返回】返回主页面

【企业维修】页面标题

【我的预约】预约和之前我的预约相同即可；

【轮播图】三张轮播图，分别为“网络维修”“机器维修”“电脑维修”向左滑动，时间为3秒间隔；

【通知栏】提示平台通知，突出上门服务时间；

【服务流程】方便用户理解服务的流程；网上预约——电话确认——上门维修——维修完成——质量跟踪五个步骤，为用户提供保障；

【合作企业】显示与平台合作的企业的名称；

【维修信息】“维修类型”“企业名称”“企业地址”“联系方式”“联系人”

“故障描述”：方便平台派遣相关的人员；

【提示】提示预约时间，上门服务时间；上门服务的费用等；

点击可预约维修即可！

7.2 维修服务页面结构

8  设备租赁

8.1 设备租赁页面展示

 

【返回】返回主页

【设备租赁】本页标题

【我的预约】同上

【轮播图】三张轮播图，时间间隔3秒，向左滑动；图片分别为不同品牌的设备图片（目前皆为复印机和净化器）突出质量保障；

【服务流程】“在线预约”——“顾问上门”——“签订合同”——“方案备货”——“上门暗转”——“产品跟踪”六大步骤；

【图片展示】展示打印机和净化器两种产品的信息；点击进入产品列表；

 

【筛选】可选择“种类”“品牌”

【产品清单】图片、品牌、作用功能、

详情信息；点击查看产品详情，显示价格，套餐情况等；

【提示】点击预约，显示预约后联系时间；

8.2 设备租赁页面结构