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