核能集團英文門戶網站改版設計 發(fā)表于:2024-04-20

交互設計 | UI設計

01 定義風格

調整主色,更加符合企業(yè)品牌理念

主色選擇了更具科技感、專業(yè)感的藍色,符合行業(yè)特點,同時增添沉穩(wěn)大氣的感受;綠色輔助色本身具有環(huán)保公益的屬性,兩種顏色搭配凸顯了品牌的行業(yè)特點以及企業(yè)使命。

調整框架,劃分內容層級

通過優(yōu)化布局和導航結構,用戶可以更輕松、更直觀地找到所需信息。調整布局和元素大小,可以更有效地突出重要內容,引導用戶關注。統(tǒng)一的視覺風格和布局有助于增強品牌形象,提升用戶對網站的信任感。

02 調整框架結構

確定各模塊功能及內容

首頁

快速抓住用戶眼球,提供便捷溝通方式,促成業(yè)務溝通;

產品與服務

業(yè)務、服務、產品介紹;

關于我們

我們是誰,我們的能力;

專題熱點

專業(yè)團隊實力、社會責任、為用戶建立信心,取得信任;

聯(lián)系我們

快速建立聯(lián)系

信息架構調整

將原來的通知公告收起右上方,聯(lián)系我們作為懸浮窗放在右側,簡化頁面的復雜程度,降低因信息過多造成的用戶心理負擔;

增加了治理架構模塊;

同時也底欄增加了飛書、微信、微博等聯(lián)系方式(后期可擴展)方便用戶聯(lián)系我們。

03 視覺設計

信息架構

規(guī)劃網站的內容結構,確保信息層次清晰、邏輯性強,便于用戶快速找到所需信息。;

交互設計

優(yōu)化按鈕、表單、彈窗等交互元素的設計,提升用戶與網站的互動體驗。;