眾所周知，著陸頁(yè)是眾籌活動(dòng)的重要組成部分。每當(dāng)我們想要在眾籌市場(chǎng)測(cè)試產(chǎn)品的可行性時(shí)，我們都會(huì)使用著陸頁(yè)來(lái)教育和培養(yǎng)潛在客戶(hù)。對(duì)于那些想自己建立渠道的人來(lái)說(shuō)，如何開(kāi)始著陸頁(yè)的設(shè)計(jì)過(guò)程可能很困難。在構(gòu)建著陸頁(yè)時(shí)，從顏色到頁(yè)面的對(duì)齊，我們有很多需要考慮的因素。多年來(lái)，我們?cè)O(shè)計(jì)了數(shù)千個(gè)不用的著陸頁(yè)。根據(jù)這份積累的經(jīng)驗(yàn)，我們學(xué)會(huì)了如何最好的展示產(chǎn)品，讓產(chǎn)品和觀眾產(chǎn)生共鳴。本文將探討5個(gè)關(guān)于如何設(shè)計(jì)眾籌活動(dòng)著陸頁(yè)的技巧。
技巧＃1：確定目標(biāo)
每個(gè)著陸頁(yè)都應(yīng)該有一個(gè)鮮明的目標(biāo)。如果沒(méi)有明確的目標(biāo)，我們的工作就會(huì)變成漫無(wú)目的的浪費(fèi)時(shí)間。想要確定著陸頁(yè)的具體目標(biāo)，我們可以先問(wèn)自己幾個(gè)基本問(wèn)題，例如：
這些問(wèn)題的答案將會(huì)影響我們?cè)O(shè)計(jì)著陸頁(yè)時(shí)的每一個(gè)決定。來(lái)看看這個(gè)例子，看看我們是如何確定Author Clock 著陸頁(yè)的目標(biāo)——該活動(dòng)在 Kickstarter 上籌集了 130 萬(wàn)美元。
Author Clock是一款用文學(xué)名言來(lái)表達(dá)時(shí)間的時(shí)鐘，是一款非常獨(dú)特的產(chǎn)品。那么，我們的目標(biāo)是讓頁(yè)面的瀏覽者感到興奮和好奇。
我們的目標(biāo)受眾是對(duì)閱讀和文學(xué)感興趣的人，但這一個(gè)受眾群體可能是有限的。因此，我們決定向更廣泛的技術(shù)人員和各領(lǐng)域的愛(ài)好者展示這個(gè)產(chǎn)品。也就是說(shuō)在設(shè)計(jì)的過(guò)程中，我們必須確保使用威廉·莎士比亞或亞瑟·柯南·道爾這樣的知名人士所寫(xiě)的名言。
我們希望觀眾認(rèn)為自己看到了一個(gè)極具創(chuàng)意的新東西！——因此，我們需要通過(guò)圖像和文案來(lái)強(qiáng)調(diào)產(chǎn)品的USP。
我們希望產(chǎn)品的創(chuàng)意能夠激發(fā)觀眾發(fā)揮自己的創(chuàng)造力。因此，我們將主要的設(shè)計(jì)重點(diǎn)放在“讓backers自己添加名言“這個(gè)功能上，很多名言都沒(méi)有在Author Clock的數(shù)據(jù)庫(kù)中。
技巧 #2：制定策略
看到這里，你可能會(huì)問(wèn)，有關(guān)字體和顏色的內(nèi)容在哪里？我保證會(huì)有這些內(nèi)容的。我們必須先談?wù)撘恍┛此啤盁o(wú)聊的東西”，因?yàn)檫@是我們?yōu)槿魏卧O(shè)計(jì)構(gòu)建藍(lán)圖的方式。一旦確定了目標(biāo)，我們就可以開(kāi)始問(wèn)自己更具體的問(wèn)題。
這些問(wèn)題非常重要，因?yàn)樗鼈兊拇鸢缸罱K會(huì)幫我們選擇字體、顏色、圖像等。來(lái)看看Author Clock 著陸頁(yè)的案例。對(duì)于 Author Clock，我們的目的是盡可能多地讓女性參與我們的營(yíng)銷(xiāo)活動(dòng)。一般來(lái)說(shuō)，眾籌活動(dòng)是一個(gè)男性飽和的市場(chǎng)，但我們意識(shí)到Author Clock這個(gè)產(chǎn)品具有非?！爸行浴钡奈?。我們的設(shè)計(jì)師特意選擇了具有中性感的字體和顏色，如淺棕色和藍(lán)色，這對(duì)男性和女性都有吸引力。對(duì)于產(chǎn)品圖片，我們希望在讀者熟悉的位置中展示時(shí)鐘，例如在桌子和書(shū)架上。所有這些決定都變成了我們的最終策略，使 Author Clock 在整個(gè)活動(dòng)前測(cè)試階段都能實(shí)現(xiàn)大量的預(yù)訂。額外小技巧：在拍攝關(guān)于“手部”的圖片時(shí)，我們發(fā)現(xiàn)最好使用男性的手——男性的手會(huì)減少觀眾的性別意識(shí)。那些以女性的手為特色的產(chǎn)品照片可能表明該產(chǎn)品是傾向于“女性化的”。反之，數(shù)據(jù)表明，女性并不會(huì)因?yàn)榭吹侥行缘氖值漠a(chǎn)品照片而關(guān)閉正在瀏覽的頁(yè)面。
技巧＃3：確保設(shè)計(jì)感，不要只是填充內(nèi)容
在設(shè)計(jì)一個(gè)著陸頁(yè)時(shí)，我們需要確保不是在單純的填充內(nèi)容。我們所認(rèn)為的“設(shè)計(jì)”和“填充”的區(qū)別：設(shè)計(jì)感會(huì)提升產(chǎn)品的價(jià)值感，并幫助我們達(dá)成目標(biāo)，而填充只是把材料放了上去。有人可能會(huì)質(zhì)疑，我們是否能夠分辨出這些差異？嗯，它實(shí)際上比你想象的要簡(jiǎn)單。在修改頁(yè)面時(shí)，我們可以問(wèn)問(wèn)自己，“如果我刪除這個(gè)元素，設(shè)計(jì)仍然有效嗎？” 如果答案是肯定的，那就是填充物。如果答案是否定的，那么它就是我們?cè)O(shè)計(jì)的關(guān)鍵部分。在設(shè)計(jì)時(shí)，我們會(huì)不得不做出很多大大小小的決定。記住，每一個(gè)決定都應(yīng)該服務(wù)于著陸頁(yè)的最初目標(biāo)。例如你可能會(huì)發(fā)現(xiàn)，我們的Author Clock著陸頁(yè)的設(shè)計(jì)相對(duì)簡(jiǎn)單——除了產(chǎn)品之外，我們沒(méi)有放任何跳出頁(yè)面的內(nèi)容，并且有很多地方留白。這是故意的。減少頁(yè)面內(nèi)容總是要比填的滿(mǎn)滿(mǎn)當(dāng)當(dāng)更好，這樣我們就可以專(zhuān)注用戶(hù)的體驗(yàn)，不斷糾正我們的設(shè)計(jì)。Author Clock 的一個(gè)質(zhì)疑點(diǎn)是，人們懷疑它能否用文學(xué)名言來(lái)表示諸如 4:53 之類(lèi)的尷尬的時(shí)間。我們沒(méi)有嘗試使用更漂亮的攝影，或者制作更令人瞠目結(jié)舌的視覺(jué)效果等，反之，我們通過(guò)一個(gè)簡(jiǎn)單的 gif 解決了這個(gè)問(wèn)題，該 gif會(huì)隨機(jī)循環(huán)播放數(shù)據(jù)庫(kù)中的名言。
技巧 #4：優(yōu)先針對(duì)移動(dòng)設(shè)備進(jìn)行優(yōu)化
對(duì)于每個(gè)著陸頁(yè)，我們都會(huì)自然的設(shè)計(jì)一個(gè)桌面端版本。但更重要的是，我們還需要為移動(dòng)設(shè)備設(shè)計(jì)一個(gè)優(yōu)化版本。是的，桌面端很重要，但一定要記住這個(gè)口頭禪：“移動(dòng)端優(yōu)先”。眾籌潛在客戶(hù)的渠道通常從 Facebook 或 Instagram 廣告開(kāi)始。那些看到廣告的觀眾會(huì)被產(chǎn)品吸引，點(diǎn)擊鏈接以了解有關(guān)產(chǎn)品的更多信息。然后，他們會(huì)被帶到我們的著陸頁(yè)。猜猜看大多數(shù)人在哪種設(shè)備上看到 Facebook 和 Instagram 廣告？沒(méi)錯(cuò)——手機(jī)！如今，我們著陸頁(yè)的 90% 以上的流量來(lái)自移動(dòng)設(shè)備。我猜你已經(jīng)了解了針對(duì)移動(dòng)設(shè)備進(jìn)行設(shè)計(jì)的重要性，下面是我們用來(lái)確保移動(dòng)端著陸頁(yè)設(shè)計(jì)優(yōu)化的清單：
明確的CTA
字體足夠大，易于閱讀
字體顏色為深色，便于閱讀
圖像、GIF 和視頻要經(jīng)過(guò)壓縮，加載速度更快
使用的字體不超過(guò) 2 種
標(biāo)題要很容易區(qū)分
如果想要讓人們點(diǎn)擊某個(gè)按鈕，最好讓它顯而易見(jiàn)
平衡字體間距，減少人們需要滾動(dòng)的次數(shù)
技巧＃5：保持簡(jiǎn)單
在著陸頁(yè)設(shè)計(jì)過(guò)程中，新手常見(jiàn)的問(wèn)題是習(xí)慣性把著陸頁(yè)看作一個(gè)整體。沒(méi)錯(cuò)，我們要始終牢記最初的目標(biāo)很重要，但整體布局很容易讓人不知所措。避免這種情況的一種簡(jiǎn)單方法是按部分將著陸頁(yè)進(jìn)行分解。在 LaunchBoom 公式中，我們會(huì)給每個(gè)部分分配一個(gè)標(biāo)題、幾行文案和一張圖片。當(dāng)我們完成一個(gè)部分后，再去進(jìn)入下一個(gè)部分！這種做法也讓我們有機(jī)會(huì)逐個(gè)部分地嘗試一些不同的設(shè)計(jì)選擇——一旦我們對(duì)某個(gè)部分的結(jié)果感到滿(mǎn)意，就可以將該設(shè)計(jì)應(yīng)用于其余部分。雖然設(shè)計(jì)很有趣，但它也帶來(lái)了很多責(zé)任。我們必須創(chuàng)建一些易于用戶(hù)閱讀的內(nèi)容——要知道，我們最不希望看到的就是用戶(hù)因?yàn)轫?yè)面體驗(yàn)很差而退出去。我們可以調(diào)整內(nèi)容，從而提高轉(zhuǎn)化率，這比重做復(fù)雜的設(shè)計(jì)元素要容易得多。為了脫穎而出，許多人都想將他們的網(wǎng)站做的非常瘋狂——雖然我們鼓勵(lì)創(chuàng)新，但請(qǐng)記住，我們的產(chǎn)品應(yīng)該成為創(chuàng)新的典范。我們的設(shè)計(jì)越簡(jiǎn)單，頁(yè)面就會(huì)越舒適和有效。
要點(diǎn)匯總
當(dāng)然，設(shè)計(jì)可以轉(zhuǎn)化的眾籌著陸頁(yè)還很多內(nèi)容，但總而言之：
