企業(yè)官網(wǎng)怎么做 5大設(shè)計(jì)要點(diǎn)教你搭建好看又好賣(mài)的企業(yè)產(chǎn)品官網(wǎng)

6.視頻是流行趨勢(shì)
用視頻代替靜態(tài)圖出現(xiàn)在首屏成為近年來(lái)流行的一大趨勢(shì),比起靜態(tài)圖,動(dòng)態(tài)視頻更容易吸引目光。視頻的內(nèi)容可以是產(chǎn)品功能解說(shuō)/客戶案例講述/企業(yè)文化傳播等,視頻的觸發(fā)方式有自動(dòng)播放/預(yù)加載/點(diǎn)擊播放等。
自助建站應(yīng)用Weebly的首頁(yè)視頻融合了各類用戶的生活狀態(tài)和使用場(chǎng)景,來(lái)表現(xiàn)“DO WHAT YOU LOVE”的產(chǎn)品理念。
Tips:
首屏大圖和銷(xiāo)售主張是官網(wǎng)的重中之重,既是營(yíng)銷(xiāo)的核心,同時(shí)也是頁(yè)面布局和表現(xiàn)的核心。首屏大圖是傳達(dá)產(chǎn)品品牌的絕佳機(jī)會(huì)。不同子產(chǎn)品頁(yè)可以用不同的首屏大圖,但是要注意尺寸和風(fēng)格保持一致。
二、銷(xiāo)售主張明確傳達(dá)產(chǎn)品價(jià)值
當(dāng)用戶被首屏大圖吸引住目光之后,想要進(jìn)一步留住客戶,就必須立即向他們傳達(dá)產(chǎn)品的核心價(jià)值,讓他明白購(gòu)買(mǎi)你們的產(chǎn)品可以獲得什么好處。在營(yíng)銷(xiāo)領(lǐng)域,這被稱為USP(Unique Selling Proposition),意為“獨(dú)特的銷(xiāo)售主張”。
1.銷(xiāo)售主張需要多次強(qiáng)調(diào)
在企業(yè)產(chǎn)品官網(wǎng)中,銷(xiāo)售主張會(huì)多次出現(xiàn),完整的銷(xiāo)售主張通常會(huì)由以下三個(gè)基本部分組成:首屏標(biāo)題、強(qiáng)化闡述和最后重申。
a.首屏標(biāo)題
首屏大標(biāo)題是USP的核心,簡(jiǎn)短明確的slogan是一個(gè)強(qiáng)有力的開(kāi)場(chǎng)白。通常位于官網(wǎng)首屏最顯眼的位置,用大字體突出,同時(shí)可以用小字在旁邊進(jìn)行輔助說(shuō)明。
MailChimp的首屏標(biāo)題簡(jiǎn)短有力:
b.強(qiáng)化闡述
用來(lái)強(qiáng)化和豐富USP,讓它看起來(lái)更有說(shuō)服力??梢詮恼娉霭l(fā)列舉產(chǎn)品功能、強(qiáng)調(diào)產(chǎn)品優(yōu)勢(shì),也可以從側(cè)面來(lái)印證,比如成功案例、資質(zhì)證書(shū)等。
MailChimp用與首屏標(biāo)題同樣風(fēng)格的文案,配合界面圖來(lái)強(qiáng)化USP:
c.最后重申
當(dāng)訪客瀏覽了長(zhǎng)篇的強(qiáng)化闡述,瀏覽到頁(yè)面底部時(shí),最后再重申一下USP,首尾呼應(yīng)。
MailChimp在頁(yè)面底部最后重申,號(hào)召轉(zhuǎn)化行動(dòng):
2.文案風(fēng)格會(huì)影響銷(xiāo)售主張的表現(xiàn)力
根據(jù)不同的產(chǎn)品功能和品牌調(diào)性,銷(xiāo)售主張的文案風(fēng)格也各不相同,主要有以下幾種類型:
a.清晰直白的功能陳述
清晰直白的功能陳述可能會(huì)有點(diǎn)無(wú)趣,但卻是最直觀、最易于理解的。用一句話講清楚你的產(chǎn)品是做什么的,比含糊其辭的描述更容易讓訪客產(chǎn)生好感。
Xero是一款為小型企業(yè)提供會(huì)計(jì)服務(wù)的應(yīng)用,他們用一句話清晰傳達(dá)了Xero的功能價(jià)值與目標(biāo)用戶:
b.令人印象深刻的號(hào)召型言語(yǔ)
使用一些強(qiáng)有力、干脆利落的slogan,去號(hào)召用戶行動(dòng)。使用這類USP的公司一般都已建立了一定的用戶基礎(chǔ)和品牌形象。
光看Asana的大標(biāo)題是不是很難猜到這個(gè)公司是提供什么服務(wù)?即便如此,這幾句簡(jiǎn)短大氣的標(biāo)語(yǔ)還是能給人留下深刻印象:
c.抓住用戶痛點(diǎn),喚起情感共鳴
這種類型的slogan一般會(huì)從反面切入描述痛點(diǎn),例如“工作不用那么麻煩,用xxx你可以…”,然后引出產(chǎn)品可以解決這些痛點(diǎn)。這是一種逆向思維,通過(guò)描述產(chǎn)品可以“規(guī)避負(fù)面結(jié)果”來(lái)突出其解決問(wèn)題的能力,這是與“獲得正面結(jié)果”相反的一種思路。
Basecamp整個(gè)官網(wǎng)的措辭風(fēng)格都是如此:
d.動(dòng)態(tài)多合一
在尋找案例的過(guò)程中,還發(fā)現(xiàn)了一種動(dòng)態(tài)的多合一文案表現(xiàn)形式。它的做法是保持核心文案固定不變,其余的則不斷切換。動(dòng)態(tài)的表現(xiàn)形式更吸睛,也賦予了USP更全面的展現(xiàn)。
Atlassian旗下的Confluence品牌的核心價(jià)值是“make better by working together”,因此在動(dòng)態(tài)slogan中保持核心文案不變,切換開(kāi)頭的主語(yǔ)來(lái)突出產(chǎn)品的適用范圍。
Tips:
規(guī)劃USP時(shí)要站在客戶角度,強(qiáng)調(diào)你的產(chǎn)品能為他們帶來(lái)什么好處。不要怕首屏標(biāo)題太短講不清功能,旁邊小字的作用就是補(bǔ)充說(shuō)明,同時(shí)豐富排版。沒(méi)人會(huì)喜歡空洞的營(yíng)銷(xiāo)口號(hào)和行話,客戶喜歡能解答疑惑、簡(jiǎn)單直白的USP。
三、合理的導(dǎo)航方便訪客獲取信息
當(dāng)訪客被你的首屏大圖和價(jià)值主張吸引之后,接下來(lái)他可能想要在你的官網(wǎng)上四處看看了解更多信息。合理清晰的導(dǎo)航可以帶領(lǐng)訪客快速找到想要的信息。導(dǎo)航是網(wǎng)站的路標(biāo),也是網(wǎng)站組織架構(gòu)的體現(xiàn)。如果訪客的瀏覽體驗(yàn)不順暢,他們會(huì)對(duì)你的產(chǎn)品和公司失去信心。
1.不是所有網(wǎng)站都需要導(dǎo)航
導(dǎo)航是網(wǎng)站組織架構(gòu)的體現(xiàn)。在規(guī)劃網(wǎng)站架構(gòu)前,首先明確一個(gè)問(wèn)題:我們是否需要導(dǎo)航?當(dāng)你的目的是引導(dǎo)訪客按照預(yù)設(shè)路徑進(jìn)行瀏覽,不希望他們跳出當(dāng)前頁(yè)面,這個(gè)時(shí)候可以沒(méi)有導(dǎo)航。這樣的網(wǎng)站組織方式也叫線性結(jié)構(gòu):
對(duì)于功能簡(jiǎn)單的產(chǎn)品,使用線性結(jié)構(gòu)能有效帶動(dòng)訪客參與性,推動(dòng)轉(zhuǎn)化行為。企業(yè)產(chǎn)品官網(wǎng)的路徑通常為頭圖-產(chǎn)品展示-注冊(cè)試用。
例如辦公協(xié)作應(yīng)用Trelllo的官網(wǎng)頂部沒(méi)有導(dǎo)航,只保留了登陸和注冊(cè)入口。頁(yè)面的信息組織
相關(guān)文章
爬蟲(chóng)是什么?淺談爬蟲(chóng)及繞過(guò)網(wǎng)站反爬取機(jī)制
簡(jiǎn)單而片面的說(shuō),爬蟲(chóng)就是由計(jì)算機(jī)自動(dòng)與服務(wù)器交互獲取數(shù)據(jù)的工具,這篇文章主要想談?wù)勁老x(chóng)獲取數(shù)據(jù)的這一部分。爬蟲(chóng)請(qǐng)注意網(wǎng)站的Robot.txt文件,不要讓爬蟲(chóng)違法,也不要2017-12-18淺談App加載頁(yè)面的等待體驗(yàn)設(shè)計(jì)技巧
設(shè)計(jì)師可能無(wú)法減少App加載頁(yè)面的等待時(shí)間,但是可以讓等待時(shí)間變得有趣~,本文主要為大家淺淡App加載頁(yè)面的等待體驗(yàn)設(shè)計(jì)技巧,有興趣的朋友們就來(lái)了解下吧2017-12-15交互好且轉(zhuǎn)化率高的表單設(shè)計(jì)技巧分享
表單無(wú)論實(shí)在網(wǎng)頁(yè)設(shè)置中,還是在APP、應(yīng)用程序、軟件界面中都被廣泛運(yùn)行,從而一個(gè)好的表單設(shè)計(jì)就非常重要了,本文主要為大家分享幾個(gè)交互好且轉(zhuǎn)化率高的表單設(shè)計(jì)技巧,有2017-11-20適配iPhone X要點(diǎn):十分鐘快速掌握iPhone X UI界面適配技巧
目前,第一批預(yù)約iPhone X手機(jī)的朋友們已經(jīng)拿到真機(jī)了,目前還沒(méi)有適配iPhone X的應(yīng)用運(yùn)營(yíng)商,相信都在加班加點(diǎn)適配呢,本文為大家?guī)?lái)了適配iPhone X的要點(diǎn),讓你十分鐘快2017-11-08如何讓網(wǎng)頁(yè)可讀性更強(qiáng)?善用F式布局設(shè)計(jì)增強(qiáng)網(wǎng)頁(yè)可讀性方法解答
雖然網(wǎng)頁(yè)排版方式千變?nèi)f化,但是布局方式通常都遵循著幾種常見(jiàn)的規(guī)則,F(xiàn)式布局式設(shè)計(jì)能夠增強(qiáng)網(wǎng)頁(yè)可讀性,這種說(shuō)法是有跡可循的,本文就為大家介紹如何運(yùn)用F式布局,有興趣2017-11-08真干貨!10個(gè)高效好用的表單設(shè)計(jì)技巧分享
在網(wǎng)頁(yè)的設(shè)計(jì)中表單都是界面中最常見(jiàn),也是最重要的組件之一,對(duì)于設(shè)計(jì)師、前端和開(kāi)發(fā)者而言,應(yīng)當(dāng)對(duì)于表單的設(shè)計(jì)盡量多上心,讓它們更加易用,細(xì)致的設(shè)計(jì)對(duì)于用戶的體驗(yàn)、2017-10-26登錄頁(yè)面怎么設(shè)計(jì)更好?登錄頁(yè)面設(shè)計(jì)的15個(gè)心理學(xué)策略
有很多東西下意識(shí)地影響了我們的日常決策,這里面很多都是微妙的心理因素在起作用,大家都知道用戶體驗(yàn)設(shè)計(jì)跟心理學(xué)相關(guān),甚至?xí)苯佑绊懏a(chǎn)品的轉(zhuǎn)化率,那么,登錄頁(yè)面怎么2017-10-10網(wǎng)站評(píng)論模塊怎么設(shè)計(jì) 10個(gè)關(guān)鍵點(diǎn)告訴你如何設(shè)計(jì)產(chǎn)品評(píng)論模塊
網(wǎng)站不僅內(nèi)容很重要,評(píng)論模塊同樣也很重要,那么,網(wǎng)站評(píng)論模塊怎么設(shè)計(jì)呢?對(duì)此,本文就為大家詳細(xì)介紹10個(gè)關(guān)鍵點(diǎn)告訴你如何設(shè)計(jì)產(chǎn)品評(píng)論模塊,有興趣的朋友們就來(lái)了解下2017-09-25網(wǎng)站導(dǎo)航設(shè)計(jì)怎么才是符合搜索引擎優(yōu)化?SEO網(wǎng)站導(dǎo)航建設(shè)技巧分享
搭建網(wǎng)站的任何細(xì)節(jié)都需要考慮到是否利于SEO優(yōu)化,在網(wǎng)站導(dǎo)航設(shè)計(jì)的過(guò)程中,我們應(yīng)該怎么樣進(jìn)行操作才是符合搜索引擎優(yōu)化的呢?對(duì)此,本文就為大家進(jìn)行簡(jiǎn)單解答2017-09-21如何設(shè)計(jì)頁(yè)腳才能讓網(wǎng)站更具有競(jìng)爭(zhēng)力
在做網(wǎng)站設(shè)計(jì)的過(guò)程當(dāng)中,很多人可能會(huì)對(duì)于頁(yè)腳這個(gè)方面產(chǎn)生忽略,但是實(shí)際上在我們平時(shí)的使用下來(lái)的整體的分析數(shù)據(jù)表明,頁(yè)腳對(duì)于一個(gè)網(wǎng)站來(lái)說(shuō)還是有非常重要的作用的,那2017-09-04