丸美
網(wǎng)站定位轉(zhuǎn)型,視覺全新升級
已上線,網(wǎng)址在文章底部

- 服務類別:網(wǎng)頁設計/數(shù)字營銷推廣
項目背景
丸美,源于東方美學哲思——“以圓為美”,丸美是從誕生起就飽含中華文化底蘊的國創(chuàng)品牌,A股主板上市,中國眼霜第一股。丸美,源于東方美學哲思——“以圓為美”,丸美是從誕生起就飽含中華文化底蘊的國創(chuàng)品牌,A股主板上市,中國眼霜第一股。
舊版官網(wǎng)問題
分析調(diào)研
-
01傳統(tǒng)的產(chǎn)品銷售型網(wǎng)站,不匹配品牌現(xiàn)階段的發(fā)展狀況;x
-
02網(wǎng)站內(nèi)容架構復雜,內(nèi)容瑣碎,難以凸出重點;x
-
03風格不夠大氣、時尚,缺乏視覺張力;x
-
04交互效果傳統(tǒng),用戶體驗平淡無奇x

舊版官網(wǎng)截圖
新版官網(wǎng)建站方案
在與客戶進行詳細的需求探討后,我們重新梳理了網(wǎng)站內(nèi)容邏輯、功能訴求、視覺風格,明確了此次項目的目標 :
簡約
版式簡潔、內(nèi)容精簡
品牌
體現(xiàn)丸美整體品牌調(diào)性、展示子品牌
我們運用“庖丁解?!彼季S模式將網(wǎng)站建設分解為五大層,掌控全局、思路更清晰、執(zhí)行更高效:
-
架構層整體的欄目框架——就像人的骨架輪廓
1、根據(jù)重點受眾人群梳理欄目架構;
2、頁面內(nèi)容排版布局:也就是內(nèi)容的邏輯,主要是順序和比例。
想突出哪塊內(nèi)容、占多大比例、以及順序主次 -
內(nèi)容層內(nèi)容展示的豐富度和細節(jié)——就像人的思想、文化、談吐
圖,文,視頻,不同展現(xiàn)形式的結(jié)合,內(nèi)容細節(jié)體現(xiàn)專業(yè),素材來源解決方案,版權問題等...
-
視覺層網(wǎng)站的風格和調(diào)性——就像人的衣著打扮、外貌
1、品牌調(diào)性:網(wǎng)站的圖形、色彩、字體、圖片符合品牌形象;
2、網(wǎng)站版式風格符合品牌個性和氣質(zhì)
3、體現(xiàn)行業(yè)特征,迎合受眾群體 -
營銷層網(wǎng)站是溝通的窗口
1、設定好符合用戶體驗溝通順序,優(yōu)化訪問路徑,讓用戶能自然的按圖索驥
2、友好的交互效果,提升閱讀的舒適度,增添瀏覽過程中的樂趣性。 -
技術層兼容、速度、安全、易用
匹配不同設備,兼容各大主流機型,使用戶體驗感更佳;
速度、靜態(tài)化、安全、穩(wěn)定、好用;SEO設置、后臺方便宜用。
首頁設計
設計說明

字體規(guī)范體系
Font

色彩規(guī)范體系
color
-
主色
丸美紅 -
背景色
簡約灰 -
背景色
極致白
亮點展示
易識別
展現(xiàn)品牌個性

有底蘊
品牌文化滿足
感性需求
感性需求

架構清晰
有效傳遞品牌關系

銷售轉(zhuǎn)化
產(chǎn)品展示簡潔直觀,
直達電商平臺,
讓用戶快速滿足需求
直達電商平臺,
讓用戶快速滿足需求

ESG
丸美使命價值觀的
終極踐行
終極踐行

自適應移動端
這個案例還不錯?您也有此需求?