新材料企業如何僅用3個套路，搭建高級感品牌官網2022-08-22 10:02:09
所屬行業：新材料行業
所用產品：凡科建站
功能亮點：視頻動圖、鼠標Hover效果
*以下文章內容已獲品牌方授權，未經本文作者及授權方同意禁止修改轉發，否則自行承擔侵權責任及相關后果。
材料行業是一國工業體系的基礎，而新材料的研發則關系著新興技術產業的發展，新材料更被認為是21世紀最具發展潛力的領域之一。正因如此，在政策扶持下，我國新材料產業市場潛力正逐步釋放，市場規模不斷擴大。
創新性一向是新材料發展的根本，不僅僅是研發的創新，經營的創新同樣成為了近年來不少新材料企業嘗試的重點。
作為國家級高新技術企業，卓聰（上海）環?？萍及l展有限公司自2019年便開始使用凡科建站，開始數字化經營創新之路，全方位展示品牌實力、產品，提升品牌影響力，并獲得更多銷售線索。
那么，如何設計一個高級的企業官網，有沒有一些套路可循？我們來看看卓聰是怎么做的。
自建企業個性化網站
成為品牌的燈塔
卓聰市場負責人采訪中表示，社交媒體無疑是當今的主流，也是推動品牌影響力的地方。而網站在傳遞獨特和引人注目的品牌體驗方面有著很重要的作用。
新材料企業如何維持持久的曝光度和知名度一直是我們探索的難題。且新材料產品種類繁多，技術復雜，很多細節不是一本冊子能讓客戶了解清楚。
我們采用“網站”這樣一張企業名片，即承擔展示品牌實力功能，又能彰顯產品內容優勢，可以在其中完成任何事情。
在卓聰官網中，分為企業介紹、產品系列、技術應用、新聞發布、聯系方式五個部分。合理的導航方便訪客獲取信息，有序又直觀。
現在，越來越多人通過網絡搜索信息，如果一家公司連官網都沒有，難免給別人留下這家公司沒有實力、不正規的印象。加注搜索引擎也就成為企業進行網站推廣不可缺少的必備手段。
網站推廣的重要一步便是百度收錄。通過百度收錄，卓聰讓客戶隨時都能搜索到企業官網，詳細了解企業信息，再借助SEO優化，有效提高企業網站訪問量的同時，為企業引流潛在客戶。
多種動效交互設計
營造獨特的視覺體驗
隨著社會節奏加快，客戶瀏覽網頁快速，為吸引其注意力，從簡單的動效到GIF動態圖，已成為簡單實用的網頁設計必需品。
卓聰市場負責人表示，靜態網頁過于呆板，新材料的“新”首先就要在官網體現。善用有趣的交互動態設計可有效吸引客戶視線，有活力的企業才更受采購方青睞。
卓聰官網的活力，從首頁banner就開始體現。首屏大圖是官網的重中之重，一般的網站banner均僅是采用圖片，而卓聰對于網站首頁banner卻有個大膽的嘗試——放置視頻動圖。用視頻代替靜態圖出現在首屏已成為近年來流行的一大趨勢，比起靜態圖，動態視頻更容易吸引目光。
卓聰的首屏視頻動圖中，展示“新材料、新技術、新服務、新模式，讓世界更美好”的企業理念，實景照片營造場景氛圍，搭配有力的文案，具有強烈沖擊感，讓用戶在進入網站第一眼就被吸引，直觀清晰地了解品牌內涵。
除了首頁banner的圖片，卓聰對靜態圖片的交互也下了功夫。一方面，對于系列產品單圖片，采用微位移，當鼠標移動到圖片時，圖片自動放大，流暢精致的微動效與細節設計，提高體驗舒適度，同時提高網站設計感與美感。
另一方面，對于多圖的交互設計，采用手風琴效果，圖片隨著鼠標從左至右移動逐一展開，既能對大量圖片進行收納管理，凸顯圖片層級的清晰度，又能讓頁面更有節奏和呼吸感。
當遇到產品賣點文案過多，卓聰則巧妙地運用懸停動畫。相較于文字文本和靜止的圖像，動態的動效更容易觸發用戶探索的欲望。卓聰將內容歸納分點，通過懸停動畫分層設置，突出其產品和網頁特色的同時，吸引用戶停留以及多次點擊。
鼠標懸停發起特效動畫
顯示所涉及賣點的細分項
企業介紹作為品宣的核心部分，高級感的網頁動效也尤為重要。卓聰為企業介紹的兩部分做了分區入場動效，頁面內容布局錯落有致，富有層次感，讓二維頁面有了立體感。
當客戶進入頁面，首先介紹文案平移入場
緊接著企業理念類的球體滾動入場
卓聰市場負責人表示：網站的動畫效果可以建立用戶與界面之間的情感聯系，逐步引導用戶了解產品，并讓我們從競品企業官網中脫穎而出。
細化整體網頁設計
呈現品牌內核
卓聰對于網站的設計思考，不僅僅在交互上，從配色到布局排版，卓聰將細節做到極致。
無論是平面設計，還是網頁設計，色彩永遠是最重要的一環。卓聰網站整體配色采用品牌VI色藍白，用藍色來突出強調重點，讓頁面更具備呼吸感，各個界面按照具體內容適應主題色，使得界面色調和諧統一，從上到下閱覽過程中帶來舒適體驗。
藍白間錯，分段清晰，方正的排列切割出視線落腳點，整齊更顯出精準的規劃。選用VI中的藍色，凸顯科技感的同時，又能讓客戶潛移默化中記住品牌logo色。
當然，官網的一個重要目的便是品牌宣傳，首頁的按鈕一定是整個頁面中最醒目、最聚焦視線的。卓聰將按鈕統一設置為藍色，搭配白色底色，拉大對比度，讓按鈕從背景中突出。
新材料產品不像快消品，客戶在選擇產品時更加謹慎，要消除客戶的疑慮，加強對企業的信任，其中一種有效的形式便是，展示服務客戶logo。
面對Logo太多、形狀不規則的情況，卓聰使用了菱形錯落排版logo。使用這樣相同的菱形容器排版，讓視覺效果更加聚焦，令頁面簡約有序。
從創新官網開始
賦能企業數字化“新”轉型
企業官網正是一家企業的“門面”，客戶通過這個“門面”用戶可以全面、詳細地了解這家企業。企業更可以把任何想展示或想和用戶交流的內容放入官網。
卓聰對官網的創“新”不僅僅在交互、設計、排版上，更通過不斷更新新產品、新服務、新企業新聞，讓客戶時刻了解企業新動態，保持密切聯系。而這所有的“新”，卓聰均通過凡科建站輕松實現。
數字化時代，企業想在互聯網上建立與用戶的連接，搭建官方網站將是優先選擇。
點擊右側鏈接直通官網：http://www.zhuoconghb.com