需求調研
產品策劃
用戶體驗
UI設計
技術開發
上線運維
技術支持
實搜網絡
——官網改版
實搜網絡專注于網站建設、系統開發、網絡推廣和新媒體營銷等互聯網數字產品開發與服務。
項目背景
實搜網絡專注于網站建設、系統開發、網絡推廣和新媒體營銷等互聯網數字產品開發與服務。我們為企事業單位提供全面的互聯網整合營銷解決方案，涵蓋了網絡品牌的策劃、設計、制作、推廣，以及維護和管理，為企業量身定制互聯網解決方案。
舊網站調研
實搜舊官網和市面上大多數企業一樣
都遇上了同樣的問題
舊版網站截圖
功能模塊陳雜
導航欄欄目較多，各功能板塊繁多，質量較差，呈現較為繚亂
規范不統一
原有的設計稿比較混亂，間距，顏色層級不統一，需要進行整理
用戶體驗不佳
交互邏輯及動效體驗較差，用戶獲取信息效率低，營銷屬性過強
優化產品體驗
優化首頁結構布局，重新對頁面服務分類
視覺設計陳舊
視覺風格不統一，整體呈現較為跳脫，廉價感較強
圖標精致化
圖標過于扁平，風格老舊，無法撐起頁面
項目啟動會
經過需求調研后，實搜項目組正式開啟官網改版項目。
“我們用「探索」作為關鍵詞并貫穿整個官網的設計，以此來激發各類訪客的探索欲望，讓訪客對實搜官網品牌產生全新的認識和更深的了解?！?/p>
殷文龍
實搜網絡項目經理
頭腦風暴
我們深入探索創造力、開發思維和用戶體驗！
我們一起頭腦風暴
在經過多次的項目會議研討，我們總結出：
為了滿足產品功能訴求，我們對信息進行拆分整合。同時完成視覺專業化的要求：突出品牌調性、視覺交互、建立系統規范，并在大一統的視覺語言體系下，進行相關設計延展。
·
視覺優化
優化視覺效果，豐富頁面內容
·
功能優化
優化產品功能，降低使用難度
·
強化品牌
建立品牌特征，強化品牌記憶點
·
體驗升級
完善體驗流程，減少用戶焦慮
01
01
品牌感知設計
風格情緒
色彩情緒在UI設計中的作用是表達情感、提升用戶體驗、情感調節和品牌形象等方面。通過設計具有情感共鳴的UI設計，可以讓用戶更好地體驗和使用產品，提高用戶的滿意度和品牌忠誠度。
簡潔
Concise
專業
Major
高效
Efficient
舒適
Comfort
色彩規范
色彩規范統一
為了更直觀傳達品牌特性，我們進行了取舍，最終選擇簡約、科技、未來的色彩體系“實搜藍”作為整體官網的基調，并且貫穿運用到網頁模塊、內容排版中，形成了頁面整體的統一。
#0B56A7
實搜藍
實搜藍
#F6AB00
#F1F2F3
#FFFFFF
柵格系統
柵格系統
讓功能更規范化
3D圖標
3D圖標風格統一
在品牌基因基礎上，延展出專屬于實搜的品牌圖形系統。
在應用環境出發結合品牌色、品牌字體等，來呈現實搜的整體視覺感受，以保留行業特性
實現整個網站的風格統一。
統一采用攝像機
平行視角進行投射方式
平行視角進行投射方式
科技
精致
3D
突破傳統設計風格
用更具辨識度的3D設計
用更具辨識度的3D設計
文案
文案
強化品牌感知，文案的力量無可替代。
我們根據企業文化宗旨，把悉心凝練過的文案與圖像融合于一體達到更有效的信息傳播。
02
02
視覺交互視覺交互
交互
讓用戶行為感知一致
視覺傳達設計中的交互主要表現在信息傳遞、情感溝通、用戶參與三個方面。
以“人”出發，關注用戶問題與用戶體驗，根據素材整合，我們通過頁面的微交互、產品細節、原理的動態，
呈現、產品頁框架、布局等方向，給訪客提供高效的服務體驗，確保行為與感知的一致。
懸浮層
固定類
用戶參與類
重在細節
我們把美的東西都放在了細節里
這種設計上的克制反而能體現出高級感
03
03
首頁價值設計
首頁設計
強化品牌符號，體現首頁價值
網站帶給訪客的印象非常重要，所以對于首頁設計，關鍵是要加強品牌符號體現，采用對logo圖標的合理應用，對品牌色的強調，以及在細節上作了弧度處理，盡在展示品牌符號，給予訪客盡可能直觀的信息感知。
重新劃分信息等級，提升閱讀率
根據舊網站分析出：服務內容的重要性，并對網站整體重新了規劃，劃分等級。 從頁面整體出發，通過對信息等級劃分及合理布局，精簡了官網首頁展示版塊，提高對瀏覽者的需求為導火線，充分展現網站新形象，優化各個展示板塊，也促使了提升訪客閱讀效率。
內容信息精簡
對網站資料進行整理中發現，首頁內容要精簡模塊，減少樓層堆砌，彰顯實力，提高信息精準度，讓用戶產生興趣。 我們希望用戶的瀏覽網站的過程中，可以因為一個標題被吸引，和相應的圖標交互結合，明白我們所提供的服務，并了解我們可以給他帶來的價值。
合理視覺動線
簡單高效的瀏覽順序，利于用戶快速了解網站信息，降低對內容理解負擔，因此網站內頁采用符合用戶的瀏覽習慣的合理視覺動線。
強化品牌符號，體現首頁價值
網站帶給訪客的印象非常重要，所以對于首頁設計，關鍵是要加強品牌符號體現，采用對logo圖標的合理應用，對品牌色的強調，以及在細節上作了弧度處理，盡在展示品牌符號，給予訪客盡可能直觀的信息感知。
重新劃分信息優先級，提升閱讀率
根據舊網站分析出：服務內容的重要性，并對網站整體重新了規劃，劃分優先級。 從頁面整體出發，通過對信息等級劃分及合理布局，精簡了官網首頁展示版塊，提高對瀏覽者的需求為導火線，充分展現網站新形象，優化各個展示板塊，也促使了提升訪客閱讀效率。
內容信息精簡
對網站資料進行整理中發現，首頁內容要精簡模塊，減少樓層堆砌，彰顯實力，提高信息精準度，讓用戶產生興趣。 我們希望用戶的瀏覽網站的過程中，可以因為一個標題被吸引，和相應的圖標交互結合，明白我們所提供的服務，并了解我們可以給他帶來的價值。
合理視覺動線
簡單高效的瀏覽順序，利于用戶快速了解網站信息，降低對內容理解負擔，因此網站內頁采用符合用戶的瀏覽習慣的合理視覺動線。
動效設計
用戶界面上所有運動的效果，是界面設計與動態設計的結合，讓實搜網站的使用更加符合現實生活中的認知習慣，提升產品體驗。
品牌展示動效
將有趣的動態圖形與品牌相結合，
讓原本生硬的產品形象變得有趣生動，拉近訪客與實搜之間的距離。
展示型動效
通過文字和圓形的結合，引發此動效，
最大作用為訪客制造視覺上的愉悅，營造新穎的視覺體驗。
多頁面交互動效
通過不同頁面之間的交互動畫，其實就是頁面的跳轉，
用進場動畫來做過度，
能夠幫助用戶理解前后頁面的邏輯關系。
04
04
模塊化設計
導航設計
為了契合品牌符號的統一，導航設計采用了極少用到的滾輪導航，與品牌logo的搭配相得益彰，為實搜網站添加一筆巧用的設計。
案例列表
在展示案例頁面中，采用視頻，圖片及手機的形式進行展示，這樣更能充分展現案例的優勢，瀏覽的時候你甚至會感到這是一場視覺盛宴。
