科達制造
上市公司官網(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)一
聯(lián)系我們
研發(fā)創(chuàng)新
投資者關系
科達新聞
效率提升，產品模塊邏輯優(yōu)化
簡單高效的瀏覽順序，通過對邏輯架構的梳理，優(yōu)化信息分層，可以讓用戶快速了解網(wǎng)站信息，降低對內容
理解負擔，減少迷失和混亂的可能性，提高用戶瀏覽、對信息吸收和選擇的效率。
01
導航下拉效果，懸浮設計
通過下拉菜單，可以節(jié)省空間、增強可視性，用戶在瀏覽的過程中可以快速地找到所需的信息或層級
02
邏輯梳理，優(yōu)化產品分類層級
為每個分類層次設定一些規(guī)則和標準，幫助用戶更好地理解和選擇分類，提高用戶的滿意度和使用體驗
03
增加標簽設計，突出重點信息
提供清晰、易讀的排版和布局，使用戶能夠快速找到所需信息，提升轉化率，突出產品競爭力
企業(yè)的人文主義
通過企業(yè)文化與人才招聘，可以向公眾傳達科達人文的核心價值觀和社會責任等，有助于提升企業(yè)在社會中的認知度和形象，通過展示科達人文的優(yōu)勢和特色，可以吸引更多潛在學生和合作伙伴的關注，這有助于增加人才招聘與合作機會，為科達的人力發(fā)展提供更多的支持。
Culture
自適應移動端
能夠根據(jù)屏幕尺寸的變化，實現(xiàn)布局的自動調整和重新排列，確保內容在不同設備上都能清晰可見。這
使得用戶在使用手機、平板電腦或桌面電腦等各種設備時都能獲得良好的瀏覽體驗，有助于減少加載時
間和帶寬消耗，并提高頁面加載速度
這個案例還不錯？您也有此需求？
點擊咨詢客服
廣州
