佳怡供應(yīng)鏈企業(yè)集團(tuán)(下文稱(chēng)佳怡物流)于1999年創(chuàng)立,是專(zhuān)注于現(xiàn)代物流與供應(yīng)鏈服務(wù)的大型綜合性企業(yè)。為中國(guó)物流百?gòu)?qiáng)企業(yè)、改革開(kāi)放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ā)展新形象,讓用戶(hù)感受到集團(tuán)的實(shí)力與發(fā)展規(guī)模、看到佳怡的業(yè)務(wù)特色和文化特質(zhì),參與進(jìn)“共建理想家園”的建設(shè)中來(lái)。
標(biāo)梵互動(dòng)服務(wù)內(nèi)容:PC端品牌官網(wǎng)建設(shè),移動(dòng)端品牌官網(wǎng)建設(shè)
網(wǎng)站已上線,歡迎體驗(yàn)
佳怡物流舊站
佳怡物流新站
我們不得不承認(rèn),良好的色彩使用可以讓一個(gè)網(wǎng)站改頭換面。
“共建理想家園”是具有號(hào)召意義的,為了讓網(wǎng)站具備領(lǐng)袖個(gè)性,就需要通過(guò)視覺(jué)效果和風(fēng)格來(lái)傳達(dá)。標(biāo)梵希望佳怡物流的網(wǎng)站有人格,有時(shí)尚感,也有一個(gè)不容忽視的引導(dǎo)力,讓大家看到佳怡物流升級(jí)品牌官網(wǎng)后的新形象。
001 風(fēng)格
在WVI視覺(jué)規(guī)范中,標(biāo)梵對(duì)兩個(gè)部分的顏色使用進(jìn)行了重新定義,一是主色,二是輔色。
配色靈感來(lái)源于品牌色調(diào)和對(duì)環(huán)境的理解,既有深度的陰影,也有明亮的高光。在佳怡物流頁(yè)面中,用戶(hù)能清晰地感知到標(biāo)梵精致的用色手法。
輔助色并非是沿用經(jīng)驗(yàn)主義,我們需要從生活和自然界中得到一些警示和啟發(fā)。
主色應(yīng)該只存在于導(dǎo)航、按鈕、鏈接和標(biāo)題中,便于用戶(hù)選擇和理解。如果占比過(guò)多,則會(huì)導(dǎo)致過(guò)度飽和,用戶(hù)的感官將被一擁而上的信息和色彩淹沒(méi),無(wú)法順利享受任何數(shù)字體驗(yàn)。
我們目前看到的大多數(shù)現(xiàn)代品牌都在追求極簡(jiǎn)主義,用整潔簡(jiǎn)單的方式呈現(xiàn)干凈的視覺(jué)理念來(lái)激發(fā)行動(dòng)力。
標(biāo)梵以白為輔色大面積使用,增加暢想空間,關(guān)鍵位置以主色來(lái)強(qiáng)化品牌風(fēng)格。
002 引導(dǎo)
顏色和圖形的建立不僅是為了保持網(wǎng)站的形象一致,有助于深化品牌概念,它還能表達(dá)網(wǎng)頁(yè)的層次結(jié)構(gòu)以及每個(gè)組件的當(dāng)前使用狀態(tài)。
這符合了網(wǎng)站的易用性原則:顏色可以表示界面的哪些部分是可交互的,以及它們與其他組件的關(guān)系、主次之分,以此幫助用戶(hù)理解需要做什么操作,引導(dǎo)他們按照順序閱讀。
易讀性:為了用戶(hù)能夠更加快速的了解佳怡物流,標(biāo)梵在首頁(yè)輪播圖和每個(gè)項(xiàng)目頂欄都用圖片作引導(dǎo)。結(jié)合適宜的文字和圖片,以視覺(jué)直觀地呈現(xiàn)出不同故事,讓大家知道佳怡物流升級(jí)品牌官網(wǎng)的獨(dú)特之處。
在此次數(shù)字化形象的開(kāi)發(fā)中,標(biāo)梵分別建設(shè)了PC站和移動(dòng)站官網(wǎng)。
您或許有個(gè)疑惑,難道自適應(yīng)不能解決適應(yīng)屏幕大小的問(wèn)題嗎,為什么二者要分開(kāi)處理?
復(fù)制一個(gè)經(jīng)驗(yàn)套用到所有客戶(hù)身上是愚昧的,我們?cè)趧?chuàng)造一件產(chǎn)品的時(shí)候,應(yīng)該為用戶(hù)提供包容性設(shè)計(jì),這并不是指要滿足所有用戶(hù)的設(shè)計(jì),而是一整套滿足不同用戶(hù)需求、不同體驗(yàn)的方案。
自適應(yīng)并不是解決性能的萬(wàn)能鑰匙,我們既然要打開(kāi)用戶(hù)體驗(yàn)最佳的鎖芯,還須精研每位客戶(hù)的獨(dú)特訴求和他們的慣用行為。
標(biāo)梵常為政府、學(xué)校、藝術(shù)單位、創(chuàng)業(yè)公司、中型企業(yè)搭建自適應(yīng)網(wǎng)站,這些頁(yè)面的特點(diǎn)為用戶(hù)交互量小,網(wǎng)頁(yè)以形象展示為主,溝通為輔,兼容性代碼少,適合做成響應(yīng)式站點(diǎn)。
但是專(zhuān)為佳怡物流PC端設(shè)計(jì)的頁(yè)面更為復(fù)雜,功能模塊精細(xì),分類(lèi)詳盡,用戶(hù)查詢(xún)單號(hào)使用頻次高;而移動(dòng)端不適合做復(fù)雜操作,足夠簡(jiǎn)潔就是足夠友好,它的反應(yīng)必須比眨眼還靈敏……等等,這就無(wú)法將兩者的目的兼容,很難做到自適應(yīng)的統(tǒng)一,這也是佳怡物流升級(jí)品牌官網(wǎng)需要解決的事情。
由于自適應(yīng)涉及到的代碼繁多,同時(shí)寫(xiě)入PC和移動(dòng)端將導(dǎo)致打開(kāi)速度緩慢,所以我們分開(kāi)進(jìn)行品牌官網(wǎng)建設(shè);
為了確保文本和圖片的排版布局,不舍棄我們的分類(lèi)原則,理應(yīng)分開(kāi)處理;
移動(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é),旨在提高用戶(hù)與品牌第一次交互體驗(yàn)感。
標(biāo)梵在整個(gè)設(shè)計(jì)和開(kāi)發(fā)流程中使用透明工作方法,歡迎客戶(hù)參與到整個(gè)工作過(guò)程中。