1 ?產(chǎn)品框架
1.1?產(chǎn)品結(jié)構(gòu)
?
?
2 ?登錄、注冊(cè)
2.1 注冊(cè)業(yè)務(wù)邏輯
??使用手機(jī)號(hào)發(fā)送驗(yàn)證碼或者微信號(hào)直接驗(yàn)證注冊(cè)即可犯祠。
2.2 登錄鲁豪、注冊(cè)頁(yè)面設(shè)計(jì)
2.2.1登錄頁(yè)面
??點(diǎn)擊登錄航背,進(jìn)入登錄頁(yè)面延柠,彈出登錄框,輸入手機(jī)賬號(hào)外潜,密碼原环,直接登錄。
??當(dāng)用戶(hù)名和密碼錯(cuò)誤時(shí)处窥,則提示文字:用戶(hù)名或密碼錯(cuò)誤嘱吗。用戶(hù)點(diǎn)擊【忘記密碼】
??進(jìn)入找回密碼頁(yè)面。填寫(xiě)手機(jī)號(hào)滔驾,輸入驗(yàn)證碼谒麦,登陸成功后,顯示為首頁(yè)嵌灰。
??第三方認(rèn)證直接登錄弄匕。進(jìn)入首頁(yè)。
2.2.2注冊(cè)頁(yè)面
??用戶(hù)點(diǎn)擊注冊(cè)沽瞭,彈出注冊(cè)提示框迁匠,顯示注冊(cè)手機(jī)號(hào),密碼確認(rèn)密碼驹溃,和獲取驗(yàn)證碼城丧,當(dāng)用戶(hù)注冊(cè)成功后,提示用戶(hù)注冊(cè)成功并跳轉(zhuǎn)至【登錄】頁(yè)面豌鹤。
3 ?首頁(yè)
3.1 首頁(yè)頁(yè)面結(jié)構(gòu)
頁(yè)面結(jié)構(gòu)元素:
頂部:【定位】能準(zhǔn)確的定位用戶(hù)的位置亡哄,然后對(duì)用戶(hù)定位采取就近原則分配就近的商家。
?????【名稱(chēng)】顯示平臺(tái)名稱(chēng)“蓉惠通”
【消息欄】隱藏“搜索”“消息”:可以是第三方消息布疙,或者系統(tǒng)消息蚊惯,以及推送消息等愿卸。“投訴與意見(jiàn)”可點(diǎn)擊進(jìn)入投訴頁(yè)面截型,也可以提意見(jiàn)趴荸。
【輪播圖】共計(jì)三張,展示平臺(tái)信息宦焦,以及一些優(yōu)惠等发钝。
中間部分:
【日常用水】點(diǎn)擊可進(jìn)入用水界面。
【公司保潔】點(diǎn)擊進(jìn)入保潔頁(yè)面
【設(shè)備租賃】進(jìn)入設(shè)備租賃界面
【網(wǎng)絡(luò)維修】進(jìn)入網(wǎng)絡(luò)維修頁(yè)面
【綠植租賃】進(jìn)入植物租賃頁(yè)面
【更多期待】待定階段
底部:
【首頁(yè)】為載入頁(yè)面【訂單】【購(gòu)物車(chē)】【我的】停留頁(yè)面即圖標(biāo)以及文字即顯示為藍(lán)色邊框波闹,亮白色填充酝豪。
3.2 首頁(yè)頁(yè)面設(shè)計(jì)
3.2.1首頁(yè)展示區(qū)
?
三張輪播圖滾動(dòng)播放,向左滑動(dòng)精堕,時(shí)間為3秒孵淘。顯示平臺(tái)信息,優(yōu)惠等锄码。
4 ?日常用水頁(yè)
4.1 日常用水頁(yè)頁(yè)面展示
?
頂部:【返回】點(diǎn)擊返回主頁(yè)
【篩選】:產(chǎn)品分類(lèi)夺英,種類(lèi)晌涕,和品牌三者篩選滋捶。
【飲水機(jī)】【飲用水】商品展示;
4.2 日常用水頁(yè)面結(jié)構(gòu)
輪播圖三張余黎,顯示預(yù)訂較多的品牌的桶裝水重窟。下面是平臺(tái)通知。下面展示水的名稱(chēng)和規(guī)格惧财,點(diǎn)擊加號(hào)可以自主選擇巡扇。底部在商品選擇滿30元過(guò)后即可顯示藍(lán)色并且結(jié)算,再加以5元的配送費(fèi)垮衷。
點(diǎn)擊結(jié)算進(jìn)入支付頁(yè)面厅翔,如果未滿30元,則會(huì)提示搀突;已經(jīng)滿30元刀闷,直接進(jìn)入結(jié)算支付頁(yè)面
支付頁(yè)面中,選擇地址仰迁,查看選擇商品以及數(shù)量甸昏,支付方式均為在線支付,發(fā)票可選擇開(kāi)或者不開(kāi)兩種方式徐许。點(diǎn)擊提交訂單施蜜,進(jìn)入訂單提交頁(yè)面。訂單提交后——支付方式(微信支付雌隅、余額支付——支付寶支付首選擇余額支付翻默,因?yàn)榭梢詫?duì)賬戶(hù)進(jìn)行充值缸沃。)——輸入密碼;
5 ?花草租賃
5.1 花草租賃頁(yè)面展示
?
頂部:【返回主頁(yè)】直接返回主頁(yè)頁(yè)面
【綠植租賃】本頁(yè)標(biāo)題
【篩選】可以點(diǎn)擊篩選用戶(hù)需要的植物類(lèi)型修械,植物寓意和泌,植物功效。
輪播圖:3張花草植物的輪播圖祠肥,向左滑動(dòng)武氓,時(shí)間間隔為3秒。
通知:平臺(tái)提供的最新活動(dòng)和一些租賃規(guī)則等仇箱。
展示:提供植物的圖片县恕,名稱(chēng)作用等信息,標(biāo)明價(jià)格剂桥,查看銷(xiāo)量忠烛,添加數(shù)量等消息。
底部:在選擇所需要的植物過(guò)后可顯示總需要價(jià)格权逗,(未包括配送費(fèi))點(diǎn)擊放心配送可進(jìn)入支付頁(yè)面美尸。
5.2??花草租賃頁(yè)面結(jié)構(gòu)
6 ?企業(yè)保潔
6.1 保潔頁(yè)面展示
【返回】返回主頁(yè)面
【企業(yè)保潔】頁(yè)面主題
【我的預(yù)約】可點(diǎn)擊查看用戶(hù)所預(yù)約的項(xiàng)目,切可以看到預(yù)約的完成項(xiàng)目斟薇,未完成的項(xiàng)目等师坎,待完成項(xiàng)目的情況;也可以查看聯(lián)系方式堪滨,公司地址等消息胯陋。方便用戶(hù)管理;
?
?
【輪播圖】三張輪播圖展示保潔效果袱箱,運(yùn)用暖色調(diào)遏乔,渲染溫馨的氛圍,每張圖片向左滑動(dòng)发笔,沒(méi)張3秒時(shí)間間隔盟萨;
【提示、標(biāo)志】幾句宣傳語(yǔ)和口碑
【圖片】生活的小幫手了讨,企業(yè)的小助手捻激;
【作用標(biāo)簽】張貼各種各樣的標(biāo)簽,展現(xiàn)了平臺(tái)各樣的便捷和作用量蕊;
【推薦】推薦的保潔的公司铺罢,根據(jù)效益、服務(wù)質(zhì)量残炮、口碑等方面綜合評(píng)估來(lái)推薦的韭赘;
以上皆為靜態(tài)頁(yè)面;
【我的預(yù)約信息】時(shí)間势就,地點(diǎn)泉瞻,企業(yè)信息脉漏;聯(lián)系電話;聯(lián)系人和備注信息袖牙;下方會(huì)有紅色提示侧巨,信息完善后,工作人員在48小時(shí)內(nèi)主動(dòng)和用戶(hù)聯(lián)系鞭达;點(diǎn)擊預(yù)約即可司忱;
6.2?保潔頁(yè)面結(jié)構(gòu)
7 ?維修服務(wù)
7.1 維修服務(wù)頁(yè)面展示
?
【返回】返回主頁(yè)面
【企業(yè)維修】頁(yè)面標(biāo)題
【我的預(yù)約】預(yù)約和之前我的預(yù)約相同即可;
【輪播圖】三張輪播圖畴蹭,分別為“網(wǎng)絡(luò)維修”“機(jī)器維修”“電腦維修”向左滑動(dòng)坦仍,時(shí)間為3秒間隔;
【通知欄】提示平臺(tái)通知叨襟,突出上門(mén)服務(wù)時(shí)間繁扎;
【服務(wù)流程】方便用戶(hù)理解服務(wù)的流程;網(wǎng)上預(yù)約——電話確認(rèn)——上門(mén)維修——維修完成——質(zhì)量跟蹤五個(gè)步驟糊闽,為用戶(hù)提供保障梳玫;
【合作企業(yè)】顯示與平臺(tái)合作的企業(yè)的名稱(chēng);
【維修信息】“維修類(lèi)型”“企業(yè)名稱(chēng)”“企業(yè)地址”“聯(lián)系方式”“聯(lián)系人”
“故障描述”:方便平臺(tái)派遣相關(guān)的人員右犹;
【提示】提示預(yù)約時(shí)間提澎,上門(mén)服務(wù)時(shí)間;上門(mén)服務(wù)的費(fèi)用等傀履;
點(diǎn)擊可預(yù)約維修即可虱朵!
7.2?維修服務(wù)頁(yè)面結(jié)構(gòu)
8 ?設(shè)備租賃
8.1 設(shè)備租賃頁(yè)面展示
?
【返回】返回主頁(yè)
【設(shè)備租賃】本頁(yè)標(biāo)題
【我的預(yù)約】同上
【輪播圖】三張輪播圖莉炉,時(shí)間間隔3秒钓账,向左滑動(dòng);圖片分別為不同品牌的設(shè)備圖片(目前皆為復(fù)印機(jī)和凈化器)突出質(zhì)量保障絮宁;
【服務(wù)流程】“在線預(yù)約”——“顧問(wèn)上門(mén)”——“簽訂合同”——“方案?jìng)湄洝薄吧祥T(mén)暗轉(zhuǎn)”——“產(chǎn)品跟蹤”六大步驟梆暮;
【圖片展示】展示打印機(jī)和凈化器兩種產(chǎn)品的信息;點(diǎn)擊進(jìn)入產(chǎn)品列表绍昂;
?
【篩選】可選擇“種類(lèi)”“品牌”
【產(chǎn)品清單】圖片啦粹、品牌、作用功能窘游、
詳情信息唠椭;點(diǎn)擊查看產(chǎn)品詳情,顯示價(jià)格忍饰,套餐情況等贪嫂;
【提示】點(diǎn)擊預(yù)約,顯示預(yù)約后聯(lián)系時(shí)間艾蓝;
8.2 設(shè)備租賃頁(yè)面結(jié)構(gòu)
?