• 跳至主要導覽
  • 跳至主要內容
  • 跳至主要資訊欄
  • 跳至頁尾
Logo

張阿道

  • SEO課程
  • 工作職缺
  • 聯絡

Landing page 一頁式網頁設計範例 (著陸/銷售頁)

Landing page (著陸頁) 是訪客初次登陸/到達一個網站的網頁,它可以是

  1. 多頁式網站的任何一個網頁、或特製銷售頁(推薦)
  2. 一頁式網站

一頁式網站是介紹、銷售產品或服務的一頁式廣告/網路商店/購物網站。由於不少詐騙是先在 FB、YouTube 投放廣告,然後導流至一頁式網頁或要求加 LINE ,人們比較相信多頁式(常規)網站。

多頁式(常規)購物網站一頁式購物網站
優點
  • 可信度高
  • 可以做 SEO (搜尋引擎優化) = 增加自然搜尋流量(免費)
  • 容易客製化&開發新功能
  • 完整的購物車、金流與物流系統
  • 有助提升品牌形象
  • 價格便宜
  • 製作快,因為不須設計網站架構
  • 通常不需網域和虛擬主機,適合快閃店、活動/事件行銷或新產品市場驗證
  • 通常不須維護
缺點
  • 設計&製作費時
  • 通常須購買網域、虛擬主機、網站模板和外掛,不適合”快閃店”
  • 有維護成本(費用、時間)
  • 可信度低
  • 不能優化 SEO = 須持續投放廣告以增加網站流量
  • 「一頁式網頁產生器」不易客製化
  • 陽春的金流與物流功能,甚至只有表單

Landing page 設計範例

dyson corrale 銷售頁

  • 含新聞的標題 + 產品特色(唯一配備錳銅合金彈性面板的直捲髮造型器)
  • 顧客價值之形象(有效聚合髮絲、塑造多變造型)、安全(減少 50% 熱傷害、有效減少頭髮因高熱而產生的褪色問題)、方便(無線隨心掌控)
  • 影片行銷
  • 第三方認證(年度最佳頭髮造型產品得主 – ELLE 2021年度國際美妝大賞)
  • 行動呼籲按鈕(立即購買)
  • 產品利益(撫平不受控髮絲、增強造型風格、或轉換全新造型)
  • 顧客價值之形象(締造順滑亮澤效果,以塑造你的理想髮型)、安全(造型器的末端設計成清涼觸感,在使用時可安心掌控)
  • 「使用前 vs 使用後」圖片
  • 產品特色(電氣石邊緣設計,提供負離子化功能,有助減少靜電)
  • 顧客價值之省時 + 交叉銷售(快速乾髮及造型、戴森 Supersonic 吹風機…)
  • 含目標客群的標題(30%台灣人曾經染髮/漂髮、配合台灣人所需)
  • 產品規格(3段式溫度設定(165°C, 185°C 及 210°C))
  • FAQ/常見問題
  • 降低知覺風險(2年保固、15天鑑賞期、到府專業教學及產品諮詢服務)
  • 聯絡方式
  • 技術支援
  • 產品註冊

IRIS 無線手持吸塵器銷售頁

看完整大圖

常規網站設計範例

Tesla

Tesla
  • 簡單的呈現產品(沒有代言人、鮮豔文字和背景圖案)
  • 品牌名稱(Model 3)
  • 產品特色( 3.3 秒從時速 0 到 100 公里、 619 公里續航里程、雙馬達全輪驅動)
  • 行動呼籲按鈕(立即訂購)

Model 3 訂購頁面

Model 3 訂購頁面
  • 「所見即所得」產品規格客製化訂單
  • 聊天機器人 (Chatbot) 輔助售前服務
  • 多國語言

星巴克

星巴克
  • 新產品上市(可可綿雲瑪奇朵、鹹焦糖風味綿雲瑪奇朵、查看更多新品)
  • 會員行銷(誰是你的完美組合?完成任務領取優惠)

