翻譯|教你設計一個抓人眼球的銷售網(wǎng)頁

Once upon a time(從前)由這四個小詞構成:“once”“upon”“a”“time”,它們至少從1380年前開始就被用來作為故事的開端。為什么會這樣呢社痛?因為用Once upon a time 作為開頭會更能吸引人的注意力眨补,讓人們更加關注這個故事。

講故事同樣適用于銷售頁面翔始。

當聽到這幾個詞時罗心,人們會習以為常的反應!要開始講故事或者是有故事可以聽了城瞎。故事經(jīng)常被用來傳遞你想表達的信息甚至是作為銷售信息的輔助手段渤闷。
講故事同樣適用于銷售頁面。銷售頁面其實就是一個以產(chǎn)品導購為明確目的的脖镀,長版或中長版的網(wǎng)頁飒箭。它可能是你的網(wǎng)站首頁,也可能是一個精準面向目標用戶的網(wǎng)頁,又或者是一個用于活動廣告宣傳的著陸頁弦蹂。
如果你想通過一個銷售頁面去賣東西肩碟,那你可得講一個足以吸引目標用戶的好故事。
怎么做到這一點呢凸椿?你可以從這三個層面去打磨你的網(wǎng)頁:消費者心理削祈,內容,以及設計脑漫。

一.心理學層面

我在Twitter上問過 Patrick McKenzie :“創(chuàng)建一個好的銷售頁面最重要的是什么髓抑?”

Patrick McKenzie是Hack News的Y組合中最知名的貢獻者之一。他在上面寫了很多文章优幸,關于技術吨拍,商業(yè)以及他在網(wǎng)絡營銷以及產(chǎn)品銷售方面的探索和研究成果。他的見解多次影響了 Amy Hoy 和 Nathan Barry网杆。

及時給出了回復

他及時給出了回復:@trumbitta“深入去了解誰是你的消費者羹饰,以及目前到底是他們生活中的哪一方面需求引導他們來到你的銷售頁面□髓担”
要時刻關注你的消費者严里!說真的,人們并不是因為想知道你的產(chǎn)品有多神奇而去訪問你的銷售頁面追城。

他們之所以此時此刻會瀏覽你的網(wǎng)頁刹碾,是因為他們遇到了問題,然后某個指示物或者有人告訴他們可以在你的網(wǎng)頁上找到答案座柱。
去了解誰是你的消費者迷帜,你的產(chǎn)品可以為他們解決什么問題?這也是Amy Hoy銷售瀏覽方法的核心概念之一色洞。

