產(chǎn)品定位
遠(yuǎn)東移動(dòng)門(mén)戶(hù)APP-人力資源模塊包含收入證明、在職證明、假期管理、公租房、政策公示等，同時(shí)將互動(dòng)信息在集團(tuán)公告區(qū)互動(dòng)展示，實(shí)現(xiàn)人員管理、交流協(xié)同化和一體化。使集團(tuán)工作更便捷、高效，組織管理更透明化，合理化。
遠(yuǎn)東宏信有限公司(以下簡(jiǎn)稱(chēng)“遠(yuǎn)東宏信”)是一家橫跨金融和產(chǎn)業(yè)的綜合集團(tuán)，以“匯聚全球資源、助力中國(guó)產(chǎn)業(yè)”為使命，于2011年在香港聯(lián)交所主板上市，股票代碼03360.HK。公司多年來(lái)引領(lǐng)行業(yè)發(fā)展，蟬聯(lián)《財(cái)富》中國(guó)500強(qiáng)、《福布斯》全球2000強(qiáng)。專(zhuān)注于中國(guó)基礎(chǔ)產(chǎn)業(yè)，在城市公用、醫(yī)療健康、文化旅游、工程建設(shè)、機(jī)械制造、化工醫(yī)藥、電子信息、民生消費(fèi)、交通物流等領(lǐng)域，提供融資租賃、普惠金融、商業(yè)保理、資產(chǎn)業(yè)務(wù)、股權(quán)投資、建設(shè)項(xiàng)目投
資、海外業(yè)務(wù)等綜合金融服務(wù)；同時(shí)開(kāi)展醫(yī)院運(yùn)營(yíng)、健康養(yǎng)老、設(shè)備運(yùn)營(yíng)、K-12教育等產(chǎn)業(yè)運(yùn)營(yíng)服務(wù)。藍(lán)藍(lán)設(shè)計(jì)本次與遠(yuǎn)東宏信合作，對(duì)「遠(yuǎn)東移動(dòng)門(mén)戶(hù)」APP進(jìn)行改版設(shè)計(jì)，針對(duì)原有界面信息堆砌，沒(méi)有主次，交互使用不方便等方面，藍(lán)藍(lán)設(shè)計(jì)對(duì)產(chǎn)品的功能/交互/視覺(jué)呈現(xiàn)進(jìn)行了重新改版。
目標(biāo)用戶(hù)
遠(yuǎn)東移動(dòng)門(mén)戶(hù)APP面向和服務(wù)于公司全體領(lǐng)導(dǎo)和員工,是一個(gè)綜合性、協(xié)同性的辦公管理系統(tǒng)。本著操作便捷，辦事方便高效，溝通及時(shí)有效的原則，界面友好易用、簡(jiǎn)潔美觀。
設(shè)計(jì)風(fēng)格
視覺(jué)方面，整體色調(diào)與公司logo及網(wǎng)站主色調(diào)紅色保持一致。交互上，考慮到使用便捷、省時(shí)，提取主要功能按鈕放在首頁(yè)上方；同時(shí)，常用的業(yè)務(wù)模塊集中展示，并做精細(xì)化處理。保證界面整體性和簡(jiǎn)潔統(tǒng)一，并做到有主有次，層次清晰。在布局上，做了兩套方案供客戶(hù)選擇。第一套更大膽創(chuàng)新，第二套則相對(duì)中規(guī)中矩。
遠(yuǎn)東移動(dòng)門(mén)戶(hù)-人力資源模塊
方案一的設(shè)計(jì)風(fēng)格參考近年國(guó)際流行的設(shè)計(jì)趨勢(shì)「玻璃擬物化」風(fēng)格，帶給用戶(hù)“創(chuàng)新、質(zhì)感、高品質(zhì)”的用戶(hù)體驗(yàn)。在保持APP整體設(shè)計(jì)語(yǔ)言的一致的前提下；頁(yè)面布局按照我們的理解進(jìn)行適當(dāng)?shù)膬?yōu)化，以更加貼近用戶(hù)使用場(chǎng)景。
整體設(shè)計(jì)簡(jiǎn)約、優(yōu)雅、創(chuàng)新，易用性好。色彩以公司VI紅色為主，金色為輔助色，營(yíng)造溫暖關(guān)懷的人力資源使用氛圍。
方案一
遠(yuǎn)東移動(dòng)門(mén)戶(hù)-首頁(yè)設(shè)計(jì)
頂部模塊——包括「返回首頁(yè)」「搜索框」「消息入口」三個(gè)功能。
智能小東——方案一中「智能小東」按照原型排布方式進(jìn)行設(shè)計(jì)，我們?yōu)橹悄苄|創(chuàng)造了新的IP形象-智能客服機(jī)器人，通過(guò)擬物化的設(shè)計(jì)，直觀地將「智能小東」功能，用途及形象展示給用戶(hù)。
Banner區(qū)域——banner區(qū)域采用了一體化設(shè)計(jì)語(yǔ)言，將「系統(tǒng)信息區(qū)」，「頂部模塊」和「banner」區(qū)域作為一個(gè)整體視覺(jué)區(qū)來(lái)設(shè)計(jì)，這樣做可以增大banner可視區(qū)域，同時(shí)整體化的設(shè)計(jì)可以最大限度營(yíng)造氛圍，減少頁(yè)面的割裂感，增強(qiáng)視覺(jué)沖擊力。少尋找信息的時(shí)間，提升辦公效率。
信息展示區(qū)——展示集團(tuán)信息公告。
核心信息展示區(qū)——將「帶薪年假」「家長(zhǎng)會(huì)假」「病假」「事假」四類(lèi)核心信息以卡片形式展示在頁(yè)面頂部，并將“我要請(qǐng)假”核心按鈕融合于卡片之中，這種處理方式能很好地兼顧視覺(jué)引導(dǎo)性和操作便利性，用戶(hù)既可以一眼看到關(guān)注的核心信息，也可以用最快的速度點(diǎn)擊「我要請(qǐng)假」進(jìn)入請(qǐng)假功能流程中。
其他假期——方案一中把「其他假期」信息以卡片形式展示，并配以示意性圖標(biāo)，方便用戶(hù)快速獲取相關(guān)信息，提高頁(yè)面信息展示量的同時(shí)保證頁(yè)面美觀度。
核心信息展示區(qū)——將「帶薪年假」「家長(zhǎng)會(huì)假」「病假」「事假」四種假以卡片形式展示，并圍繞在「請(qǐng)假按鈕」四周，這種處理方式能很好地兼顧視覺(jué)引導(dǎo)性和操作便利性，用戶(hù)既可以一眼看到關(guān)注的核心信息，也可以用最快的速度點(diǎn)擊「我要請(qǐng)假」進(jìn)入請(qǐng)假功能流程中。
遠(yuǎn)東移動(dòng)門(mén)戶(hù)-人力資源模塊
方案二相對(duì)中規(guī)中矩， 整體采用「簡(jiǎn)潔+質(zhì)感」的設(shè)計(jì)思路，強(qiáng)調(diào)功能至上；盡可能減少不必要的裝飾元素，突出信息本身，去掉視覺(jué)干擾元素；通過(guò)不斷調(diào)整優(yōu)化頁(yè)面模塊比例，打磨設(shè)計(jì)細(xì)節(jié)來(lái)體現(xiàn)整體的質(zhì)感。
Banner為長(zhǎng)方形，方便后期普通的上傳圖片維護(hù)。 圖標(biāo)設(shè)計(jì)以面與線(xiàn)結(jié)合重新設(shè)計(jì)另一種風(fēng)格表達(dá)。 “我要請(qǐng)假”按鈕放在最下面，常規(guī)的方式展現(xiàn)。
方案二
遠(yuǎn)東移動(dòng)門(mén)戶(hù)-首頁(yè)設(shè)計(jì)
頂部模塊——包括「返回首頁(yè)」「搜索框」「消息入口」三個(gè)功能。
智能小東——方案二中將「智能小東」以懸浮按鈕形式展示于頁(yè)面右下角，剛進(jìn)入時(shí)，以對(duì)話(huà)形式告知用戶(hù)「智能小東」的功能和入口。懸浮按鈕固定于頁(yè)面右下角，不會(huì)隨頁(yè)面滾動(dòng)而發(fā)生位移。懸浮按鈕可以節(jié)省頁(yè)面空間，以展示更多的信息。
Banner區(qū)域——banner區(qū)域采用了一體化設(shè)計(jì)語(yǔ)言，將「系統(tǒng)信息區(qū)」，「頂部模塊」和「banner」區(qū)域作為一個(gè)整體視覺(jué)區(qū)來(lái)設(shè)計(jì)，這樣做可以增大banner可視區(qū)域，同時(shí)整體化的設(shè)計(jì)可以最大限度營(yíng)造氛圍，減少頁(yè)面的割裂感，增強(qiáng)視覺(jué)沖擊力。少尋找信息的時(shí)間，提升辦公效率。
信息展示區(qū)——展示集團(tuán)信息公告。
核心信息展示區(qū)——將「帶薪年假」「家長(zhǎng)會(huì)假」「病假」「事假」四類(lèi)核心信息以卡片形式展示在頁(yè)面頂部，并將“我要請(qǐng)假”核心按鈕融合于卡片之中，這種處理方式能很好地兼顧視覺(jué)引導(dǎo)性和操作便利性，用戶(hù)既可以一眼看到關(guān)注的核心信息，也可以用最快的速度點(diǎn)擊「我要請(qǐng)假」進(jìn)入請(qǐng)假功能流程中。
其他假期——方案一中把「其他假期」信息以卡片形式展示，并配以示意性圖標(biāo)，方便用戶(hù)快速獲取相關(guān)信息，提高頁(yè)面信息展示量的同時(shí)保證頁(yè)面美觀度。
遠(yuǎn)東移動(dòng)門(mén)戶(hù)-人力資源模塊
方案1：
方案2：
設(shè)計(jì)作品物流信息化設(shè)計(jì)
設(shè)計(jì)作品應(yīng)急大屏設(shè)計(jì)
數(shù)慧時(shí)空國(guó)土資源數(shù)據(jù)中心一張圖平臺(tái)PC端界面設(shè)計(jì)
設(shè)計(jì)作品應(yīng)急大屏設(shè)計(jì)
設(shè)計(jì)作品應(yīng)急大屏設(shè)計(jì)
設(shè)計(jì)作品大屏設(shè)計(jì)
