探索更多
-
企業(yè)官網(wǎng)
數(shù)字化企業(yè)官網(wǎng)建設(shè)
應(yīng)用開發(fā)
數(shù)字化APP/小程序開發(fā)
品牌設(shè)計(jì)
品牌設(shè)計(jì)VIS規(guī)范設(shè)計(jì)
流量轉(zhuǎn)化
SEM/SEO優(yōu)化排名
傳播推廣
新媒體營(yíng)銷傳播推廣
我們致力為企業(yè)塑造獨(dú)特且富有氣質(zhì)的互聯(lián)網(wǎng)品牌形象全面提升美學(xué)氣質(zhì)、互動(dòng)、營(yíng)銷與傳播的新媒體價(jià)值，為品牌與用戶架設(shè)緊密的連接。
未來主義設(shè)計(jì)美學(xué)的先行者
正莊實(shí)業(yè)
品牌官網(wǎng)建設(shè)
高端國(guó)際化風(fēng)格走出差異化
客戶
正莊實(shí)業(yè)
行業(yè)
包裝制品
服務(wù)類別
品牌官網(wǎng)設(shè)計(jì)
項(xiàng)目背景
正莊公司成立于1992年，由浙江正莊實(shí)業(yè)有限公司及寧波正莊新材料有限公司組成，主要生產(chǎn)香水、清潔用品、護(hù)膚品和彩妝等各類包裝，業(yè)務(wù)遍及65個(gè)國(guó)家和地區(qū)。
正莊業(yè)務(wù)定位高端，產(chǎn)品面向全球，所以我們整體的設(shè)計(jì)風(fēng)格偏國(guó)際化，用高質(zhì)感的圖片以及交互風(fēng)格，樹立出高端的企業(yè)品牌形象。
網(wǎng)站已上線，鏈接在文章底部
Project seminar
項(xiàng)目啟動(dòng)研討會(huì)
區(qū)別于其他傳統(tǒng)實(shí)業(yè)，正莊是做香水、護(hù)膚品、彩妝等包裝。
他們對(duì)設(shè)計(jì)的見解更傾向時(shí)尚、藝術(shù)感，如何平衡藝術(shù)與商業(yè)
是我們的重點(diǎn)。
區(qū)別于其他傳統(tǒng)實(shí)業(yè)，正莊是做香水、護(hù)膚品、彩妝等包裝。
他們對(duì)設(shè)計(jì)的見解更傾向時(shí)尚、藝術(shù)感，如何平衡藝術(shù)與商業(yè)
是我們的重點(diǎn)。
山久網(wǎng)絡(luò) 產(chǎn)品經(jīng)理
我們要做的不僅是滿足客戶需求，更是
一個(gè)“好看”+“好用”的官網(wǎng)，以符合我們的高標(biāo)準(zhǔn)出品。
一個(gè)“好看”+“好用”的官網(wǎng)，以符合我們的高標(biāo)準(zhǔn)出品。
Project challenge
項(xiàng)目挑戰(zhàn)
01
如何在官網(wǎng)體現(xiàn)品牌基因，讓用戶認(rèn)識(shí)正莊？
02
如何利用交互行為產(chǎn)生視覺沖擊，并對(duì)網(wǎng)站留下記憶？
03
如何呈現(xiàn)產(chǎn)品，才能讓其保持競(jìng)爭(zhēng)力？
01
創(chuàng)造
品牌視覺點(diǎn)
在網(wǎng)站打開時(shí)設(shè)計(jì)了一個(gè)過渡加載頁(yè)。在打開網(wǎng)站的時(shí)候，用戶會(huì)先看到線性正莊logo，然后再進(jìn)入官網(wǎng)，從一開始就建立起“正莊”這個(gè)記憶點(diǎn)
在構(gòu)建的用戶旅程中，我們重新調(diào)整了網(wǎng)站的
用戶旅程，以方便用戶更加透徹地理解正莊。
在構(gòu)建的用戶旅程中，我們重新調(diào)整了網(wǎng)站的
用戶旅程，以方便用戶更加透徹地理解正莊。
在頁(yè)面中通過視頻、數(shù)字、地圖等展示
企業(yè)品牌形象以及強(qiáng)大的品牌實(shí)力
在頁(yè)面中通過視頻、數(shù)字、地圖等展示
企業(yè)品牌形象以及強(qiáng)大的品牌實(shí)力
1997
Year
數(shù)字印象
全球辦事處
宣傳片視頻
02
創(chuàng)新用戶體驗(yàn)
提升高級(jí)感
區(qū)別與常規(guī)縱向?yàn)g覽，橫向的
交互能讓訪客瞬間感知網(wǎng)站與眾不同
進(jìn)入沉浸式的體驗(yàn)?zāi)Ｊ?/p>
區(qū)別與常規(guī)縱向?yàn)g覽，橫向的
交互能讓訪客瞬間感知網(wǎng)站與眾不同
進(jìn)入沉浸式的體驗(yàn)?zāi)Ｊ?/p>
03
通過微交互讓用戶瀏覽產(chǎn)品，給訪客
高效
服務(wù)體驗(yàn)，確保行為感知一致
行為感知一致
呈現(xiàn)產(chǎn)品線
行為感知一致
呈現(xiàn)產(chǎn)品線
建立統(tǒng)一的
建立統(tǒng)一的視覺規(guī)范
視覺規(guī)范
提煉色彩
讓用戶找到愉悅性
背景色
#f8f6f3
#3691c0
#f7c666
背景色
#ffffff
#f1686c
#75cac6
#ffad5a
#1C1C1C
規(guī)范文字
劃分層級(jí)提升效率
字體：
Source Han Sans
| 樣式 | 字號(hào) | 字重 | 使用場(chǎng)景 |
| 正莊 | 36px | Medium | 一級(jí)標(biāo)題及重點(diǎn)突出 |
| 正莊 | 24px | Regula | 二級(jí)標(biāo)題 |
| 正莊 | 18px | Bold | 重點(diǎn)內(nèi)容 |
| 正莊 | 14px | Regula | 正文 |
針對(duì)移動(dòng)設(shè)備
進(jìn)行優(yōu)化
以易讀性微核心對(duì)移動(dòng)端設(shè)備優(yōu)化，確保品牌在較小的屏幕上得到很好的表達(dá)，同時(shí)確保所有功能在跨設(shè)備上的到維護(hù)。
項(xiàng)目總結(jié)
正莊官網(wǎng)可以說是一個(gè)不折不扣“好看+好用”的網(wǎng)站，我們?cè)谠O(shè)計(jì)與交互方面下功夫，定
位高端國(guó)際化風(fēng)格，最終整體的風(fēng)格和細(xì)節(jié)所傳達(dá)出的藝術(shù)氣息都遠(yuǎn)超同行，使正莊在市
場(chǎng)上顯示出極具競(jìng)爭(zhēng)力的一面，實(shí)現(xiàn)差異化。
正莊官網(wǎng)可以說是一個(gè)不折不扣“好看+好用”的網(wǎng)站，我們?cè)谠O(shè)計(jì)與交互方面下功夫，定
位高端國(guó)際化風(fēng)格，最終整體的風(fēng)格和細(xì)節(jié)所傳達(dá)出的藝術(shù)氣息都遠(yuǎn)超同行，使正莊在市
場(chǎng)上顯示出極具競(jìng)爭(zhēng)力的一面，實(shí)現(xiàn)差異化。
點(diǎn)擊訪問網(wǎng)站
我們是未來主義設(shè)計(jì)美學(xué)的先行者
我們?yōu)榭蛻籼峁┑牟粌H僅是一個(gè)網(wǎng)站
更是賦予品牌以數(shù)字能力并為品牌的顧客創(chuàng)造優(yōu)質(zhì)用戶體驗(yàn)
如果您贊同我們的理念，并且碰巧也有網(wǎng)站升級(jí)改版的需求
歡迎與我們探討合作，開啟美好的合作關(guān)系。。
歡迎與我們探討合作，開啟美好的合作關(guān)系。。
在線咨詢