網(wǎng)營(yíng)中國(guó)教你如何搭建又好看又好用的企網(wǎng)站
網(wǎng)營(yíng)中國(guó)——一站式生態(tài)運(yùn)營(yíng)商,助您徹底解決全網(wǎng)營(yíng)銷難題!提供專的解決方案!效果收費(fèi),無(wú)效全額退款!
在談到企產(chǎn)品的營(yíng)銷時(shí)(本中提到的“企產(chǎn)品”是指“給企客戶使用的/應(yīng)用”),一種觀點(diǎn)認(rèn)為客戶肯定是靠線下推廣來(lái)獲取的,另一種觀點(diǎn)認(rèn)為應(yīng)該讓用戶主動(dòng)購(gòu)買而不是被動(dòng)推銷,持這種觀點(diǎn)的公司尤其重視通過(guò)產(chǎn)品官網(wǎng)來(lái)獲客。
無(wú)論持哪種觀點(diǎn),不可否認(rèn)的是官網(wǎng)是客戶你產(chǎn)品的{dy}印象,很多潛在客戶在購(gòu)買之前都是先通過(guò)官網(wǎng)來(lái)了解產(chǎn)品的。然而很多公司在產(chǎn)品官網(wǎng)設(shè)計(jì)這事投入的精力還不及線下推廣的萬(wàn)分之一,有的只把官網(wǎng)當(dāng)作擺設(shè),粗濫造個(gè)模板結(jié)束,甚還忽略了移動(dòng)端適配。
作為企產(chǎn)品的設(shè)計(jì)師,我們要如何設(shè)計(jì)好看又好的產(chǎn)品官網(wǎng),有沒(méi)有一些路可循?
企產(chǎn)品官網(wǎng)的作用是傳達(dá)信息和促進(jìn)轉(zhuǎn)化。傳達(dá)信息是告訴訪客這款產(chǎn)品是什么/能為你公司做什么/為什么值得我購(gòu)買,再配合一些增強(qiáng)說(shuō)服力的段來(lái)促進(jìn)轉(zhuǎn)化——將盡量多的訪客(潛在客戶)轉(zhuǎn)化為注冊(cè)用戶并最終完成購(gòu)買。照用戶瀏覽網(wǎng)站的順序,有以下 5 大設(shè)計(jì)要點(diǎn):
· 一、善用首屏大圖吸引視線
· 二、銷售主張明確傳達(dá)產(chǎn)品價(jià)值
· 三、合理的導(dǎo)航方便訪客獲取信息
· 四、無(wú)處不在的CTA推動(dòng)轉(zhuǎn)化
· 五、客戶案例增強(qiáng)信任感
·
一、善用首屏大圖吸引視線
首屏大圖占據(jù)了官網(wǎng)最寶貴的{dy}屏,它決定了訪客官網(wǎng)的{dy}印象。首屏大圖可以輔助產(chǎn)品Slogan來(lái)有效傳達(dá)產(chǎn)品價(jià)值,同時(shí)還會(huì)影響到官網(wǎng)整體的氣質(zhì)。常見(jiàn)的首屏大圖有以下 5 種表現(xiàn)形式:
1.實(shí)景照片營(yíng)造景氛圍
在實(shí)景照片這個(gè)形式,企級(jí)產(chǎn)品的表現(xiàn)力遠(yuǎn)不及消費(fèi)級(jí)產(chǎn)品(比一下Salesforce和Apple的官網(wǎng)就知道了),因?yàn)槠蟮纳虅?wù)屬性決定了他們不能像消費(fèi)級(jí)產(chǎn)品那樣大膽地彰顯個(gè)性。企產(chǎn)品官網(wǎng)一般會(huì)用客戶使用產(chǎn)品的景照來(lái)說(shuō)明產(chǎn)品給他們工作帶來(lái)的益處,或用一些闊的風(fēng)景照來(lái)表現(xiàn)公司的價(jià)值觀和愿景。
這種傳統(tǒng)的照片形式常見(jiàn)于一些大公司,例如的CRM產(chǎn)品Microsoft Dynamics 365:
客服應(yīng)用HelpCrunch則用來(lái)表現(xiàn)公司未來(lái)的愿景:
2.概念圖用隱喻表達(dá)產(chǎn)品價(jià)值
經(jīng)過(guò)設(shè)計(jì)處理之后的概念圖,比真實(shí)照片的表現(xiàn)空間更大,可以通過(guò)一些隱喻的法來(lái)傳達(dá)產(chǎn)品價(jià)值。
Zendesk用形象的概念圖來(lái)輔助傳達(dá)產(chǎn)品的價(jià)值主張——We can lend a hand。
3.插畫(huà)最適合講故事
近年來(lái)一些企重塑品向更年輕更有活力的方向展。插畫(huà)的形式有利于塑造輕松時(shí)尚的品氣質(zhì),同時(shí)也是最適合用來(lái)講故事的表達(dá)形式。
二、銷售主張明確傳達(dá)產(chǎn)品價(jià)值
當(dāng)用戶被首屏大圖吸引住目光之后,想要進(jìn)一步留住客戶,就必須立即向他們傳達(dá)產(chǎn)品的核心價(jià)值,讓他明白購(gòu)買你們的產(chǎn)品可以獲得什么好處。在營(yíng)銷領(lǐng)域,這被稱為USP(Unique Selling Proposition),意為“獨(dú)特的銷售主張”。
在企產(chǎn)品官網(wǎng)中,銷售主張會(huì)多次現(xiàn),完整的銷售主張通常會(huì)由以下三個(gè)基本部分組成:首屏標(biāo)題、強(qiáng)化闡述和{zh1}重申。
a.首屏標(biāo)題
首屏大標(biāo)題是USP的核心,簡(jiǎn)短明確的slogan是一個(gè)強(qiáng)有力的白。通常位于官網(wǎng)首屏最顯眼的位置,用大字體突,同時(shí)可以用小字在旁邊進(jìn)輔助說(shuō)明。
b.強(qiáng)化闡述
用來(lái)強(qiáng)化和豐富USP,讓它看起來(lái)更有說(shuō)服力。可以從正面列舉產(chǎn)品功能、強(qiáng)調(diào)產(chǎn)品優(yōu)勢(shì),也可以從側(cè)面來(lái)印,比如成功案例、資質(zhì)書(shū)等。
c.{zh1}重申
當(dāng)訪客瀏覽了長(zhǎng)篇的強(qiáng)化闡述,瀏覽到頁(yè)面底部時(shí),{zh1}再重申一下USP,首尾呼應(yīng)。
三、合理的當(dāng)方便獲取用戶信息
當(dāng)訪客被你的首屏大圖和價(jià)值主張吸引之后,接下來(lái)他可能想要在你的官網(wǎng)四處看看了解更多信息。合理清晰的導(dǎo)航可以帶領(lǐng)訪客速到想要的信息。導(dǎo)航是網(wǎng)站的,也是網(wǎng)站組織架構(gòu)的體現(xiàn)。如果訪客的瀏覽體驗(yàn)不順暢,他們會(huì)你的產(chǎn)品和公司失去信心。
四、無(wú)處不在的CTA推動(dòng)轉(zhuǎn)化
CTA(Call to Action,用戶為召喚)是指希望訪客在瀏覽官網(wǎng)時(shí)完成的指定為,通常有:注冊(cè)、申請(qǐng)?jiān)囉谩⑧]訂閱、下載等等。CTA是促進(jìn)官網(wǎng)完成轉(zhuǎn)化的主要段,于企產(chǎn)品官網(wǎng),醒目的CTA鈕是標(biāo)配。
五、客戶案例增強(qiáng)信任感
企級(jí)(to B)產(chǎn)品不像消費(fèi)級(jí)(to C)產(chǎn)品那么普遍和易獲取,企客戶在選擇產(chǎn)品的時(shí)候更為慎重,官網(wǎng)要幫助xc他們的疑慮,建立產(chǎn)品的信任感,{zh0}的方式就是把已購(gòu)買產(chǎn)品的客戶成功案例展示來(lái)。你的客戶就是你產(chǎn)品天生的言人,他們比你的產(chǎn)品本身更有說(shuō)服力。
更好看的網(wǎng)站搭建,盡在網(wǎng)營(yíng)中國(guó)(陜西網(wǎng)營(yíng)信息科有限公司)陜西網(wǎng)營(yíng)信息科有限公司借多年來(lái)為各客戶提供,積累了豐富的策劃經(jīng)驗(yàn)和術(shù)經(jīng)驗(yàn),深知客戶的實(shí)際需求。結(jié)合身術(shù)團(tuán)隊(duì)優(yōu)勢(shì),持續(xù)為各企事位提供更加{yx}的網(wǎng)站建設(shè)和信營(yíng)銷解決方案,括信小程序、信公眾號(hào)、APP、企形象官方網(wǎng)站、電子商務(wù)網(wǎng)站、戶網(wǎng)站、營(yíng)銷型網(wǎng)站、響應(yīng)式網(wǎng)站、網(wǎng)站以及安全穩(wěn)定的域名及器,為企提供一站式安全可靠方案,并提供完善的售后。
聯(lián)系地址:西安市曲江區(qū)翠華路500號(hào)佳和商務(wù)大廈A座12層1206號(hào)房
官方網(wǎng)址:
聯(lián)系電話:029-63371028 13571888018
網(wǎng)營(yíng)中國(guó)是西安地區(qū)專的網(wǎng)絡(luò)營(yíng)銷推廣公司,為企提供網(wǎng)絡(luò)營(yíng)銷外、、網(wǎng)站SEO優(yōu)化、、網(wǎng)絡(luò)營(yíng)銷方案等,豐富的全網(wǎng)營(yíng)銷經(jīng)驗(yàn)及強(qiáng)大的網(wǎng)絡(luò)營(yíng)銷團(tuán)隊(duì),是您展網(wǎng)絡(luò)營(yíng)銷推廣的bezs!
6736747854 (不是聯(lián)系方式)
【原創(chuàng)章】
界面及簡(jiǎn)操作的原型設(shè)計(jì)工具,將勢(shì)必成為眾人心中{zj0}工具、yl的風(fēng)潮。隨著21世紀(jì)移動(dòng)互聯(lián)網(wǎng)的盛,站流量占有比例愈明顯,根據(jù)統(tǒng)計(jì)到目前位置有些端流量比例已經(jīng)超過(guò)65%,更有甚者超過(guò)80%。那么網(wǎng)站建設(shè)就難免面臨一個(gè)問(wèn)題,到底是應(yīng)該重視站還的產(chǎn)品再爛也能寫(xiě)的有意思404頁(yè)面算是很爛的產(chǎn)品了,但是依然能讓很多人看了覺(jué)得很喜歡。所以別抱怨己的產(chǎn)品,試試一些角度把它們寫(xiě)的有趣。這些404頁(yè)面通過(guò)幽默有趣的創(chuàng)意形式,讓你看到它們時(shí)不禁莞爾一笑。但這不只是個(gè)玩笑那么簡(jiǎn),更值得借鑒的地方在于:tipzm的設(shè)計(jì)大師EthanMarcotten在2010年5月提,隨后便速席卷了前端和設(shè)計(jì)領(lǐng)域,現(xiàn)如今成為網(wǎng)頁(yè)設(shè)計(jì)的大趨勢(shì)。正如Ethan所說(shuō):“響應(yīng)式網(wǎng)站設(shè)計(jì)提供了一種全的選擇,這種基于柵格布局和CSS3的流動(dòng)性網(wǎng)頁(yè)設(shè)計(jì),可以讓網(wǎng)頁(yè)隨著屏幕變化而響應(yīng)。這是7年可以說(shuō)是網(wǎng)頁(yè)設(shè)計(jì)速展的一年,明年的網(wǎng)頁(yè)設(shè)計(jì)將會(huì)有怎樣的展和趨勢(shì)演變呢?哪些設(shè)計(jì)元素又將會(huì)成為時(shí)寵呢?今天小編就帶大一起來(lái)看看2018年的六大網(wǎng)頁(yè)設(shè)計(jì)流趨勢(shì),希望你有幫助。網(wǎng)頁(yè)設(shè)計(jì)六大流趨勢(shì)設(shè)計(jì)師們都知道一個(gè)賞心悅目的網(wǎng)站有多重要,有限公司就是一這樣的公司。想想你正在興致勃勃的看聞、資料、看視頻,突然現(xiàn)一個(gè)巨大的404,告訴你的東西不存在,是不是有種想砸鍵盤(pán)的沖動(dòng)?現(xiàn)404頁(yè)面時(shí)非常讓人掃興的。可偏偏有很多404頁(yè)面讓你看到之后不僅不會(huì)生氣,還很期待再次看到他們。tip1:你的信任感,{zh0}的方式就是把已購(gòu)買產(chǎn)品的客戶成功案例展示來(lái)。你的客戶就是你產(chǎn)品天生的言人,他們比你的產(chǎn)品本身更有說(shuō)服力。于各種原因,設(shè)計(jì)趨勢(shì)每年都在變,有的設(shè)計(jì)趨勢(shì)在演進(jìn)中逐漸消失,有的則在逐步被大熟練運(yùn)用的過(guò)程中漸入佳境,甚蛻變成為設(shè)計(jì)主流。201網(wǎng)站。優(yōu)勢(shì):可操作性強(qiáng)劣勢(shì):周期長(zhǎng)這種網(wǎng)站一般可操作性強(qiáng),電腦端添加終端識(shí)別碼就可以實(shí)現(xiàn),站和電腦端都有獨(dú)的模板,站電腦站模板更互不影響。目前大多數(shù)網(wǎng)站建設(shè)都是選中這種方法,弊端就是周期比較長(zhǎng)。適應(yīng)網(wǎng)站:一個(gè)后臺(tái)一個(gè)網(wǎng)頁(yè)端電腦端來(lái)使用。不同于往年為了迎合擬物化設(shè)計(jì)而做的空間處理,這里的漸變色采用大膽的撞色,目的是營(yíng)造更好的氛圍及產(chǎn)品氣質(zhì)。不得不說(shuō),使用透明度是既美觀但又冒險(xiǎn)的事兒,這種方法如果使用好了,可以在不影響頁(yè)面的可讀性基礎(chǔ),增強(qiáng)頁(yè)面整體的設(shè)計(jì)感與震撼力。尤其半透明度的設(shè)計(jì)好的網(wǎng)頁(yè)設(shè)計(jì)不僅給用戶良好的{dy}印象和體驗(yàn),還能引導(dǎo)用戶為、創(chuàng)造品效應(yīng)。小伙伴們可以結(jié)合下面的設(shè)計(jì)流趨勢(shì)來(lái)進(jìn)網(wǎng)站的建設(shè)與造。1.漸變色和半透明度設(shè)計(jì)(推薦工具-PS/AI)漸變色的使用景很多,它既可以在常見(jiàn)的logo或鈕中使用,也可以純作為背景2:抓住一個(gè)景才能言之有物比如404頁(yè)面有關(guān)的景:不到、不見(jiàn)了、錯(cuò)誤……那么再想想跟你產(chǎn)品有關(guān)的景有什么呢,消費(fèi)者什么時(shí)候會(huì)使用它,什么時(shí)間會(huì)遇到它,這是消費(fèi)者的心會(huì)怎有,周圍會(huì)有誰(shuí)……tip3像聊天一樣寫(xiě)案想想你平時(shí)怎么跟人說(shuō)話,就怎么跟消費(fèi)者說(shuō)頁(yè)面基本一致。優(yōu)勢(shì):界面一致劣勢(shì):相應(yīng)速度這種網(wǎng)站電腦端布局和端布局基本一致,電腦端端可調(diào)整性比較差,用戶網(wǎng)站和電腦網(wǎng)站所耗費(fèi)的資源基本相同,所在電腦端傳圖片資源時(shí)必須是經(jīng)過(guò)壓縮修的,否則端相應(yīng)速度會(huì)很慢。第三方平臺(tái)網(wǎng)站:利用第來(lái)使用。不同于往年為了迎合擬物化設(shè)計(jì)而做的空間處理,這里的漸變色采用大膽的撞色,目的是營(yíng)造更好的氛圍及產(chǎn)品氣質(zhì)。不得不說(shuō),使用透明度是既美觀但又冒險(xiǎn)的事兒,這種方法如果使用好了,可以在不影響頁(yè)面的可讀性基礎(chǔ),增強(qiáng)頁(yè)面整體的設(shè)計(jì)感與震撼力。尤其半透明度的設(shè)計(jì)