首頁(yè)web端和手機(jī)端

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

內(nèi)容巡檢頁(yè)

設(shè)計(jì)過(guò)程

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

banner設(shè)計(jì)

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

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

icon

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