科達制造
上市公司官網(wǎng)改版升級,打造全新形象,彰顯行業(yè)領先地位
已上線,網(wǎng)址在文章底部

- 服務類別:網(wǎng)頁設計/數(shù)字營銷推廣
項目背景
科達制造一舉實現(xiàn)“陶機裝備國產化”、“做世界建材裝備行業(yè)的強者”的歷史目標,成長為我國乃至世界陶瓷機械行業(yè)的龍頭企業(yè)。為了樹立公司在行業(yè)中的專業(yè)性和領導地位,希望通過新的官網(wǎng)平臺來傳遞科達制造的企業(yè)形象,提升品牌調性,吸引潛在客戶與公司建立聯(lián)系。
舊版官網(wǎng)問題
分析調研
-
01品牌調性不足,缺少品牌色調以及符號標識,用戶難以建立統(tǒng)一心智;x
-
02設計陳舊、信息結構混亂,用戶難以找到需要的信息,導致用戶體驗不佳x
-
03不支持響應式設計和移動優(yōu)化,導致在手機或平板上瀏覽時顯示效果不佳x
-
04CTA設置較少,“行動召喚”不明顯,交互效果單調,獲客轉化率不高x

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

字體規(guī)范體系
font

色彩規(guī)范體系
color
-
主色
科技藍 -
背景色
高級灰 -
背景色
極致白
視覺設計的功能性與可視性原則
-
01科達制造,還原業(yè)務場景我們從客戶的角度來闡述產品價值,統(tǒng)一配合還原真實場景呈現(xiàn),完整的 展示了全自動化、智能化的生產線,突出企業(yè)核心業(yè)務競爭力,這種方式 更具說服力。
-
02簡化入口通道,快速觸達將重要的欄目置于顯眼位置,讓用戶一目了然,盡量減少用戶需要點擊的 次數(shù)來達到目標頁面,可直接鏈接到關鍵頁面,避免多層級的深入瀏覽。
-
03快速聚焦的信息閱讀體驗使用漸變色突出重要信息,讓用戶在快速瀏覽時能夠立即捕捉到關鍵點, 將內容分成小段落,并使用清晰的標題和子標題來組織信息,這樣可以幫 助用戶快速瀏覽和定位感興趣的部分。



統(tǒng)一性原則
內容與形式的輸出
品牌基調
內容模塊的視覺風格和表達形式符合網(wǎng)站的定位;層級關系并列的模塊在形式上統(tǒng)一;整個網(wǎng)站的主色調、細節(jié)元素統(tǒng)一。
模塊化設計
結合科達制造的行業(yè)屬性,為了更直觀傳達品牌特性,我們進行了取舍,從應
用環(huán)境出發(fā),結合品牌色來呈現(xiàn)科達的整體視覺感受,并且貫穿運用到網(wǎng)頁模
塊、內容排版中,形成了頁面整體的統(tǒng)一
效率提升,產品模塊邏輯優(yōu)化
簡單高效的瀏覽順序,通過對邏輯架構的梳理,優(yōu)化信息分層,可以讓用戶快速了解網(wǎng)站信息,降低對內容
理解負擔,減少迷失和混亂的可能性,提高用戶瀏覽、對信息吸收和選擇的效率。
01
導航下拉效果,懸浮設計
通過下拉菜單,可以節(jié)省空間、增強可視性,用戶在瀏覽的過程中可以快速地找到所需的信息或層級

02
邏輯梳理,優(yōu)化產品分類層級
為每個分類層次設定一些規(guī)則和標準,幫助用戶更好地理解和選擇分類,提高用戶的滿意度和使用體驗

03
增加標簽設計,突出重點信息
提供清晰、易讀的排版和布局,使用戶能夠快速找到所需信息,提升轉化率,突出產品競爭力

企業(yè)的人文主義
通過企業(yè)文化與人才招聘,可以向公眾傳達科達人文的核心價值觀和社會責任等,有助于提升企業(yè)在社會中的認知度和形象,通過展示科達人文的優(yōu)勢和特色,可以吸引更多潛在學生和合作伙伴的關注,這有助于增加人才招聘與合作機會,為科達的人力發(fā)展提供更多的支持。
Culture

自適應移動端
能夠根據(jù)屏幕尺寸的變化,實現(xiàn)布局的自動調整和重新排列,確保內容在不同設備上都能清晰可見。這
使得用戶在使用手機、平板電腦或桌面電腦等各種設備時都能獲得良好的瀏覽體驗,有助于減少加載時
間和帶寬消耗,并提高頁面加載速度
這個案例還不錯?您也有此需求?