所屬行業(yè)：服務(wù)行業(yè)

所用產(chǎn)品：凡科建站

功能亮點(diǎn)：表單功能,、懸停動(dòng)畫,、3D翻轉(zhuǎn)banner,、光標(biāo)跟隨懸停視差

在消費(fèi)升級(jí)的大背景下，電商隨著移動(dòng)支付的出現(xiàn)開始迅速搶占市場(chǎng)份額,，迎來(lái)爆發(fā)式增長(zhǎng),。越來(lái)越多品牌方將電子商務(wù)作為業(yè)務(wù)發(fā)展的重點(diǎn)。

作為電子商務(wù)生態(tài)的一級(jí)，第三方品牌電商服務(wù)商,，是平臺(tái),、品牌、消費(fèi)者之間的連接器,。在行業(yè)競(jìng)爭(zhēng),、市場(chǎng)擴(kuò)充的倒逼之下，服務(wù)商提升自身軟實(shí)力,、權(quán)威性,，成為了關(guān)鍵一步。

“這是一個(gè)三百六十行,，行行都在卷的時(shí)代,。”

“作為服務(wù)商,，必須走在最前面,。只有不斷更新自身新模式，才能讓客戶相信我們有實(shí)力幫助他們走上新賽道,。如果自身不轉(zhuǎn)型,，怎么能帶好客戶轉(zhuǎn)型?！睂氉鹂萍际袌?chǎng)總監(jiān)采訪時(shí)說(shuō)到,。

作為一家整合式電子商務(wù)服務(wù)商,，寶尊科技借助凡科網(wǎng)，在PC端和移動(dòng)端,，搭建了完善的品牌官網(wǎng),，全方位展示品牌實(shí)力,，以獲得更多商機(jī),。

企業(yè)選擇第三方服務(wù)公司的業(yè)務(wù)決策有多種考量，其中最主要的考量是專業(yè)度,、企業(yè)信譽(yù),、服務(wù)能力，這幾項(xiàng)不是靠一張紙質(zhì)名片就能充分傳遞,。

寶尊科技借力凡科建站打造的“PC端+移動(dòng)端”雙端企業(yè)官網(wǎng),，全方位展示實(shí)力的同時(shí)，進(jìn)行企業(yè)品牌宣傳,。

通過(guò)建站,，寶尊科技不斷擴(kuò)大自身企業(yè)的營(yíng)銷模式和運(yùn)營(yíng)方式,，一則打破了過(guò)去線下銷售的單一營(yíng)銷模式,，二則更加方便用戶實(shí)時(shí)瀏覽,，實(shí)時(shí)咨詢。

除了面向已經(jīng)熟知品牌的客戶,，企業(yè)建站的另一個(gè)目的是為了讓潛在客戶找到自己,，從而促進(jìn)合作。據(jù)統(tǒng)計(jì),，在疫情高峰階段,，每天通過(guò)百度搜索和信息流獲取信息的用戶日均超過(guò)10億人次。

作為互聯(lián)網(wǎng)的一個(gè)基礎(chǔ)標(biāo)配級(jí)應(yīng)用,，網(wǎng)絡(luò)搜索具備不可替代的營(yíng)銷能力,，對(duì)于 To B 企業(yè)而言，這意味著一系列全新的商業(yè)機(jī)會(huì)和增長(zhǎng)點(diǎn),。

寶尊科技在搭建品牌官網(wǎng)的同時(shí),，使用百度收錄功能。當(dāng)用戶通過(guò)網(wǎng)絡(luò)搜索,，可第一時(shí)間找到企業(yè)官網(wǎng),，進(jìn)入主頁(yè),。

同時(shí)，官網(wǎng)內(nèi)開啟表單功能,，靈活表單收集客戶意向,，實(shí)現(xiàn)線索管理和客戶跟進(jìn)同步。

企業(yè)官網(wǎng)往往追求商務(wù)化,，配色需要表達(dá)多種含義：嚴(yán)密、友好親和,、職業(yè)專業(yè),。

寶尊科技首頁(yè)遵從“三色搭配原則”，巧妙使用高級(jí)深藍(lán),、白色字,、企業(yè)的VI色彩橙色。這樣的三色組合,，激烈又穩(wěn)定,。

官網(wǎng)傳播內(nèi)容的重點(diǎn)是品牌內(nèi)容，深色系的配色會(huì)讓前景的元素更聚焦,。寶尊科技官網(wǎng)前景使用白色字強(qiáng)調(diào)內(nèi)容,，同時(shí)為求統(tǒng)一頁(yè)面平衡感，使用企業(yè)VI色—橙色,，調(diào)節(jié)畫面的空間感和透氣感,，信息就可以很順暢地表現(xiàn)出來(lái)。

除此之外,，網(wǎng)頁(yè)布局,、配圖對(duì)于這個(gè)網(wǎng)頁(yè)體驗(yàn)感同樣重要。配圖上,，寶尊科技官網(wǎng)banner多采用精美大圖背景搭配文案,，精美的圖片本身就很搶眼，再搭配標(biāo)題大字,，瞬間就使得頁(yè)面有沖擊感有層次,。

