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