国产99热在线露出_欧美日韩精品在线免费_在线观看无码av一区二区_欧美成人爽视频BBW_免费精品国偷自产在线91_国产无遮挡又黄又爽不要vip软件_五月天婷婷欧美日韩一区_亚洲熟妇无码播放av另类_秋霞影院午夜福利网_亚洲国产精品无码第一二区

實(shí)搜網(wǎng)絡(luò)
——官網(wǎng)改

實(shí)搜網(wǎng)絡(luò)專注于網(wǎng)站建設(shè)、系統(tǒng)開發(fā)、網(wǎng)絡(luò)推廣新媒體營銷等互聯(lián)網(wǎng)數(shù)字產(chǎn)品開發(fā)與服務(wù)。

項(xiàng)目背景

實(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)解決方案。

舊網(wǎng)站調(diào)研

實(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)格老舊,無法撐起頁面

項(xià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)理

頭腦風(fē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)流程,減少用戶焦慮

01
01

品牌感知設(shè)計

風(fēng)格情緒

色彩情緒在UI設(shè)計中的作用是表達(dá)情感、提升用戶體驗(yàn)、情感調(diào)節(jié)和品牌形象等方面。通過設(shè)計具有情感共鳴的UI設(shè)計,可以讓用戶更好地體驗(yàn)和使用產(chǎn)品,提高用戶的滿意度和品牌忠誠度。

簡潔

Concise

專業(yè)

Major

高效

Efficient

舒適

Comfort

色彩規(guī)范

色彩規(guī)范統(tǒng)一

為了更直觀傳達(dá)品牌特性,我們進(jìn)行了取舍,最終選擇簡約、科技、未來的色彩體系“實(shí)搜藍(lán)”作為整體官網(wǎng)的基調(diào),并且貫穿運(yùn)用到網(wǎng)頁模塊、內(nèi)容排版中,形成了頁面整體的統(tǒng)一。

#0B56A7
實(shí)搜藍(lán)
#F6AB00
#F1F2F3
#FFFFFF
柵格系統(tǒng)

柵格系統(tǒng)
讓功能更規(guī)范化

3D圖標(biāo)

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)一。

統(tǒng)一采用攝像機(jī)
平行視角進(jìn)行投射方式
科技
精致
3D
突破傳統(tǒng)設(shè)計風(fēng)格
用更具辨識度的3D設(shè)計

需求調(diào)研

產(chǎn)品策劃

用戶體驗(yàn)

UI設(shè)計

技術(shù)開發(fā)

上線運(yùn)維

技術(shù)支持

文案

文案

強(qiáng)化品牌感知,文案的力量無可替代。
我們根據(jù)企業(yè)文化宗旨,把悉心凝練過的文案與圖像融合于一體達(dá)到更有效的信息傳播。

02
02

視覺交互視覺交互

交互

讓用戶行為感知一致

視覺傳達(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é)

我們把美的東西都放在了細(xì)節(jié)里

這種設(shè)計上的克制反而能體現(xiàn)出高級感

03
03

首頁價值設(shè)計

首頁設(shè)計

強(qiáng)化品牌符號,體現(xiàn)首頁價值

網(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)化各個展示板塊,也促使了提升訪客閱讀效率。

內(nèi)容信息精簡

對網(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í)慣的合理視覺動線。

強(qiáng)化品牌符號,體現(xiàn)首頁價值

網(wǎng)站帶給訪客的印象非常重要,所以對于首頁設(shè)計,關(guān)鍵是要加強(qiáng)品牌符號體現(xiàn),采用對logo圖標(biāo)的合理應(yīng)用,對品牌色的強(qiáng)調(diào),以及在細(xì)節(jié)上作了弧度處理,盡在展示品牌符號,給予訪客盡可能直觀的信息感知。

重新劃分信息優(yōu)先級,提升閱讀率

根據(jù)舊網(wǎng)站分析出:服務(wù)內(nèi)容的重要性,并對網(wǎng)站整體重新了規(guī)劃,劃分優(yōu)先級。 從頁面整體出發(fā),通過對信息等級劃分及合理布局,精簡了官網(wǎng)首頁展示版塊,提高對瀏覽者的需求為導(dǎo)火線,充分展現(xiàn)網(wǎng)站新形象,優(yōu)化各個展示板塊,也促使了提升訪客閱讀效率。

內(nèi)容信息精簡

對網(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í)慣的合理視覺動線。

動效設(shè)計
用戶界面上所有運(yùn)動的效果,是界面設(shè)計與動態(tài)設(shè)計的結(jié)合,讓實(shí)搜網(wǎng)站的使用更加符合現(xiàn)實(shí)生活中的認(rèn)知習(xí)慣,提升產(chǎn)品體驗(yàn)。

品牌展示動效

將有趣的動態(tài)圖形與品牌相結(jié)合,
讓原本生硬的產(chǎn)品形象變得有趣生動,拉近訪客與實(shí)搜之間的距離。

展示型動效

通過文字和圓形的結(jié)合,引發(fā)此動效,
最大作用為訪客制造視覺上的愉悅,營造新穎的視覺體驗(yàn)。

多頁面交互動效

通過不同頁面之間的交互動畫,其實(shí)就是頁面的跳轉(zhuǎn),
用進(jìn)場動畫來做過度,
能夠幫助用戶理解前后頁面的邏輯關(guān)系。

04
04

模塊化設(shè)計

導(dǎo)航設(shè)計

為了契合品牌符號的統(tǒng)一,導(dǎo)航設(shè)計采用了極少用到的滾輪導(dǎo)航,與品牌logo的搭配相得益彰,為實(shí)搜網(wǎng)站添加一筆巧用的設(shè)計。

案例列表

在展示案例頁面中,采用視頻,圖片及手機(jī)的形式進(jìn)行展示,這樣更能充分展現(xiàn)案例的優(yōu)勢,瀏覽的時候你甚至?xí)械竭@是一場視覺盛宴。

項(xiàng)目總結(jié)

整個項(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)化率的目的。

最新案例 查看更多

查看