儲(chǔ)易智慧-倉(cāng)儲(chǔ)運(yùn)輸管理系統(tǒng)APP+web后臺(tái)

儲(chǔ)易智慧-倉(cāng)儲(chǔ)運(yùn)輸管理系統(tǒng)APP+web后臺(tái)

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

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

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

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

01-APP-DESIGN

Prototype

產(chǎn)品原型

LanLan Design

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

產(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è)計(jì)

LanLan Design

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

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

第二版提交后,客戶認(rèn)為APP內(nèi)高亮度高對(duì)比度的紅色不利于長(zhǎng)時(shí)間工作,希望我們?cè)傩薷囊幌?。另外,首?yè)圖標(biāo)不夠突出,頁(yè)面層級(jí)不夠,無(wú)法滿足APP使用需求等問(wèn)題也比較突出。

針對(duì)這些問(wèn)題,我們?cè)谏{(diào)上進(jìn)行了微調(diào),并加入了儲(chǔ)易智慧品牌元素作為紋理,以增加頁(yè)面層次感,減少大面積紅色對(duì)客戶帶來(lái)視覺(jué)上的刺激。功能方面,我們?cè)谥匦率崂磉^(guò)后,對(duì)APP的交互原型圖進(jìn)行了一下微調(diào),并最終輸出第三版視覺(jué)設(shè)計(jì)稿。第三版視覺(jué)設(shè)計(jì)稿為客戶最終確定稿。第三版 ? THIRD

Display

展示

LanLan Design

登錄頁(yè)

登錄頁(yè)1
登錄頁(yè)2
登錄頁(yè)3
登錄頁(yè)4

首頁(yè)

首頁(yè)1
首頁(yè)2
首頁(yè)3
首頁(yè)4
首頁(yè)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è)計(jì)

LanLan Design

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

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

Display

展示

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

  返回