探索更多
-
企業(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è)塑造獨(dú)特且富有氣質(zhì)的互聯(lián)網(wǎng)品牌形象全面提升美學(xué)氣質(zhì)、互動、營銷與傳播的新媒體價值，為品牌與用戶架設(shè)緊密的連接。
未來主義設(shè)計(jì)美學(xué)的先行者
星源卓鎂
統(tǒng)汽車零部件行業(yè)官網(wǎng)現(xiàn)代化輕奢感
行業(yè)
汽車/壓鑄行業(yè)
服務(wù)類別
品牌商用官網(wǎng)設(shè)計(jì)
網(wǎng)站已上線，鏈接在文章底部
項(xiàng)目背景
星源卓鎂是一家專業(yè)從事鎂合金、鋁合金壓鑄件的開發(fā)設(shè)計(jì)和生產(chǎn)的
家級高新技術(shù)企業(yè)，并于2022年深交所上市，老舊的官網(wǎng)并不符
國合星源卓鎂的形象，亟需一個全新的官網(wǎng)彰顯品牌實(shí)力于形象。
星源卓鎂是一家專業(yè)從事鎂合金、鋁合金壓鑄件的開發(fā)設(shè)計(jì)和生產(chǎn)的
家級高新技術(shù)企業(yè)，并于2022年深交所上市，老舊的官網(wǎng)并不符
國合星源卓鎂的形象，亟需一個全新的官網(wǎng)彰顯品牌實(shí)力于形象。
舊版官網(wǎng)調(diào)研
目前首頁內(nèi)容架構(gòu)較為單一，營銷化嚴(yán)重，無法凸顯其行業(yè)優(yōu)勢
設(shè)計(jì)
目標(biāo)
01
規(guī)范升級頁面規(guī)范統(tǒng)一化，統(tǒng)一色彩、字體風(fēng)格，來實(shí)現(xiàn)整個網(wǎng)站的風(fēng)格統(tǒng)一，減少后期維護(hù)成本
02
品牌調(diào)性與星源卓鎂的VI體系串聯(lián)，融合星源卓鎂品牌元素，強(qiáng)調(diào)品牌調(diào)性的表達(dá)
03
布局重構(gòu)優(yōu)化模塊間內(nèi)的功能、信息布局將清晰簡潔的內(nèi)容呈現(xiàn)給用戶
01規(guī)范升級
FONTs
整站字體采用不同字號和字重，規(guī)范標(biāo)題及內(nèi)容層級
字體顏色方面也劃分深淺處理主次關(guān)系
英文及數(shù)字字體：
SairaCondensed
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
1234567890
中文字體：
Source Han Sans
| 中文樣式 | 字號 | 字重 | 使用場景 |
| 星源卓鎂 | 42px | Medium | 一級標(biāo)題 |
| 星源卓鎂 | 30px | Regula | 二級標(biāo)題 |
| 星源卓鎂 | 24px | Bold | 重點(diǎn)內(nèi)容 |
| 星源卓鎂 | 14px | Regular | 正文 |
Color
在定制色彩風(fēng)格的基礎(chǔ)上，我們采用了臨近的商務(wù)紅
同時，在內(nèi)容引導(dǎo)方面做到清晰明了，方便用戶閱讀，拉近與用戶的距離
同時，在內(nèi)容引導(dǎo)方面做到清晰明了，方便用戶閱讀，拉近與用戶的距離
#e60027
#282828
#DDDDDD
#f7f7f7
#ffffff
02品牌調(diào)性
星源卓鎂一直以來都注重品質(zhì)創(chuàng)新和現(xiàn)代化，也是品牌的核心價值，星源卓鎂希
望能夠在官網(wǎng)上展現(xiàn)其品牌形象。我們從品牌出發(fā)，打造傳統(tǒng)汽車零部件行業(yè)官
網(wǎng)現(xiàn)代化輕奢感，為星源卓鎂互聯(lián)網(wǎng)品牌形象得以全面加持
星源卓鎂一直以來都注重品質(zhì)創(chuàng)新和現(xiàn)代化，也是品牌的核心價值，星源卓鎂希
望能夠在官網(wǎng)上展現(xiàn)其品牌形象。我們從品牌出發(fā)，打造傳統(tǒng)汽車零部件行業(yè)官
網(wǎng)現(xiàn)代化輕奢感，為星源卓鎂互聯(lián)網(wǎng)品牌形象得以全面加持
官網(wǎng)加載頁面
創(chuàng)造品牌記憶點(diǎn)
創(chuàng)造品牌記憶點(diǎn)
在用戶進(jìn)入網(wǎng)站等等加載時，快速了解品牌基礎(chǔ)形象，提升品牌記憶點(diǎn)。
利用黑色調(diào)背景
體現(xiàn)輕奢感
體現(xiàn)輕奢感
我們選擇黑色與品牌VI中的紅色搭配，這組經(jīng)典配色帶來強(qiáng)烈對比感的同時，體現(xiàn)出輕奢質(zhì)感。
我們既要刻畫其行業(yè)特性
并且將重心給品牌形象的塑造和識別效率上
山久網(wǎng)絡(luò) 產(chǎn)品經(jīng)理
03布局重構(gòu)
我們從官網(wǎng)目標(biāo)人群入手，優(yōu)化板式結(jié)構(gòu)，重新劃分信息優(yōu)先級，提升閱讀效率，幫助用戶更好了解品牌
首屏BANNER
利用動畫形式驅(qū)動企業(yè)業(yè)務(wù)
讓用戶產(chǎn)生興趣
企業(yè)概況
采用數(shù)字、客戶等信息
彰顯品牌實(shí)力
業(yè)務(wù)板塊
動畫建模形式，用戶對
企業(yè)的業(yè)務(wù)一目了然
新聞動態(tài)
上市企業(yè)必不可少的板
塊，更新企業(yè)動態(tài)
企業(yè)風(fēng)采
圖片輪播集團(tuán)各部門場
景，提升企業(yè)形象
04優(yōu)化體驗(yàn)
導(dǎo)航創(chuàng)意展示
導(dǎo)航欄目采用隱藏形式，營造全屏BANNER更好的視覺沖擊效果，按鈕展開以創(chuàng)意的交互形式展現(xiàn)
產(chǎn)品動畫示意
為了讓用戶對星源卓鎂的產(chǎn)品更清晰的認(rèn)知，我們采用動畫展現(xiàn)結(jié)構(gòu)的方式，彰顯其強(qiáng)大的實(shí)力和專業(yè)度。
導(dǎo)航區(qū)域優(yōu)化
很多企業(yè)會忽視了導(dǎo)航欄的重要性，除了導(dǎo)航功能之外，其實(shí)還有一定的信息觸達(dá)的效果，比如我們添加了星源卓鎂的股票信息，傳遞這是家上市公司的重要信息。
星源卓鎂
項(xiàng)目總結(jié)
Project summary
星源卓鎂官網(wǎng)運(yùn)用了大膽創(chuàng)新的設(shè)計(jì)風(fēng)格，為傳統(tǒng)汽車零部件行業(yè)加入了更多的現(xiàn)代與科
技，彰顯出了企業(yè)實(shí)力和品牌形象。交互上，我們做了很多主動出擊的動作，提升了用戶
體驗(yàn)。
在當(dāng)下競爭激烈的市場，一個與自身實(shí)力相匹配的官網(wǎng)十分重要。山久網(wǎng)絡(luò)結(jié)合客戶企業(yè)
形象打造一個具有競爭力的官網(wǎng)，解決客戶痛點(diǎn)。
星源卓鎂官網(wǎng)運(yùn)用了大膽創(chuàng)新的設(shè)計(jì)風(fēng)格，為傳統(tǒng)汽車零部件行業(yè)加入了更多的現(xiàn)代與科
技，彰顯出了企業(yè)實(shí)力和品牌形象。交互上，我們做了很多主動出擊的動作，提升了用戶
體驗(yàn)。
在當(dāng)下競爭激烈的市場，一個與自身實(shí)力相匹配的官網(wǎng)十分重要。山久網(wǎng)絡(luò)結(jié)合客戶企業(yè)
形象打造一個具有競爭力的官網(wǎng)，解決客戶痛點(diǎn)。
點(diǎn)擊訪問網(wǎng)站
我們是未來主義設(shè)計(jì)美學(xué)的先行者
我們?yōu)榭蛻籼峁┑牟粌H僅是一個網(wǎng)站
更是賦予品牌以數(shù)字能力并為品牌的顧客創(chuàng)造優(yōu)質(zhì)用戶體驗(yàn)
如果您贊同我們的理念，并且碰巧也有網(wǎng)站升級改版的需求
歡迎與我們探討合作，開啟美好的合作關(guān)系。。
歡迎與我們探討合作，開啟美好的合作關(guān)系。。
點(diǎn)擊訪問網(wǎng)站