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

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

        項目背景

        實搜網(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è)計、制作、推廣,以及維護和管理,為企業(yè)量身定制互聯(lián)網(wǎng)解決方案。

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

        實搜舊官網(wǎng)和市面上大多數(shù)企業(yè)一樣
        都遇上了同樣的問題

        舊版網(wǎng)站截圖

        功能模塊陳雜

        導航欄欄目較多,各功能板塊繁多,質(zhì)量較差,呈現(xiàn)較為繚亂

        規(guī)范不統(tǒng)一

        原有的設(shè)計稿比較混亂,間距,顏色層級不統(tǒng)一,需要進行整理

        用戶體驗不佳

        交互邏輯及動效體驗較差,用戶獲取信息效率低,營銷屬性過強

        優(yōu)化產(chǎn)品體驗

        優(yōu)化首頁結(jié)構(gòu)布局,重新對頁面服務(wù)分類

        視覺設(shè)計陳舊

        視覺風格不統(tǒng)一,整體呈現(xiàn)較為跳脫,廉價感較強

        圖標精致化

        圖標過于扁平,風格老舊,無法撐起頁面

        項目啟動會

        經(jīng)過需求調(diào)研后,實搜項目組正式開啟官網(wǎng)改版項目。

        “我們用「探索」作為關(guān)鍵詞并貫穿整個官網(wǎng)的設(shè)計,以此來激發(fā)各類訪客的探索欲望,讓訪客對實搜官網(wǎng)品牌產(chǎn)生全新的認識和更深的了解。”

        殷文龍

        實搜網(wǎng)絡(luò)項目經(jīng)理

        頭腦風暴

        我們深入探索創(chuàng)造力、開發(fā)思維和用戶體驗!
        我們一起頭腦風暴

        在經(jīng)過多次的項目會議研討,我們總結(jié)出:

        為了滿足產(chǎn)品功能訴求,我們對信息進行拆分整合。同時完成視覺專業(yè)化的要求:突出品牌調(diào)性、視覺交互、建立系統(tǒng)規(guī)范,并在大一統(tǒng)的視覺語言體系下,進行相關(guān)設(shè)計延展。

        ·

        視覺優(yōu)化

        優(yōu)化視覺效果,豐富頁面內(nèi)容

        ·

        功能優(yōu)化

        優(yōu)化產(chǎn)品功能,降低使用難度

        ·

        強化品牌

        建立品牌特征,強化品牌記憶點

        ·

        體驗升級

        完善體驗流程,減少用戶焦慮

        01
        01

        品牌感知設(shè)計

        風格情緒

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

        簡潔

        Concise

        專業(yè)

        Major

        高效

        Efficient

        舒適

        Comfort

        色彩規(guī)范

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

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

        #0B56A7
        實搜藍
        #F6AB00
        #F1F2F3
        #FFFFFF
        柵格系統(tǒng)

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

        3D圖標

        3D圖標風格統(tǒng)一

        在品牌基因基礎(chǔ)上,延展出專屬于實搜的品牌圖形系統(tǒng)。
        在應(yīng)用環(huán)境出發(fā)結(jié)合品牌色、品牌字體等,來呈現(xiàn)實搜的整體視覺感受,以保留行業(yè)特性
        實現(xiàn)整個網(wǎng)站的風格統(tǒng)一。

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

        需求調(diào)研

        產(chǎn)品策劃

        用戶體驗

        UI設(shè)計

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

        上線運維

        技術(shù)支持

        文案

        文案

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

        02
        02

        視覺交互視覺交互

        交互

        讓用戶行為感知一致

        視覺傳達設(shè)計中的交互主要表現(xiàn)在信息傳遞、情感溝通、用戶參與三個方面。
        以“人”出發(fā),關(guān)注用戶問題與用戶體驗,根據(jù)素材整合,我們通過頁面的微交互、產(chǎn)品細節(jié)、原理的動態(tài),
        呈現(xiàn)、產(chǎn)品頁框架、布局等方向,給訪客提供高效的服務(wù)體驗,確保行為與感知的一致。

        懸浮層
        固定類
        用戶參與類
        重在細節(jié)

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

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

        03
        03

        首頁價值設(shè)計

        首頁設(shè)計

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

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

        重新劃分信息等級,提升閱讀率

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

        內(nèi)容信息精簡

        對網(wǎng)站資料進行整理中發(fā)現(xiàn),首頁內(nèi)容要精簡模塊,減少樓層堆砌,彰顯實力,提高信息精準度,讓用戶產(chǎn)生興趣。 我們希望用戶的瀏覽網(wǎng)站的過程中,可以因為一個標題被吸引,和相應(yīng)的圖標交互結(jié)合,明白我們所提供的服務(wù),并了解我們可以給他帶來的價值。

        合理視覺動線

        簡單高效的瀏覽順序,利于用戶快速了解網(wǎng)站信息,降低對內(nèi)容理解負擔,因此網(wǎng)站內(nèi)頁采用符合用戶的瀏覽習慣的合理視覺動線。

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

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

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

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

        內(nèi)容信息精簡

        對網(wǎng)站資料進行整理中發(fā)現(xiàn),首頁內(nèi)容要精簡模塊,減少樓層堆砌,彰顯實力,提高信息精準度,讓用戶產(chǎn)生興趣。 我們希望用戶的瀏覽網(wǎng)站的過程中,可以因為一個標題被吸引,和相應(yīng)的圖標交互結(jié)合,明白我們所提供的服務(wù),并了解我們可以給他帶來的價值。

        合理視覺動線

        簡單高效的瀏覽順序,利于用戶快速了解網(wǎng)站信息,降低對內(nèi)容理解負擔,因此網(wǎng)站內(nèi)頁采用符合用戶的瀏覽習慣的合理視覺動線。

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

        品牌展示動效

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

        展示型動效

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

        多頁面交互動效

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

        04
        04

        模塊化設(shè)計

        導航設(shè)計

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

        案例列表

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

        項目總結(jié)

        整個項目下來,我們始終圍繞改版兩大目標:
        提升信息傳達效率以及強化品牌感知。
        做到每一處細節(jié)設(shè)計都充分考慮了用戶需求,
        最終以全新的官網(wǎng)形態(tài)彰顯出品牌競爭力,
        達到了突出產(chǎn)品核心價值,提升品牌調(diào)型,提升獲客轉(zhuǎn)化率的目的。

        整個項目下來,我們始終圍繞改版兩大目標:
        提升信息傳達效率以及強化品牌感知。
        做到每一處細節(jié)設(shè)計都充分考慮了用戶需求,
        最終以全新的官網(wǎng)形態(tài)彰顯出品牌競爭力,
        達到了突出產(chǎn)品核心價值,提升品牌調(diào)型,提升獲客轉(zhuǎn)化率的目的。

        最新案例 查看更多

        查看 
        主站蜘蛛池模板: 婷婷社区五月天| 美国式禁忌矿桥矿17集| 尤物yw午夜国产精品视频| 九月婷婷人人澡人人添人人爽 | 日本久久久久中文字幕| 亚洲欧美日韩国产精品网| sss欧美一区二区三区| 日韩精品久久久久影院| 亚洲福利精品一区二区三区| 精品水蜜桃久久久久久久| 在线看片你懂的| 亚洲成a人片在线观看播放| 一级做一级爱a做片性视频视频 | 亚洲精品成人a在线观看| 红色一片免费高清影视| 国产在线91精品入口| 91免费看国产| 天天色综合图片| 中文字幕亚洲一区二区三区| 毛片在线播放a| 国产成人年无码AV片在线观看| 两根硕大一起挤进小h| 最美情侣中文字幕电影| 亚洲激情综合网| 男人j进女人p一进一出视频| 四虎国产精品成人| 6080手机理论三级理论| 女人扒开下面让男人桶爽视频| 久久99精品久久久久久hb无码| 狠狠色婷婷丁香综合久久韩国| 国产91精品久久久久久久| 黄色免费网址在线观看| 国产精品一区二区资源| 97久久免费视频| 日本最新免费二区| 亚洲一区二区观看播放| 精品国产第一国产综合精品| 国产又色又爽又黄的| 亚洲黄色激情视频| 国产精品线在线精品国语| 99国产精品免费观看视频|