針對原兩大模塊辦公和新聞、公告內(nèi)容模塊，在呈現(xiàn)的選擇上設(shè)計了三大模式：兼容模式、純凈閱讀、極簡辦公。同時對門戶的視覺系統(tǒng)進行了重設(shè)，形成統(tǒng)一并貫穿全局的視覺組件以及規(guī)范。

深入探究中建八局內(nèi)部不同等級職位的需求，在頁面的內(nèi)容模塊結(jié)構(gòu)，文字大小等元素進行區(qū)別化設(shè)計，分為領(lǐng)導(dǎo)版和員工版?；趩T工關(guān)懷等情感化訴求，登陸頁以及門戶首頁處進行了中國不同節(jié)日的插畫和圖標(biāo)設(shè)計。同時同步至企業(yè)微信端。

基于數(shù)據(jù)大屏、PC端的視覺樣式以及交互方式重設(shè)，讓數(shù)據(jù)呈現(xiàn)更加美觀、合理。滿足集團基于戰(zhàn)略端、業(yè)務(wù)端對于不同數(shù)據(jù)的篩選和整合。

在此過程中，針對集團各類系統(tǒng)進行了頁面抽樣及元素擴展，并進行了視覺和交互重設(shè)，形成了一套集團性的視覺規(guī)范體系，其內(nèi)容含括：柵格與結(jié)構(gòu)、色彩規(guī)范、字體規(guī)范、圖標(biāo)規(guī)范、圖層容器、基礎(chǔ)控件、圖表控件、各類規(guī)則等內(nèi)容。

基于AI - Energy提供的初始版的原型進行交互和邏輯的微調(diào)整，重點工作基于視覺設(shè)計進行規(guī)劃以及規(guī)則定義。對VI色進行擴展，重新確定交互色、輔助色群、背景色等，內(nèi)容模塊以卡片式的樣式進行呈現(xiàn)，發(fā)電量數(shù)據(jù)部分更加合理圖表展示。

迭代后APP符合國外用戶習(xí)慣性交互行為，便于AI - Energy用戶對于產(chǎn)品產(chǎn)電的管理和分銷。