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