舊版官網(wǎng)問題
分析調(diào)研結(jié)果01. 設(shè)備生產(chǎn)制造
02. 裝備智能化
03. 設(shè)備出廠銷售
結(jié)合蘑菇物聯(lián)的VI體系,為了更直觀傳達(dá)品牌特性,我們進(jìn)行了取舍, 最終選擇簡(jiǎn)約、科技、未來的色彩體系“蘑菇物聯(lián)藍(lán)”作為整體官網(wǎng)的基調(diào), 并且貫穿運(yùn)用到網(wǎng)頁模塊、內(nèi)容排版中,形成了頁面整體的統(tǒng)一。
#148FFA
蘑菇物聯(lián)藍(lán)#0072ce
#00a9e0
#FAFAFA
在品牌基因基礎(chǔ)上,延展出專屬于蘑菇物聯(lián)的品牌圖形系統(tǒng)。
從應(yīng)用環(huán)境出發(fā),結(jié)合品牌色、品牌字體等,來呈現(xiàn)蘑菇物聯(lián)的整體視覺感受,以保留行業(yè)特性,
實(shí)現(xiàn)整個(gè)網(wǎng)站的風(fēng)格統(tǒng)一。
引導(dǎo)訪客獲取信息是一個(gè)規(guī)律性、漸進(jìn)式的過程,
綜合前期調(diào)研、對(duì)歷史訪客數(shù)據(jù)分析,最終敲定本次改版的交互設(shè)計(jì)策略。
易讀易懂
降低冗余
我們以用戶群體角度著手設(shè)計(jì)網(wǎng)站框架,優(yōu)化了網(wǎng)站構(gòu)架,將內(nèi)頁中的引導(dǎo)欄置頂。
設(shè)備分類的呈現(xiàn)模塊中,加入了交互反饋,同時(shí)出現(xiàn)對(duì)應(yīng)的設(shè)備模型,以輔助用戶在短時(shí)間內(nèi)理解到關(guān)鍵信息
蘑菇物聯(lián)的用戶群體為產(chǎn)業(yè)鏈三端客戶,即設(shè)備制造企業(yè)、設(shè)備服務(wù)企業(yè)、制造工廠,涉及到20+項(xiàng)專業(yè)設(shè)備儀器。
設(shè)備分類的呈現(xiàn)模塊中,加入了交互反饋,同時(shí)出現(xiàn)對(duì)應(yīng)的設(shè)備模型,以輔助用戶在短時(shí)間內(nèi)理解到關(guān)鍵信息
在網(wǎng)站結(jié)構(gòu)上做優(yōu)化調(diào)整,縮短訪問路徑,使訪客操作步驟減少,快速抵達(dá)目標(biāo)頁面。
“顯著線索”
快速被捕捉
數(shù)據(jù)量化呈現(xiàn),是讓用戶快速捕捉到顯著線索的有效方式,更直觀呈現(xiàn)企業(yè)實(shí)力,內(nèi)容傳達(dá)效率提升數(shù)倍。
視覺降噪
突出核心
減少用戶對(duì)吸收信息的噪點(diǎn),增加留白和去色彩化,
保持整體頁面的風(fēng)格統(tǒng)一同時(shí),
以無干擾的形式突出核心,提高訪客對(duì)信息的吸收程度。
項(xiàng)目
復(fù)盤會(huì)
整個(gè)項(xiàng)目下來,我們始終圍繞改版兩大目標(biāo):
提升信息傳達(dá)效率以及強(qiáng)化品牌感知。
做到每一處細(xì)節(jié)設(shè)計(jì)都充分考慮了用戶需求,
最終以全新的官網(wǎng)形態(tài)彰顯出品牌競(jìng)爭(zhēng)力,
達(dá)到了突出產(chǎn)品核心價(jià)值,提升品牌調(diào)性,提升獲客轉(zhuǎn)化率的目的。
想了解蘑菇物聯(lián)的服務(wù)方案與價(jià)格?
《 企業(yè)官網(wǎng)建設(shè)實(shí)戰(zhàn)指南 》
《SEM提效之狙擊戰(zhàn)術(shù) 》
《數(shù)字營銷白皮書 》
僅剩5份
《 企業(yè)官網(wǎng)建設(shè)實(shí)戰(zhàn)指南 》
《SEM提效之狙擊戰(zhàn)術(shù) 》
《數(shù)字營銷白皮書 》
僅剩5份
僅剩5份