Airbnb

Airbnb
  • 搜尋引擎(位置、入住、退房、人數)
  • 推薦系統/隨機(隨心所欲)
  • 供應商開發(成為房東/體驗達人)
  • 多國語言

Asana

Asana
  • 含顧客價值的標題(高效開展重要工作,避免徒勞無功的困局。)
  • 行動呼籲按鈕(開始使用)
  • 多國語言

iCloud

iCloud
  • 含品牌名稱的標題(iCloud)
  • 含顧客價值的標題(存放你所有照片、檔案及更多資料的最佳空間)
  • 行動呼籲按鈕(升級至 iCloud+)
  • 行動呼籲(升級至 iCloud+,享有更多強大的功能與儲存空間,每月 NT$30 起。)

MacBook Pro 訂購頁面

MacBook Pro 訂購頁面 - Apple 購物車/電商系統
Apple 購物車/電商系統
  • 「所見即所得」產品規格客製化訂單
  • 聊天功能(有任何關於購買 Mac 的問題嗎?和專員聊聊。)
  • 分期付款(提供零利率分期付款優惠)

Zendesk

Zendesk
  • 含目標客群的標題(全方位客戶服務領航者)
  • 行動呼籲按鈕之體驗行銷(免費試用)
  • 行動呼籲按鈕之客戶名單收集(觀看示範、取得報告、立即註冊、下載報告)
  • 多國語言

Foodpanda

Foodpanda
  • 含顧客價值的標題(從美食到生鮮雜貨 上萬種商品 馬上點馬上到)
  • 搜尋引擎(輸入你欲送達的地址)
  • 招募人才(歡迎加入我們的外送團隊)
  • 供應商開發(與foodpanda合作,讓更多人享受你的餐點跟商品吧!)

Google Workspace

Google Workspace
  • 含目標客群的標題(各種規模的團隊如何聯絡溝通、創作內容及協同合作)
  • 行動呼籲按鈕之體驗行銷(開始免費試用)
  • 產品演示 (Product demo) 影片

Uber

Uber
  • 差異行銷(搭乘、訂購外送、優步企業版)
  • 搜尋引擎(輸入上車地點、輸入目的地)
  • 招募人才(上線開車或外送)
  • 多國語言
張阿道

以上網站皆有會員系統(右上角的登入/註冊/帳戶),有助顧客關係管理。

數位/網路行銷課程(電商SEO平台, 策略工具)

SEO課程

想增加網站流量、營收和發揮影響力? 張阿道SEO(搜尋引擎優化)課程教你

  • 如何讓Google搜尋到自己的網站
  • 網站架構規劃
  • SEO關鍵字設定
  • SEO文章架構
  • 網頁優化
  • 如何被「Google精選摘要」
  • SEO成效分析
  • SEO公司怎麼選

Check your inbox or spam folder to confirm your subscription.

SEO課程

想增加網站流量、營收和發揮影響力? 張阿道SEO(搜尋引擎優化)課程教你

  • 如何讓Google搜尋到自己的網站
  • 網站架構規劃
  • SEO關鍵字設定
  • SEO文章架構
  • 網頁優化
  • 如何被「Google精選摘要」
  • SEO成效分析
  • SEO公司怎麼選

Check your inbox or spam folder to confirm your subscription.

  

主要資訊欄

網頁設計

網頁設計教學:軟體、範例與自學課程

網站架設

網站架設費用&流程(個人, 企業形象官網)

品牌設計

品牌設計公司費用&推薦流程(形象案例)

數位行銷

數位行銷公司:策略工具&案例 (工作內容)

電商平台

電商意思、平台比較&課程 (網路商店開店)

Footer

  • SEO課程
  • 工作職缺
  • 聯絡

張阿道最新教材

Check your inbox or spam folder to confirm your subscription.

Logo

隱私權政策 | 使用條款

© 2023 張阿道 保留一切權利。

↑