Nathan Barry在他的書《Authority》中也提到了相似的觀點:找到利基(細分市場)戏锹,尋找目標人群聚合點,去調查傾聽火诸,了解他們他們的問題所在锦针,然后通過你的產(chǎn)品為他們提供一個解決方案。
但是置蜀,如果你是在搭建一個銷售頁面奈搜,那意味著你已經(jīng)錯過了這個環(huán)節(jié),產(chǎn)品已經(jīng)有了盯荤,當務之急是產(chǎn)品的銷售馋吗。
在面臨上市銷售的關鍵時刻,切勿急著去測寫你的產(chǎn)品秋秤,嘗試著把你的產(chǎn)品放一放宏粤,先把精力投入到消費者調查上:

  • 誰是你的目標消費者脚翘?某領域忙碌的專業(yè)人士?某公司的部門绍哎?又或者是有家室的群體来农。
  • 抓住消費者的痛點去銷售你的產(chǎn)品。幫助他們分析問題所在崇堰,指出那些你所了解的讓他們夜不能寐的問題(真正所關心的問題)
  • 為他們勾畫解決這個問題后的美好藍圖备图,讓他們走出夢魘看到曙光。
  • 接下來赶袄,也只有到了這個時候,你才能開始告訴他們解決方案:你的產(chǎn)品抠藕。讓它順勢自然無縫的完美植入消費者頭腦饿肺。

    二.內容層面

    你如何去策劃編寫一個銷售頁面呢?記住以下幾點:
  • 你要講一個故事
  • 你寫的所有東西都要能夠慢慢把用戶引導到行為呼喚這個關鍵點盾似。
  • 不要提供退出按鈕或者其他外部網(wǎng)頁鏈接敬辣,在這個頁面上只需要能夠購買產(chǎn)品以及關閉瀏覽頁面就足夠了。
  • 銷售頁面的末尾絕對不能少了CTA(行為呼喚)零院,或者是一個導購提示溉跃。

    Nathan Barry很擅長中長版銷售頁面的編寫。

    標題

    標題字體大小平均是人們所閱讀正文內容大小的5倍告抄。而且當你在寫完你的標題時撰茎,其實已經(jīng)能概括你要表達的4/5的內容〈蛲荩——David Ogilvy

  • 標題很重要龄糊。標題是你的故事的一個引導一個開端。類似于前面所講到的“once upon a time募疮,”炫惩,你吸引用戶注意的吸睛錨。標題的作用就是引導用戶閱讀阿浓,把他們的注意力吸引到你的故事上他嚷,也就是引導他們開始去閱讀正文。

    一個放大加粗的標題芭毙,然后過渡到一個稍微小一點的副標題筋蓖,通過他們把讀者引導到正文的第一段。這聽起來還真有點像一個公式稿蹲。不過確實如此扭勉。
    以上這些標題都是被放大容易引人注目。他們的字體被加粗比較醒目但又不會加粗的太過以至于讓人覺得看起來不舒服苛聘,影響整體的視覺體驗涂炎。

    首段

    首段是對你即將展開去呼喚行動的故事的一個概述忠聚。指出痛點,勾畫藍圖以及點明解決方案唱捣。開始著手去建立顧客信任两蟀。如果是個精準的客戶,沒準他會很容易的接受你的產(chǎn)品震缭,然后直接實現(xiàn)第一次購買赂毯。

    是的,僅僅只是標題拣宰,副標題以及首段的內容就可能達到這樣的效果党涕。對于那些容易快速被說服,或者產(chǎn)品精準抓住其痛點的消費者來說巡社,前面這小部分的內容就足以引導他們持續(xù)閱讀甚至直接購買你的產(chǎn)品膛堤。接下來就要把注意力集中到你一部分不容易被說服的消費者身上。

    主要段落

    這個部分就可以開始延伸豐富在首段的概括性描述:痛點晌该,藍圖肥荔,以及解決方法。你可以開始詳細的去闡釋渲染這些內容了朝群。
    痛點說白了就是指出你想做的這件事有多難燕耿!痛點越痛,你的產(chǎn)品說服力就越強姜胖。那么怎樣才能使痛點夠痛誉帅,就要讓你的產(chǎn)品故事夠生動,足夠接地氣右莱,細節(jié)渲染以及指出解決事情的迫切性堵第。

    采用專家模式,而不是搭便車效應隧出。

    藍圖(理想)通過夢想實現(xiàn)的畫面來證明這是可以實現(xiàn)的或者換句話說踏志,有人能夠實現(xiàn)它。實現(xiàn)后生活將會更美好胀瞪,實現(xiàn)劇情大反轉针余,勾畫出理想境界。
    解決方案則是通過提供清晰詳盡的解釋描述來實現(xiàn)凄诞。描述產(chǎn)品的構成(產(chǎn)品測寫的露出)圆雁。在這個部分你可以更多的聚焦于你的產(chǎn)品,向消費者全面的展示帆谍。
    說清楚產(chǎn)品的功能特性就夠了伪朽,不要一昧的自夸,呼吁或者是夸大抄襲汛蝙。
    以一個專家的角度去描述而不是搭便車烈涮。

    其他

    1. 通過更多的用戶評價建立信任朴肺。多維度的去傳播推薦,這樣你的目標消費者在遇到問題尋找解決方案的時候就能更容易的發(fā)現(xiàn)你的產(chǎn)品坚洽。

    或者是把這部分獨立出來戈稿,放在產(chǎn)品描述和行為呼喚中間⊙冉ⅲ“不要相信我們的話”“看看別人怎么評價”這是這個部分很常用的兩個流行標題鞍盗。

    2. 自我介紹/產(chǎn)品銷售公司的介紹

    一個簡短的自我介紹可以使體驗人格化。有點像是人與人之間的互助跳昼。像是一個人遇到了困難般甲,然后在這里有另一個人能給他提供解決方案,幫助他克服困難鹅颊。在社交網(wǎng)絡和維基百科之間構建的一個中間調性的新平衡欣除。有社交功能吧,又能都答疑解惑挪略。
    下面可以看看Sean Fioritto在他的書《 Sketching 》的銷售頁面末尾是怎么自我介紹的:
    “你好,我是Sean Fioritto滔岳,芝加哥的前端開發(fā)杠娱,你可以在twitter上@sfioritto跟我取得聯(lián)系,國外的朋友可以通過我的博客找到我谱煤。目前除了作為Smashing 雜志的撰稿人摊求,還自己研發(fā)了一些開源代碼項目×趵耄”

    3. 提供激勵(互惠性)

    這一環(huán)節(jié)適用于郵件營銷室叉,這部分內容自動附在明細表的郵件,或者是基于服務注冊或產(chǎn)品購買的郵件后面硫惕。
    不要僅僅將一個新的訂閱者拖動到你的郵件列表茧痕。而是讓他們選擇一些與你的產(chǎn)品密切相關的郵件課程,提及如果他們對我為Bootstrap3初學者而寫的電子書感興趣恼除,可以獲得30天的免費課程踪旷,這部分的免費課程是不包括在書里的關于Bootstrap3的一些使用技巧和貼士。

    這種方法幫我逐步向他們推薦我的產(chǎn)品豁辉,在發(fā)送幾封郵件分享日常工作中使用Bootstrap的有效方法后令野,我開始提到關于Bootstrap的實操。后面完全的導向純粹的教育內容徽级。在最近的一封郵件里气破,我再次強調了下我自己的書。
    這種方式最后對銷售的進展和最終銷售效果都產(chǎn)生不錯的影響:

  • Day1:實用的內容
  • Day3:實用的內容
  • Day5:實用內容加上軟植入
  • Day9:實用的內容
  • Day14:實用的內容
  • Day20:硬賣(硬廣)
  • Day24:實用的內容
  • Day29:實用的內容餐抢、隨意提及加軟植入
    Nathan Barry 解釋:“我在提供兩個星期有價值的內容教程后在第20天開始直接過渡到我的產(chǎn)品现使〉统祝”

    4. 嘗試提供不同的套餐

    如果要提供不同的套餐,三個是最優(yōu)選擇朴下。
    嘗試找同個產(chǎn)品的三個價值遞進方案努咐。舉個栗子殴胧,對于一個知識信息型產(chǎn)品——一本電子書或是一個課程渗稍,你可以參考提供一下三種方案:
  • 核心產(chǎn)品(例如:電子書)
  • 核心產(chǎn)品+附加內容(例如:額外的一些指導,免費的模板团滥,實例分析竿屹,開源代碼)
  • 核心產(chǎn)品+附加內容+多媒體內容(例如:視頻訪談,視頻教程灸姊,核心產(chǎn)品的有聲讀物)
    把露出順序顛倒一下拱燃,把貴的,內容最豐富力惯,價值最大的第三包優(yōu)先顯示碗誉,這樣更容易取得雙贏。

    5. 以問題收尾

    瀏覽了你的網(wǎng)頁父晶,你的故事哮缺,還有你的CTA行為呼喚,包括你的產(chǎn)品套餐甲喝,在這個時候尝苇,你的潛在客戶大部分已經(jīng)購買你的產(chǎn)品或者已經(jīng)離開了。想想剩下的這部分人埠胖,他們肯定還有所懷疑糠溜。
    可以通過回答他們的一些問題來解決他們的顧慮:
  • 我該買哪個套餐?給出一些簡明的選擇建議

  • 可以通過什么方式了解更多關于產(chǎn)品公司甚至是你這個人的內容直撤?放上你的博客非竿,或者告訴他們可以通過什么渠道找到你。他們了解越多谋竖,信任感會越強汽馋。
  • 如果我不喜歡,付款后是否可以退貨圈盔?
  • 一些沒有回答的問題仍然有疑問豹芯,可以留下個郵箱以便加強反饋。
    如果條件允許驱敲,你可以提出一個30天內全額退款的承諾铁蹈。順便提一下:如果是數(shù)字產(chǎn)品的話,絕對可以負擔的起众眨。復制二次生產(chǎn)基本上是零成本握牧。副本生產(chǎn)費完全不需要重新支付容诬。

    6. 結尾可以設置一個指示回到CTA

    不要讓你的用戶在關閉瀏覽器之前沒有任何行動。返回套餐選項沿腰。指回套餐那一欄览徒,在最后刷新用戶對你和你的產(chǎn)品的信任。

    三.設計層面

    你知道是什么讓你的客戶做出選擇颂龙?你寫下了一個很棒的故事腳本和搭建了主要的框架习蓬,所有戰(zhàn)略層面的信息都組織完畢,現(xiàn)在你就可以開始設計了措嵌。
    別說我沒給你提示喲躲叼,下面有滿滿十大貼士,快收:
  • 大標題必須要醒目企巢。采用字號最好大于42px枫慷,還有,至少要使用16px的字號作為下副標題的選擇浪规。
  • 首段附一張產(chǎn)品的大圖或听。如果是一本電子書,意味著它沒有一個封面圖也不能把它描繪得太像一本紙質書笋婿。
  • 簡化規(guī)范閱讀排版誉裆,最好是通欄,多欄的瀏覽體驗不好萌抵。
  • 不需要把你的CTA設置的有多好看,精細元镀。讓CTA醒目绍填!就算是一個做的再好看的CTA,也不能讓用戶瞇著眼睛才能看得到吧
  • 如果有免費的樣品或者試用栖疑,索要的信息要盡可能的最小化讨永,提示:可以是客戶的郵箱或者手機號,全名
  • 簡化信息遇革,盡可能的簡明扼要卿闹,找到內容和設計的平衡點,讓你的故事減減肥萝快,能穿的進 這件好看的裙子(你的設計)锻霎。
  • 注意你的閱讀流程體驗。閱讀起來夠不夠順暢有沒有阻礙揪漩,表述是否貼切旋恼?能不能夠引導行動(導購)
  • 不要過度累贅設計。保持整體風格的簡潔優(yōu)雅奄容。讓設計為你的目標服務冰更。讓用戶在劃向CTA的整個過程中視覺體驗舒適产徊。可以采用不同層次側重的簡單配色方案:一個主色蜀细,一個輔色舟铜,以及一個普適的黑色
  • 切勿使用#000作為黑色的色選。畫家通常不會這么做奠衔,自然的色彩里也不會是這樣的谆刨。真實的陰影其實絕不是純黑——人們眼睛和大腦都不習慣純黑色。選擇你的主色把它調灰度到接近黑色但不是#000涣觉,這樣你的設計視覺體驗會更棒痴荐。
  • 讓它持續(xù)保持吸引力。變一下節(jié)奏背景交替使用兩個基本色是最簡單的方法官册。用一些證明的材料去打破文字描述的單調生兆,不過絕對不能忘記初衷,引導向CTA這點無論在哪個環(huán)節(jié)都很重要

    小貼士

  • 設定一個目標(例如:更多人訪問膝宁,更多人訂閱電子郵件活動鸦难,讓更多的客戶選擇最貴的套餐) 實驗/測量/運行/迭代
  • 同情:對用戶而非產(chǎn)品
  • 讓他們持續(xù)閱讀
  • 痛點,藍圖员淫,解決方案合蔽,行動呼喚(CTA)


  • 近期做的比較好的銷售頁面:
    http://nathanbarry.com/authority/
    http://www.sketchingwithcss.com/
    https://letsfreckle.com/
    原文鏈接:
    http://blog.invisionapp.com/designing-an-effective-sales-page/


    編譯:CH
    作者:William Ghelfi
    

    ?

    最后編輯于
    ?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
    • 序言:七十年代末,一起剝皮案震驚了整個濱河市介返,隨后出現(xiàn)的幾起案子拴事,更是在濱河造成了極大的恐慌,老刑警劉巖圣蝎,帶你破解...
      沈念sama閱讀 206,482評論 6 481
    • 序言:濱河連續(xù)發(fā)生了三起死亡事件刃宵,死亡現(xiàn)場離奇詭異,居然都是意外死亡徘公,警方通過查閱死者的電腦和手機牲证,發(fā)現(xiàn)死者居然都...
      沈念sama閱讀 88,377評論 2 382
    • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來关面,“玉大人坦袍,你說我怎么就攤上這事〉忍” “怎么了捂齐?”我有些...
      開封第一講書人閱讀 152,762評論 0 342
    • 文/不壞的土叔 我叫張陵,是天一觀的道長缩抡。 經(jīng)常有香客問我辛燥,道長,這世上最難降的妖魔是什么? 我笑而不...
      開封第一講書人閱讀 55,273評論 1 279
    • 正文 為了忘掉前任挎塌,我火速辦了婚禮徘六,結果婚禮上,老公的妹妹穿的比我還像新娘榴都。我一直安慰自己待锈,他們只是感情好,可當我...
      茶點故事閱讀 64,289評論 5 373
    • 文/花漫 我一把揭開白布嘴高。 她就那樣靜靜地躺著竿音,像睡著了一般。 火紅的嫁衣襯著肌膚如雪拴驮。 梳的紋絲不亂的頭發(fā)上春瞬,一...
      開封第一講書人閱讀 49,046評論 1 285
    • 那天,我揣著相機與錄音套啤,去河邊找鬼宽气。 笑死,一個胖子當著我的面吹牛潜沦,可吹牛的內容都是我干的萄涯。 我是一名探鬼主播,決...
      沈念sama閱讀 38,351評論 3 400
    • 文/蒼蘭香墨 我猛地睜開眼唆鸡,長吁一口氣:“原來是場噩夢啊……” “哼涝影!你這毒婦竟也來了?” 一聲冷哼從身側響起争占,我...
      開封第一講書人閱讀 36,988評論 0 259
    • 序言:老撾萬榮一對情侶失蹤燃逻,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后臂痕,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體伯襟,經(jīng)...
      沈念sama閱讀 43,476評論 1 300
    • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
      茶點故事閱讀 35,948評論 2 324
    • 正文 我和宋清朗相戀三年刻蟹,在試婚紗的時候發(fā)現(xiàn)自己被綠了逗旁。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片嘿辟。...
      茶點故事閱讀 38,064評論 1 333
    • 序言:一個原本活蹦亂跳的男人離奇死亡舆瘪,死狀恐怖,靈堂內的尸體忽然破棺而出红伦,到底是詐尸還是另有隱情英古,我是刑警寧澤,帶...
      沈念sama閱讀 33,712評論 4 323
    • 正文 年R本政府宣布昙读,位于F島的核電站召调,受9級特大地震影響,放射性物質發(fā)生泄漏。R本人自食惡果不足惜唠叛,卻給世界環(huán)境...
      茶點故事閱讀 39,261評論 3 307
    • 文/蒙蒙 一只嚣、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧艺沼,春花似錦册舞、人聲如沸。這莊子的主人今日做“春日...
      開封第一講書人閱讀 30,264評論 0 19
    • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至挽荡,卻和暖如春藐石,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背定拟。 一陣腳步聲響...
      開封第一講書人閱讀 31,486評論 1 262
    • 我被黑心中介騙來泰國打工于微, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人办素。 一個月前我還...
      沈念sama閱讀 45,511評論 2 354
    • 正文 我出身青樓角雷,卻偏偏與公主長得像,于是被迫代替她去往敵國和親性穿。 傳聞我的和親對象是個殘疾皇子勺三,可洞房花燭夜當晚...
      茶點故事閱讀 42,802評論 2 345

    推薦閱讀更多精彩內容