丸美
網(wǎng)站定位轉(zhuǎn)型，視覺(jué)全新升級(jí)
已上線，網(wǎng)址在文章底部
- 服務(wù)類(lèi)別：網(wǎng)頁(yè)設(shè)計(jì)/數(shù)字營(yíng)銷(xiāo)推廣
項(xiàng)目背景
丸美，源于東方美學(xué)哲思——“以圓為美”，丸美是從誕生起就飽含中華文化底蘊(yùn)的國(guó)創(chuàng)品牌，A股主板上市，中國(guó)眼霜第一股。丸美，源于東方美學(xué)哲思——“以圓為美”，丸美是從誕生起就飽含中華文化底蘊(yùn)的國(guó)創(chuàng)品牌，A股主板上市，中國(guó)眼霜第一股。
舊版官網(wǎng)問(wèn)題
分析調(diào)研
-
01傳統(tǒng)的產(chǎn)品銷(xiāo)售型網(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í)尚，缺乏視覺(jué)張力；x
-
04交互效果傳統(tǒng)，用戶體驗(yàn)平淡無(wú)奇x
舊版官網(wǎng)截圖
新版官網(wǎng)建站方案
在與客戶進(jìn)行詳細(xì)的需求探討后，我們重新梳理了網(wǎng)站內(nèi)容邏輯、功能訴求、視覺(jué)風(fēng)格，明確了此次項(xiàng)目的目標(biāo) :
簡(jiǎn)約
版式簡(jiǎn)潔、內(nèi)容精簡(jiǎn)
品牌
體現(xiàn)丸美整體品牌調(diào)性、展示子品牌
我們運(yùn)用“庖丁解牛”思維模式將網(wǎng)站建設(shè)分解為五大層，掌控全局、思路更清晰、執(zhí)行更高效:
-
架構(gòu)層整體的欄目框架——就像人的骨架輪廓1、根據(jù)重點(diǎn)受眾人群梳理欄目架構(gòu)；
2、頁(yè)面內(nèi)容排版布局：也就是內(nèi)容的邏輯，主要是順序和比例。
想突出哪塊內(nèi)容、占多大比例、以及順序主次 -
內(nèi)容層內(nèi)容展示的豐富度和細(xì)節(jié)——就像人的思想、文化、談吐圖，文，視頻，不同展現(xiàn)形式的結(jié)合，內(nèi)容細(xì)節(jié)體現(xiàn)專(zhuān)業(yè)，素材來(lái)源解決方案，版權(quán)問(wèn)題等...
-
視覺(jué)層網(wǎng)站的風(fēng)格和調(diào)性——就像人的衣著打扮、外貌1、品牌調(diào)性：網(wǎng)站的圖形、色彩、字體、圖片符合品牌形象；
2、網(wǎng)站版式風(fēng)格符合品牌個(gè)性和氣質(zhì)
3、體現(xiàn)行業(yè)特征，迎合受眾群體 -
營(yíng)銷(xiāo)層網(wǎng)站是溝通的窗口1、設(shè)定好符合用戶體驗(yàn)溝通順序，優(yōu)化訪問(wèn)路徑，讓用戶能自然的按圖索驥
2、友好的交互效果，提升閱讀的舒適度，增添瀏覽過(guò)程中的樂(lè)趣性。 -
技術(shù)層兼容、速度、安全、易用匹配不同設(shè)備，兼容各大主流機(jī)型，使用戶體驗(yàn)感更佳；
速度、靜態(tài)化、安全、穩(wěn)定、好用；SEO設(shè)置、后臺(tái)方便宜用。
首頁(yè)設(shè)計(jì)
設(shè)計(jì)說(shuō)明
字體規(guī)范體系
Font
色彩規(guī)范體系
color
-
主色
丸美紅 -
背景色
簡(jiǎn)約灰 -
背景色
極致白
亮點(diǎn)展示
易識(shí)別
展現(xiàn)品牌個(gè)性
有底蘊(yùn)
品牌文化滿足
感性需求
感性需求
架構(gòu)清晰
有效傳遞品牌關(guān)系
銷(xiāo)售轉(zhuǎn)化
產(chǎn)品展示簡(jiǎn)潔直觀，
直達(dá)電商平臺(tái)，
讓用戶快速滿足需求
直達(dá)電商平臺(tái)，
讓用戶快速滿足需求
ESG
丸美使命價(jià)值觀的
終極踐行
終極踐行
自適應(yīng)移動(dòng)端
內(nèi)頁(yè)風(fēng)格展示
根據(jù)不同子品牌調(diào)性設(shè)計(jì)不同的版式風(fēng)格，整體上也具有統(tǒng)一元素
這個(gè)案例還不錯(cuò)？您也有此需求？
點(diǎn)擊咨詢客服
廣州
