儲易智慧-倉儲運輸管理系統(tǒng)APP+web后臺

儲易智慧-倉儲運輸管理系統(tǒng)APP+web后臺

圖標(biāo)設(shè)計 | 交互設(shè)計 | 界面設(shè)計

圖標(biāo)設(shè)計 | 交互設(shè)計 | 界面設(shè)計

儲易智慧公司總部長沙德昭物流有限公司成立于2007年7月,前身為貴州榮誠物流有限公司,公司致力于倉儲管理、城市配送和長途運輸,服務(wù)網(wǎng)絡(luò)遍及北京、??凇⑽錆h、長沙、貴陽、蘭州、拉薩等20多個中心城市,年營業(yè)額近億元。公司一直秉承標(biāo)準(zhǔn)化管理,人性化服務(wù),為顧客提供專業(yè)滿意的的物流服務(wù)。目前已成為中糧可口可樂、中國食品、農(nóng)夫山泉、燕京啤酒、中富等公司的供應(yīng)鏈管理戰(zhàn)略合作伙伴,在行業(yè)內(nèi)享有很高聲譽。

儲易智慧倉儲運輸管理系統(tǒng)是集倉儲物流管理,人員管理,行政管理,數(shù)據(jù)統(tǒng)計為一體的管理系統(tǒng),使用環(huán)境涵蓋了業(yè)務(wù)操作,人事管理,行政管理等方面,是一款非常全面,強大的管理軟件系統(tǒng)。web后臺管理系統(tǒng)是與“儲易智慧倉儲運輸管理系統(tǒng)”APP配套使用的,除了涵蓋APP內(nèi)所有功能外,還包含財務(wù)管理,倉庫管理,數(shù)據(jù)管理等模塊,是線上業(yè)務(wù),行政,財務(wù),人力管理的重要依托。藍(lán)藍(lán)設(shè)計負(fù)責(zé)APP和web端的頁面設(shè)計及交互優(yōu)化工作。

01-APP-DESIGN

Prototype

產(chǎn)品原型

LanLan Design

產(chǎn)品原型有客戶提供,我們負(fù)責(zé)將在原型基礎(chǔ)上優(yōu)化交互,并最終輸出視覺設(shè)計稿。

產(chǎn)品原型-02
產(chǎn)品原型-03
產(chǎn)品原型-04
產(chǎn)品原型-05
產(chǎn)品原型-06
產(chǎn)品原型-07
產(chǎn)品原型-08
產(chǎn)品原型-09
產(chǎn)品原型-10
產(chǎn)品原型-11
產(chǎn)品原型-12
產(chǎn)品原型-13

Design

設(shè)計

LanLan Design

由于產(chǎn)品同時涵蓋了業(yè)務(wù)處理,人員管理,行政管理,數(shù)據(jù)統(tǒng)計等多方面的內(nèi)容,在設(shè)計初期,需要對產(chǎn)品進(jìn)行深入的了解,我們在與客戶進(jìn)行了詳細(xì)的溝通個梳理,修部分交互原型圖,最終產(chǎn)出了第一版的設(shè)計稿。 第一版 ?FIRST

第一版提交后,客戶反饋,顏色方面要保持與他們品牌主色調(diào)一致,要采用紅色作為主色來設(shè)計APP。我們在提煉品牌色基礎(chǔ)上,對顏色進(jìn)行了提純和微調(diào),使顏色更加適合當(dāng)下流行配色習(xí)慣。第二版 ?SECOND

第二版提交后,客戶認(rèn)為APP內(nèi)高亮度高對比度的紅色不利于長時間工作,希望我們再修改一下。另外,首頁圖標(biāo)不夠突出,頁面層級不夠,無法滿足APP使用需求等問題也比較突出。

針對這些問題,我們在色調(diào)上進(jìn)行了微調(diào),并加入了儲易智慧品牌元素作為紋理,以增加頁面層次感,減少大面積紅色對客戶帶來視覺上的刺激。功能方面,我們在重新梳理過后,對APP的交互原型圖進(jìn)行了一下微調(diào),并最終輸出第三版視覺設(shè)計稿。第三版視覺設(shè)計稿為客戶最終確定稿。第三版 ? THIRD

Display

展示

LanLan Design

登錄頁

登錄頁1
登錄頁2
登錄頁3
登錄頁4

首頁

首頁1
首頁2
首頁3
首頁4
首頁5

今日簽到

今日簽到1
今日簽到2
今日簽到3
今日簽到4
今日簽到5
今日簽到6

班前準(zhǔn)備

班前準(zhǔn)備1
班前準(zhǔn)備2
班前準(zhǔn)備3
班前準(zhǔn)備4
02-WEB-DESIGN

Design

設(shè)計

LanLan Design

由于web端是配合APP使用的管理系統(tǒng),因此頁面風(fēng)格設(shè)計方面并沒有經(jīng)過大的設(shè)計改動,繼續(xù)沿用APP端的設(shè)計風(fēng)格設(shè)計web端。

web端由于功能區(qū)分較大,而且功能間關(guān)聯(lián)度較小,因此在首頁設(shè)計時,并沒有做全局性的導(dǎo)航,只在首頁主界面中以卡片形式作出功能導(dǎo)航。

Display

展示

界面展示01
界面展示02
界面展示03
界面展示04

  返回