首頁web端和手機端

海馬云官網(wǎng)是一個企業(yè)官網(wǎng)，其主要作用是對企業(yè)業(yè)務(wù)進(jìn)行展示和引導(dǎo)客戶填寫資料，并回訪聯(lián)系。我們在充分了解現(xiàn)有網(wǎng)站基礎(chǔ)上，針對目前網(wǎng)站存在的一些問題進(jìn)行優(yōu)化設(shè)計，最終產(chǎn)出如下效果圖。

內(nèi)容巡檢頁

設(shè)計過程

在最初設(shè)計中，我們先設(shè)計了 幾個不同風(fēng)格的首頁視覺稿，深色配色較為符合大數(shù)據(jù)行業(yè)專業(yè)，前沿科技，海量信息等特點，且界面較為整體，但是考慮到使用場景多為白天用戶瀏覽使用，不太適合深色背景，因此放棄該版本，選擇淺色背景版本。

banner設(shè)計

在確定了整體風(fēng)格之后，我們開始進(jìn)行二級頁面及banner設(shè)計，二級頁面為公司業(yè)務(wù)說明頁面，排版相對固定；為了突出客戶產(chǎn)品專業(yè)，專注的產(chǎn)品特征，我們對頁面banner，圖標(biāo)進(jìn)行了專門繪制，在突出產(chǎn)品特點的基礎(chǔ)上，強調(diào)頁面的和諧統(tǒng)一。具體設(shè)計過程如下：

在banner設(shè)計過程中，我們進(jìn)行了多次改版，最初提交客戶的版本中，設(shè)計風(fēng)格較為多樣，不同板塊有不同設(shè)計風(fēng)格，較為雜亂，且顏色不統(tǒng)一。針對客戶提出的問題，我們進(jìn)行了修改，最終產(chǎn)出客戶滿意的banner。

icon

在icon設(shè)計過程中，我們前期的思路是用不同顏色來營造多彩，靈動的氛圍，但是這種中設(shè)計思路雖然能為頁面增加設(shè)計感和氛圍，但是并符合大數(shù)據(jù)行業(yè)專業(yè)，一絲不茍的特點，因此，我們準(zhǔn)備重新開工，全部重新繪制符合行業(yè)要求的圖標(biāo)。