設計乙個最優的著陸頁並不是一件非常容易的事.如果你想獲得乙個可觀的轉化率,那就更不簡單.然而,對於以轉化為核心的設計理念你懂得多少呢？
以轉化為核心的設計（ccd）是一門學科,專門針對為實現某個單一的業務目標的設計經驗.它的意圖在於,通過使用有說服力的設計和心理誘因來引導訪客完成乙個具體的行動,來增加轉化率.
著陸頁是ccd設計的核心.著陸頁的設計元素會同電子郵件的設計保持一致,它的目的是使來到頁面的訪客能夠有效的轉化至目標路徑的終點,走完整個轉化路徑.而在著陸頁面上,我們可以收集到訪客的瀏覽資料或在訪客到達下乙個頁面之前獲取你的產品和服務的細節資訊.
那麼,該如何通過設計來說服訪客完成你想要的轉化目標呢？有很多設計元素,可以將訪客的注意力牽引至你所期望產生互動的區域當中來,心理的誘導也能激發參與感.讓我們來深入了解這兩種型別的設計元素,使你設計的著陸頁可以實現真正的轉化.
1） 聚焦
製造出隧道的視覺效果,這是一種比較典型的用來吸引訪客眼球的方法.你可以考慮在著陸頁中這樣的視點上設定call-to-action.例如下面左側這幅圖,圓拱的建築特徵可以防止訪客的視線停留在別的地方,而是被鎖定在中間部位.右側的圖則是將你的注意力驅動至隧道的盡頭.
2） 對比色
使用對比色是一種簡單的理念,整個光譜的顏色都是適用的,但是單色是最簡單的的.
使你的call-to-action從周圍的區域中脫穎而出,就是使它一眼就很容易被發現.假如你在白色的背景上設定了一些黑色或灰色的文字,這時使用黑色或白色的call-to-action都不能體現出對比度,因此你需要更豐富多彩的元素來突出call-to-action.但是,如果你除了乙個非常簡潔的設計之外沒有太多的細節或文字,那麼較大的黑色或白色按鈕就會顯得很突出.
顏色可以用來給訪客製造一種情緒反應.例如橙色,可以使人產生一種積極的情緒,使用橙色作為call-to-action是個很不錯的選擇.下面分析了很多顏色給人們帶來的心理暗示
另乙個重要因素是顏色的對比效果.這個方法是借用了空白區和對比度來顯現不同之處.有人說call-to-action的顏色是無關緊要的,但其實這是對比色的問題帶來的假象.舉個例子,正常情況下,紅色的call-to-action可能會輸給藍色的call-to-action,但如果你的頁面背景是藍色,那紅色的按鈕一定比藍色更吸引人.
我們來看看下面這兩個圖例,左側中的顏色對比如此極端,導致你很難不被其吸引,而相比之下,周圍的區域顯得很低調.而右圖,在整個著陸頁中使用乙個單一顏色的不同色調,而除了那個呼之欲出的call-to-action.
記住：整個頁面都是以你的轉化目標為導向！
3） 視覺引導
視覺引導是將訪客視覺引導至著陸頁上重點區域的一種指標.這可以幫助你將訪客的目光引導至你期望的區域內,並且在到達著陸頁後很快就能轉化完成你的目標.這種視覺引導的型別包括方向箭頭、公路路徑以及視覺的衝擊效果.
推廣著陸頁 如何實現高轉化率？
bestbanking 認為高轉化率的推廣著陸頁，必須遵循3點規律 第一，推廣著陸頁的設計必須邏輯清晰 目標明確 從上到下能夠起到迴圈漸進的效果，最終促使客戶完成交易。其次，要快速開發 快速推廣 快速優化 bestbanking 網際網路金融研究院對 100 家金融企業進行訪談，資料結果表明，90 ...
分享 高轉化率的詳情頁該怎麼設計？
高轉化率詳情頁作用 1 吸引力 吸引力可在詳情頁最頂端，這樣就可獲得消費者注意力，從而減少跳失率。2 興趣點 3 說服力 說服力毫無疑問是詳情頁關鍵一部分，這部分需要細緻描述，對比手段，權威認證，喜好互惠等方法說服買家對產品的信任，並且有願意為產品買單的慾望。4 行動層 行動層需要客服買家惰性，特別...
經典設計 17個最有效的學習著陸頁設計的例子
這篇文章中，我們為大家編譯一些有趣和創意的著陸頁面設計例子，幫助你快速掌握著陸頁設計技巧。著陸頁面 landing pages 需要特殊的設計，抓住目標受眾的整注意力，和數以百萬計的 競爭。著陸頁對於幫助 把訪問者轉換成銷售非常重要。因此，產品的訊息必須明確，設計必須能吸引人且簡單易懂。登陸頁面的設...