科達制造
上市公司官網改版升級，打造全新形象，彰顯行業領先地位
已上線，網址在文章底部
- 服務類別：網頁設計/數字營銷推廣
項目背景
科達制造一舉實現“陶機裝備國產化”、“做世界建材裝備行業的強者”的歷史目標，成長為我國乃至世界陶瓷機械行業的龍頭企業。為了樹立公司在行業中的專業性和領導地位，希望通過新的官網平臺來傳遞科達制造的企業形象，提升品牌調性，吸引潛在客戶與公司建立聯系。
舊版官網問題
分析調研
-
01品牌調性不足，缺少品牌色調以及符號標識，用戶難以建立統一心智；x
-
02設計陳舊、信息結構混亂，用戶難以找到需要的信息，導致用戶體驗不佳x
-
03不支持響應式設計和移動優化，導致在手機或平板上瀏覽時顯示效果不佳x
-
04CTA設置較少，“行動召喚”不明顯，交互效果單調，獲客轉化率不高x
舊版官網截圖
新版官網建站方案
在與客戶進行詳細的需求探討后，我們重新梳理了網站內容邏輯、功能訴求、視覺風格，明確了此次項目的目標 :
運用“庖丁解?！彼季S模式將網站建設分解為五大層，掌控全局、思路更清晰、執行更高效:
-
架構層Visual layer整體的欄目框架——就像人的骨架輪廓1、根據重點受眾人群梳理欄目架構；
2、頁面內容排版布局：也就是內容的邏輯，主要是順序和比例。
想突出哪塊內容、占多大比例、以及順序主次 -
內容層Visual layer內容展示的豐富度和細節——就像人的思想、文化、談吐圖，文，視頻，不同展現形式的結合，內容細節體現專業，素材來源解決方案，版權問題等...
-
視覺層Visual layer網站的風格和調性——就像人的衣著打扮、外貌1、品牌調性：網站的圖形、色彩、字體、圖片符合品牌形象；
2、網站版式風格符合品牌個性和氣質
3、體現行業特征，迎合受眾群體 -
營銷層Visual layer網站是溝通的窗口1、設定好符合用戶體驗溝通順序，優化訪問路徑，讓用戶能自然的按圖索驥
2、友好的交互效果，提升閱讀的舒適度，增添瀏覽過程中的樂趣性。 -
技術層Visual layer兼容、速度、安全、易用匹配不同設備，兼容各大主流機型，使用戶體驗感更佳；
速度、靜態化、安全、穩定、好用；SEO設置、后臺方便宜用。
設計說明
視覺氛圍基調
Style tonality
整站的設計風格、色彩、排版均需要具備統一性，加強品牌符號形象
字體規范體系
font
色彩規范體系
color
-
主色
科技藍 -
背景色
高級灰 -
背景色
極致白
視覺設計的功能性與可視性原則
-
01科達制造，還原業務場景我們從客戶的角度來闡述產品價值，統一配合還原真實場景呈現，完整的 展示了全自動化、智能化的生產線，突出企業核心業務競爭力，這種方式 更具說服力。
-
02簡化入口通道，快速觸達將重要的欄目置于顯眼位置，讓用戶一目了然，盡量減少用戶需要點擊的 次數來達到目標頁面，可直接鏈接到關鍵頁面，避免多層級的深入瀏覽。
-
03快速聚焦的信息閱讀體驗使用漸變色突出重要信息，讓用戶在快速瀏覽時能夠立即捕捉到關鍵點， 將內容分成小段落，并使用清晰的標題和子標題來組織信息，這樣可以幫 助用戶快速瀏覽和定位感興趣的部分。
統一性原則
內容與形式的輸出
品牌基調
內容模塊的視覺風格和表達形式符合網站的定位；層級關系并列的模塊在形式上統一；整個網站的主色調、細節元素統一。
模塊化設計
結合科達制造的行業屬性，為了更直觀傳達品牌特性，我們進行了取舍，從應
用環境出發，結合品牌色來呈現科達的整體視覺感受，并且貫穿運用到網頁模
塊、內容排版中，形成了頁面整體的統一
聯系我們
研發創新
投資者關系
科達新聞
效率提升，產品模塊邏輯優化
簡單高效的瀏覽順序，通過對邏輯架構的梳理，優化信息分層，可以讓用戶快速了解網站信息，降低對內容
理解負擔，減少迷失和混亂的可能性，提高用戶瀏覽、對信息吸收和選擇的效率。
01
導航下拉效果，懸浮設計
通過下拉菜單，可以節省空間、增強可視性，用戶在瀏覽的過程中可以快速地找到所需的信息或層級
02
邏輯梳理，優化產品分類層級
為每個分類層次設定一些規則和標準，幫助用戶更好地理解和選擇分類，提高用戶的滿意度和使用體驗
03
增加標簽設計，突出重點信息
提供清晰、易讀的排版和布局，使用戶能夠快速找到所需信息，提升轉化率，突出產品競爭力
企業的人文主義
通過企業文化與人才招聘，可以向公眾傳達科達人文的核心價值觀和社會責任等，有助于提升企業在社會中的認知度和形象，通過展示科達人文的優勢和特色，可以吸引更多潛在學生和合作伙伴的關注，這有助于增加人才招聘與合作機會，為科達的人力發展提供更多的支持。
Culture
自適應移動端
能夠根據屏幕尺寸的變化，實現布局的自動調整和重新排列，確保內容在不同設備上都能清晰可見。這
使得用戶在使用手機、平板電腦或桌面電腦等各種設備時都能獲得良好的瀏覽體驗，有助于減少加載時
間和帶寬消耗，并提高頁面加載速度
這個案例還不錯？您也有此需求？
點擊咨詢客服
廣州
