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

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

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

字體規(guī)范體系
Font

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

有底蘊(yùn)
品牌文化滿足
感性需求
感性需求

架構(gòu)清晰
有效傳遞品牌關(guān)系

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

ESG
丸美使命價(jià)值觀的
終極踐行
終極踐行

自適應(yīng)移動(dòng)端
這個(gè)案例還不錯(cuò)?您也有此需求?