“銀行統(tǒng)一監(jiān)管報送系統(tǒng)”是銀豐新融第二次和藍(lán)藍(lán)設(shè)計合作，這次合作更加特殊，在疫情期間大家遠(yuǎn)程辦公。該項目主要是全面滿足各類監(jiān)管報送要求，各類監(jiān)管報表的靈活定制，滿足最新監(jiān)管規(guī)則要求，自動靈活的數(shù)據(jù)采集加工等等。藍(lán)藍(lán)設(shè)計與銀豐新融合作，負(fù)責(zé)交互設(shè)計，界面設(shè)計及開發(fā)。
這個項目的時間要求特別緊迫， 工作量非常大，特別是開發(fā)工作比較艱巨。對接負(fù)責(zé)人非常敬業(yè)，每次反饋的文檔都特別的詳細(xì),并且每天都會開會討論當(dāng)天工作進度及成果，及時溝通解決項目中遇到的各種問題和困難。盡管項目進行的EXT開發(fā)過程中遇到一些困難，但經(jīng)過大家一起努力最終克服困難。
產(chǎn)品定位
銀行業(yè)面臨人民銀行、銀監(jiān)會及外管局三大監(jiān)管當(dāng)局，其建設(shè)的監(jiān)管報送平臺應(yīng)充分滿足各報送模塊的報送
業(yè)務(wù)流程與監(jiān)管要求，主要包括：人行大集中統(tǒng)計報表、人行標(biāo)準(zhǔn)化、人行利率報備統(tǒng)計報表、人行支付指標(biāo)統(tǒng)計報表、人行理財產(chǎn)品報表、銀監(jiān)會EAST系統(tǒng)、1104報表等等二十余種監(jiān)管類報表。
目標(biāo)用戶
銀豐新融業(yè)務(wù)范圍覆蓋了銀行、保險、第三方支付、信托、證券、擔(dān)保公司等金融企業(yè)，客戶總數(shù)將近200家。其中，銀行業(yè)客戶占絕大部分比重，銀行客戶遍布國有銀行、政策性銀行、股份制商業(yè)銀行、城市商業(yè)銀行、農(nóng)村商業(yè)銀行、農(nóng)村合作銀行、農(nóng)村信用社以及村鎮(zhèn)銀行等各類銀行機構(gòu)。
設(shè)計風(fēng)格
第一版設(shè)計采用商務(wù)風(fēng)的藍(lán)色，整體采用比較流行的扁平風(fēng)，簡潔大方，布局方面，以大間距和卡片式布局等主流布局為主，主要突出信息本身。由于整個系統(tǒng)比較龐大，首頁是重新畫的原型然后設(shè)計，其他頁在原有的原形基礎(chǔ)上進行美化，設(shè)計整體完成后，還適配了紅色、橘黃色和綠色幾個版本。
首頁原型
首頁風(fēng)格采用深藍(lán)色和白色為主，淺藍(lán)為輔，整體較為穩(wěn)重且簡潔大方。
整體布局采用左側(cè)為統(tǒng)計圖、代辦統(tǒng)計、常用菜單和公告。右側(cè)為用戶的登錄信息，以及用戶相關(guān)辦理數(shù)據(jù)和消息。
統(tǒng)計圖可根據(jù)后期需求進行左右切換；代辦事項統(tǒng)計分成兩排羅列，后續(xù)可根據(jù)用戶的不同角色來定制最關(guān)心的前八個數(shù)據(jù)；常用菜單可自定義；公告以時間時間軸的方式展示，左右切換顯示更多，點擊某條可查看詳情。
左側(cè)點擊全部、已審批、待辦事項或消息時下面內(nèi)容會隨之切換成相對應(yīng)的數(shù)據(jù)。
首頁定稿設(shè)計圖
EXT開發(fā)說明
項目屬于后臺管理系統(tǒng)，框架采用的是ext4.5版本，是在原系統(tǒng)的上進行二次開發(fā)升級，保留原先接口大大縮減了客戶的開發(fā)時間，整體共有二十多頁，其中還有四套不同主題的換膚功能。整個系統(tǒng)兼容的主流瀏覽器為ie、火狐、google和safari。頁面適配于1920～1366。
開發(fā)過程中為了兼顧原有系統(tǒng)和設(shè)計圖遇到很多困難，ext原有控件比較單一很難達到設(shè)計圖上的樣式，比如首頁的一些快捷入口每個模塊要隨著內(nèi)容的多少進行自適應(yīng)并且需要左右切換，還有聊天窗口的樣式等等。盡管困難重重藍(lán)藍(lán)設(shè)計在整體項目進行中并沒有顧此失彼，而是把需要克服的問題都一一羅列出來，每天會進行會議討論總結(jié)把困難逐個克服。最后通過大家的共同努力給整個想項目畫上了完美的句號。更多的細(xì)節(jié)展示請看視頻。
數(shù)據(jù)明細(xì)頁原型
數(shù)據(jù)明細(xì)頁是在原有原型基礎(chǔ)上進行優(yōu)化設(shè)計，所以布局上沒有太大的改變。設(shè)計的時候在信息組織上做了小的調(diào)整，比如單選框換了一種表現(xiàn)方式，更加直觀減少用戶的視覺思考。下面“數(shù)據(jù)源物理表字段”中下面的按鈕調(diào)到了和標(biāo)題一行的右側(cè)，這樣既節(jié)省了一行位置，又和上面模塊的按鈕相對應(yīng)。再列表的設(shè)計上，也不同于傳統(tǒng)表格，進行了創(chuàng)新使視覺效果更加清新。
數(shù)據(jù)明細(xì)頁設(shè)計圖
數(shù)據(jù)報錯頁原型
數(shù)據(jù)報錯頁是在原有原型基礎(chǔ)上進行優(yōu)化設(shè)計，所以布局上沒有太大的改變。在風(fēng)格上進行調(diào)整按鈕中的圖標(biāo)藍(lán)藍(lán)設(shè)計進行了統(tǒng)一的改版設(shè)計，由于后續(xù)該系統(tǒng)會有換膚功能，所以在按鈕這塊為了使按鈕在其他色調(diào)的界面上也較為和諧，藍(lán)藍(lán)設(shè)計根據(jù)每個圖標(biāo)的含義進行了雙色設(shè)計。該頁面的每個模塊都有展開收起的功能，下面是每個模塊收起時的效果。
數(shù)據(jù)報錯頁設(shè)計圖
設(shè)計作品應(yīng)急大屏設(shè)計
設(shè)計作品應(yīng)急大屏設(shè)計
設(shè)計作品應(yīng)急大屏設(shè)計
設(shè)計作品大屏設(shè)計
