探索更多
-
企業(yè)官網(wǎng)
數(shù)字化企業(yè)官網(wǎng)建設(shè)
應(yīng)用開發(fā)
數(shù)字化APP/小程序開發(fā)
品牌設(shè)計
品牌設(shè)計VIS規(guī)范設(shè)計
流量轉(zhuǎn)化
SEM/SEO優(yōu)化排名
傳播推廣
新媒體營銷傳播推廣
我們致力為企業(yè)塑造獨特且富有氣質(zhì)的互聯(lián)網(wǎng)品牌形象全面提升美學(xué)氣質(zhì)、互動、營銷與傳播的新媒體價值，為品牌與用戶架設(shè)緊密的連接。
未來主義設(shè)計美學(xué)的先行者
鹿王羊絨
鹿王建于1985年，專注羊絨領(lǐng)域40年
行業(yè)
羊絨/制造業(yè)
服務(wù)類別
品牌官網(wǎng)設(shè)計
網(wǎng)站已上線，鏈接在文章底部
項目背景
鹿王羊絨作為國內(nèi)老牌的羊絨制造企業(yè)，有著悠久的歷史和底蘊，
為更好迎合現(xiàn)代年輕人的消費，提升市場競爭力，鹿王羊絨找到我
們?yōu)槠涔俜骄W(wǎng)站進行改版升級，打造全新的品牌形象，為布局全球
打下線上基礎(chǔ)。
鹿王羊絨作為國內(nèi)老牌的羊絨制造企業(yè)，有著悠久的歷史和底蘊，
為更好迎合現(xiàn)代年輕人的消費，提升市場競爭力，鹿王羊絨找到我
們?yōu)槠涔俜骄W(wǎng)站進行改版升級，打造全新的品牌形象，為布局全球
打下線上基礎(chǔ)。
網(wǎng)站改版后
數(shù)據(jù)呈大幅增長
360
訪客停留平均時長增長
120
有效詢盤率增長
180
網(wǎng)站流量增長
“
鹿王作為羊絨領(lǐng)域領(lǐng)軍者，在為其設(shè)計網(wǎng)站時，
我們要拋去傳統(tǒng)設(shè)計理念，采用創(chuàng)新的設(shè)計方式，
引入鹿王的品牌特點，加強超級符號的使用，增加用戶記憶點。
—— 設(shè)計總監(jiān)：Melody
網(wǎng)站改版策略
通過對舊網(wǎng)站的數(shù)據(jù)收集分析及用戶調(diào)研結(jié)果，結(jié)合企業(yè)需求，我們制
定了以下改版方向：
通過對舊網(wǎng)站的數(shù)據(jù)收集分析及用戶調(diào)研結(jié)果，結(jié)合企業(yè)需求，我們制
定了以下改版方向：
01
視覺設(shè)計升級
統(tǒng)一設(shè)計規(guī)范，統(tǒng)一色彩文字的運用
升級網(wǎng)站頁面設(shè)計，統(tǒng)一品牌調(diào)性，呈現(xiàn)品牌核心價值
加強VI標(biāo)識，使用超級符號，提升品牌辨識度
02
用戶體驗升級
頁面添加微動效，增加頁面趣味性，提升用戶體驗
打磨交互動效，使其更具人性化，更便于用戶使用
優(yōu)化頁面跳轉(zhuǎn)，增強中英網(wǎng)站間的鏈接，提升整體營銷效率
統(tǒng)一設(shè)計規(guī)范，強化視覺設(shè)計
升級頁面設(shè)計，確定品牌調(diào)性
加強VI標(biāo)識，強化超級符號使用
視覺設(shè)計升級
增加網(wǎng)站微動效，增強網(wǎng)站趣味性
打磨頁面交互動效和按鈕觸發(fā)效果
優(yōu)化頁面跳轉(zhuǎn)，增強分網(wǎng)站之間的鏈接
用戶體驗升級
01
規(guī)范品牌色彩及字體運用
#DF6F00
R:
223
G:
111
B:
0
主體色
#1F1F1F
R:
31
G:
31
B:
31
輔助色
#25180B
R:
37
G:
24
B:
11
字體色
#F6F4F2
R:
246
G:
244
B:
242
背景色
Aa
Branch
英文字體：
Branch
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll
Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww
Xx Yy Zz
Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww
Xx Yy Zz
升級頁面設(shè)計，確定品牌調(diào)性
突出品牌形象
突出品牌形象，點明企業(yè)主要涉及領(lǐng)域，使用戶初步了解鹿王。
增加微動效
增加了絲綢跟隨鼠標(biāo)飄動的微動效，讓用戶在瀏覽過程中有更大的視覺沖擊。
添加動態(tài)視頻
動態(tài)視頻會讓品牌的表達(dá)，更加具體和完善，幫助用戶理解品牌。
新系列產(chǎn)品展示
增加最新產(chǎn)品系列的展示和介紹，能更好的做產(chǎn)品宣傳。
產(chǎn)品分類
將產(chǎn)品分類展示出來，讓不同用戶能更好的去查找產(chǎn)品。
大片展示
宣傳片大片展示，讓用戶能直觀的看到產(chǎn)品穿著效果。
品質(zhì)保證
緊跟國家環(huán)保理念，傳達(dá)品牌定位及形象。
導(dǎo)航展示
方便用戶直接進入網(wǎng)站的任意一個版塊進行瀏覽。
加強超級符號的使用
我們采用鹿王的圖形logo，作為鹿王品牌的超級符號，幫助品牌建立強大的識別度，助于品牌在市場中脫穎而出；傳達(dá)品牌的核心價值觀和文化；有助于維護品牌的一致性。確保品牌的各種元素在不同渠道和平臺上都保持一致。
好的用戶體驗，是一個網(wǎng)站最重要的部分
它可以更好的 發(fā)展?jié)撛诳蛻?/strong>
它可以更好的 發(fā)展?jié)撛诳蛻?/strong>
02
在使用一款新的產(chǎn)品時，我們第一時間可能會被它的外觀設(shè)計吸引，但是它“好不好用”才是決定它是不是
一件好產(chǎn)品的首要條件；所以我們在做鹿王的網(wǎng)站時，強化了用戶體驗設(shè)計，給繁瑣的操作步驟做減法，
讓用戶更好的去使用這個網(wǎng)站。從而增加用戶的使用幾率，增強客戶的黏性。
在使用一款新的產(chǎn)品時，我們第一時間可能會被它的外觀設(shè)計吸引，但是它“好不好用”才是決定它是不是
一件好產(chǎn)品的首要條件；所以我們在做鹿王的網(wǎng)站時，強化了用戶體驗設(shè)計，給繁瑣的操作步驟做減法，
讓用戶更好的去使用這個網(wǎng)站。從而增加用戶的使用幾率，增強客戶的黏性。
頁面的微動效能讓用戶在使用網(wǎng)站的過程中，不經(jīng)意被這些精的微動效吸引，
增加用戶對網(wǎng)站在設(shè)計感上的肯定，同時也有一定的趣味性。
頁面的微動效能讓用戶在使用網(wǎng)站的過程中，不經(jīng)意被這些精的微動效吸引，
增加用戶對網(wǎng)站在設(shè)計感上的肯定，同時也有一定的趣味性。
絲巾跟隨效果
絲巾跟隨鼠標(biāo)移動的效果，當(dāng)鼠標(biāo)滾輪向下滾動時，絲巾也會隨即向上飄動。
照片群縮放效果
產(chǎn)品雜志照片，跟隨鼠標(biāo)滾輪縮放的效果，兼顧了展示效果和板塊間的銜接。
飛機航線效果
飛機航線體現(xiàn)出了鹿王集團布局全球業(yè)務(wù)范圍，側(cè)面展示出鹿王的品牌背書強大。
按鈕觸發(fā)動效及頁面交互動效是決定用戶體驗的關(guān)鍵因素之一：
按鈕觸發(fā)動效及頁面交互動效是決定用戶體驗的關(guān)鍵因素之一：
網(wǎng)站加載效果
當(dāng)用戶網(wǎng)速不夠快的時候，可以給用戶一個準(zhǔn)確的加載進度。
按鈕觸發(fā)效果
按鈕觸發(fā)效果
文字圖片浮現(xiàn)效果
文字圖片浮現(xiàn)效果
鹿王集團站與品牌站之間的鏈接跳轉(zhuǎn)
懸浮的跳轉(zhuǎn)按鈕，讓用戶的使用更加便捷
懸浮的跳轉(zhuǎn)按鈕，讓用戶的使用更加便捷
項目總結(jié)
整個項目下來，我們始終圍繞改版的兩大目標(biāo)：
滿足客戶需求的基礎(chǔ)上，加強品牌調(diào)性，提升品牌競爭力；
化繁為簡的設(shè)計理念，大大提高用戶對網(wǎng)站的閱讀性，
針對產(chǎn)品，采用不同的詳情頁設(shè)計，從而突出每個產(chǎn)品的不同買點，
抓住用戶眼球，提升用戶購買幾率。
如果您也有相關(guān)的網(wǎng)站建設(shè)需求，不妨給我們一個機會，
我相信我們能給您一個最滿意的結(jié)果。
在線
咨詢
