佳怡供應(yīng)鏈企業(yè)集團(tuán)（下文稱佳怡物流）于1999年創(chuàng)立，是專注于現(xiàn)代物流與供應(yīng)鏈服務(wù)的大型綜合性企業(yè)。為中國(guó)物流百強(qiáng)企業(yè)、改革開放40年中國(guó)物流杰出企業(yè)、國(guó)家級(jí)示范物流園區(qū)、中國(guó)民營(yíng)物流企50強(qiáng)，旗下?lián)碛?家國(guó)家5A級(jí)物流企業(yè)。

標(biāo)梵互動(dòng)為佳怡物流提供品牌官網(wǎng)建設(shè)，塑出快速發(fā)展新形象，讓用戶感受到集團(tuán)的實(shí)力與發(fā)展規(guī)模、看到佳怡的業(yè)務(wù)特色和文化特質(zhì)，參與進(jìn)“共建理想家園”的建設(shè)中來。

標(biāo)梵互動(dòng)服務(wù)內(nèi)容：PC端品牌官網(wǎng)建設(shè)，移動(dòng)端品牌官網(wǎng)建設(shè)

網(wǎng)站已上線，歡迎體驗(yàn)

www.jiayi56.com

佳怡物流舊站

佳怡物流新站

我們不得不承認(rèn)，良好的色彩使用可以讓一個(gè)網(wǎng)站改頭換面。

“共建理想家園”是具有號(hào)召意義的，為了讓網(wǎng)站具備領(lǐng)袖個(gè)性，就需要通過視覺效果和風(fēng)格來傳達(dá)。標(biāo)梵希望佳怡物流的網(wǎng)站有人格，有時(shí)尚感，也有一個(gè)不容忽視的引導(dǎo)力，讓大家看到佳怡物流升級(jí)品牌官網(wǎng)后的新形象。

001 風(fēng)格

在WVI視覺規(guī)范中，標(biāo)梵對(duì)兩個(gè)部分的顏色使用進(jìn)行了重新定義，一是主色，二是輔色。

配色靈感來源于品牌色調(diào)和對(duì)環(huán)境的理解，既有深度的陰影，也有明亮的高光。在佳怡物流頁面中，用戶能清晰地感知到標(biāo)梵精致的用色手法。

輔助色并非是沿用經(jīng)驗(yàn)主義，我們需要從生活和自然界中得到一些警示和啟發(fā)。

主色應(yīng)該只存在于導(dǎo)航、按鈕、鏈接和標(biāo)題中，便于用戶選擇和理解。如果占比過多，則會(huì)導(dǎo)致過度飽和，用戶的感官將被一擁而上的信息和色彩淹沒，無法順利享受任何數(shù)字體驗(yàn)。

我們目前看到的大多數(shù)現(xiàn)代品牌都在追求極簡(jiǎn)主義，用整潔簡(jiǎn)單的方式呈現(xiàn)干凈的視覺理念來激發(fā)行動(dòng)力。

標(biāo)梵以白為輔色大面積使用，增加暢想空間，關(guān)鍵位置以主色來強(qiáng)化品牌風(fēng)格。

002 引導(dǎo)

顏色和圖形的建立不僅是為了保持網(wǎng)站的形象一致，有助于深化品牌概念，它還能表達(dá)網(wǎng)頁的層次結(jié)構(gòu)以及每個(gè)組件的當(dāng)前使用狀態(tài)。

這符合了網(wǎng)站的易用性原則：顏色可以表示界面的哪些部分是可交互的，以及它們與其他組件的關(guān)系、主次之分，以此幫助用戶理解需要做什么操作，引導(dǎo)他們按照順序閱讀。

易讀性：為了用戶能夠更加快速的了解佳怡物流，標(biāo)梵在首頁輪播圖和每個(gè)項(xiàng)目頂欄都用圖片作引導(dǎo)。結(jié)合適宜的文字和圖片，以視覺直觀地呈現(xiàn)出不同故事，讓大家知道佳怡物流升級(jí)品牌官網(wǎng)的獨(dú)特之處。

在此次數(shù)字化形象的開發(fā)中，標(biāo)梵分別建設(shè)了PC站和移動(dòng)站官網(wǎng)。

您或許有個(gè)疑惑，難道自適應(yīng)不能解決適應(yīng)屏幕大小的問題嗎，為什么二者要分開處理？

復(fù)制一個(gè)經(jīng)驗(yàn)套用到所有客戶身上是愚昧的，我們?cè)趧?chuàng)造一件產(chǎn)品的時(shí)候，應(yīng)該為用戶提供包容性設(shè)計(jì)，這并不是指要滿足所有用戶的設(shè)計(jì)，而是一整套滿足不同用戶需求、不同體驗(yàn)的方案。

自適應(yīng)并不是解決性能的萬能鑰匙，我們既然要打開用戶體驗(yàn)最佳的鎖芯，還須精研每位客戶的獨(dú)特訴求和他們的慣用行為。

標(biāo)梵常為政府、學(xué)校、藝術(shù)單位、創(chuàng)業(yè)公司、中型企業(yè)搭建自適應(yīng)網(wǎng)站，這些頁面的特點(diǎn)為用戶交互量小，網(wǎng)頁以形象展示為主，溝通為輔，兼容性代碼少，適合做成響應(yīng)式站點(diǎn)。

但是專為佳怡物流PC端設(shè)計(jì)的頁面更為復(fù)雜，功能模塊精細(xì)，分類詳盡，用戶查詢單號(hào)使用頻次高；而移動(dòng)端不適合做復(fù)雜操作，足夠簡(jiǎn)潔就是足夠友好，它的反應(yīng)必須比眨眼還靈敏……等等，這就無法將兩者的目的兼容，很難做到自適應(yīng)的統(tǒng)一，這也是佳怡物流升級(jí)品牌官網(wǎng)需要解決的事情。

由于自適應(yīng)涉及到的代碼繁多，同時(shí)寫入PC和移動(dòng)端將導(dǎo)致打開速度緩慢，所以我們分開進(jìn)行品牌官網(wǎng)建設(shè)；

為了確保文本和圖片的排版布局，不舍棄我們的分類原則，理應(yīng)分開處理；

移動(dòng)端的優(yōu)化不同于PC端，分離更有利于執(zhí)行后期的優(yōu)化。

數(shù)字形象是品牌所有相關(guān)屬性的整合展示，也是進(jìn)入互聯(lián)網(wǎng)市場(chǎng)的首位戰(zhàn)略步驟。不僅需要貢獻(xiàn)設(shè)計(jì)力量，還需策劃全備的模塊功能、管理相應(yīng)細(xì)節(jié)，旨在提高用戶與品牌第一次交互體驗(yàn)感。

標(biāo)梵在整個(gè)設(shè)計(jì)和開發(fā)流程中使用透明工作方法，歡迎客戶參與到整個(gè)工作過程中。