在面對(duì)服務(wù)優(yōu)勢(shì)等文案較多的板塊設(shè)計(jì)上，單一的密集排布,，并不能有效的傳遞出信息,。寶尊科技選擇提煉要點(diǎn)，搭配對(duì)應(yīng)圖標(biāo),，可以進(jìn)一步提升識(shí)別度,。

同時(shí)，網(wǎng)頁(yè)布局中,，配圖的搭配同樣考量網(wǎng)頁(yè)設(shè)計(jì)的功底,。寶尊科技將服務(wù)元素插圖放大顯示再結(jié)合極簡(jiǎn)的排版說(shuō)明,，有較好的視覺(jué)沖擊力和凸顯效果，同時(shí)留空保證呼吸感和減少視覺(jué)噪點(diǎn),，使得用戶能夠?qū)Ｗ?nèi)容,。

采用小范圍的配圖、插畫或圖標(biāo)來(lái)表達(dá)服務(wù)優(yōu)勢(shì)

左右布局搭配文案說(shuō)明,，風(fēng)格統(tǒng)一,，精致耐看

視覺(jué)層創(chuàng)意形式多種多樣，寶尊科技根據(jù)產(chǎn)品的定位于特色進(jìn)行組合設(shè)計(jì)和視覺(jué)呈現(xiàn),，讓整個(gè)網(wǎng)站富有創(chuàng)意,，給用戶更好的視覺(jué)體驗(yàn)。

在企業(yè)官網(wǎng)的設(shè)計(jì)中,，如果布局、配色處理得好,，能讓整個(gè)網(wǎng)站錦上添花,。而一些交互效果的巧妙使用，不僅讓網(wǎng)頁(yè)瞬間亮起來(lái),，甚至在提升用戶感知度和感官體驗(yàn)上可以起到無(wú)可替代的作用,。

寶尊科技在官網(wǎng)中大量使用鼠標(biāo)的懸停,、滑動(dòng),、單擊、拖動(dòng)等交互方式來(lái)觸發(fā)事件,，與瀏覽網(wǎng)頁(yè)的客戶產(chǎn)生互動(dòng),。

1.3D翻轉(zhuǎn)banner

整個(gè)網(wǎng)頁(yè)首先映入眼簾便是banner橫幅，這個(gè)位置的設(shè)計(jì)能否第一眼吸引客戶格外重要,。寶尊科技在banner使用了少見的3D水平翻轉(zhuǎn)形式,，讓網(wǎng)頁(yè)有破屏而出的強(qiáng)烈立體感。

如此新穎的設(shè)計(jì),，讓用戶不會(huì)對(duì)banner產(chǎn)生視覺(jué)疲勞,。同時(shí)，打造了符合品牌屬性的特殊視覺(jué)效果,，讓人眼前一亮,，為官網(wǎng)印象加分。

2.光標(biāo)跟隨懸停視差

頁(yè)面上的元素根據(jù)光標(biāo)的位置移動(dòng)呈現(xiàn)不同的位移距離與速度,，營(yíng)造出動(dòng)態(tài)又獨(dú)特的視覺(jué)體驗(yàn)與網(wǎng)站設(shè)計(jì)效果,，增加頁(yè)面的互動(dòng)性與趣味，能為用戶帶來(lái)更多的參與感,。

3.鼠標(biāo)滾動(dòng)展示

當(dāng)鼠標(biāo)在頁(yè)面滑動(dòng)時(shí),，板塊構(gòu)成元素有序的緩入進(jìn)場(chǎng),，采用流暢的動(dòng)效演示頁(yè)面內(nèi)容的過(guò)程中，板塊切換更有層級(jí)關(guān)系體現(xiàn),，讓用戶可以從容不迫地分板塊瀏覽信息,。

網(wǎng)頁(yè)設(shè)計(jì)是有“套路”的，網(wǎng)頁(yè)布局雖然千變?nèi)f化,，但是使用現(xiàn)成的工具搭建,，自建一個(gè)品牌官網(wǎng)并不難。

像寶尊科技,，使用凡科建站（https://jz.fkw.com/?_ta=2891）現(xiàn)成的模板,，配色、布局,、交互,，即可輕松完成。搭配輕量化管理,，企業(yè)無(wú)需過(guò)多人員即可進(jìn)行日常維護(hù),。

善用互聯(lián)網(wǎng)工具已成了時(shí)代的趨勢(shì)，借力現(xiàn)成的,、專業(yè)的模板工具,，打造一張企業(yè)名片，全面展示品牌經(jīng)驗(yàn),、實(shí)力,、服務(wù)態(tài)度，才能在競(jìng)爭(zhēng)激烈的互聯(lián)網(wǎng)時(shí)代中樹立品牌形象,，搶奪商機(jī),。

點(diǎn)擊下方鏈接直達(dá)案例：

【PC端】http://www.lnbaozun.com/

【移動(dòng)端】http://m.lnbaozun.com