【電商百問72】一頁式網站案例可以參考哪個品牌?

更新於 發佈於 閱讀時間約 7 分鐘
raw-image

電商百問第72集,直接給你一頁式網站案例參考,讓你日進斗金、賺錢如有神助。我們在【電商百問71】哪裡有一頁式商店範例參考?分享了一頁式商店要怎麼做,而如果提到一頁式商店,就不免俗的要提到一頁式網站。這兩個的設計邏輯不太一樣,簡單的說,一頁商店就是為了銷售而服務,所以所有的設計邏輯都是為了取信消費者而存在。而一頁式網站雖然也是想要導到銷售,但是在這個過程中,他更會嘗試說服消費者這個產品值得他購買,進而促進購買。

換個說法就是,我們在一頁商店的時候會利用打XX折、倒數計時器等等的促銷工具讓消費者覺得好像現在不買就會虧大了。而一頁式網站並不會特別提到限時特惠之類的詞語,而是透過文案的編排和設計,促發消費者購買的渴望,最典型的一頁式網站案例就是Apple的商品頁設計,我們等下也會用Apple來做一頁式網站的案例說明。

什麼是一頁式網站

一頁式網站(Landing page)與網站首頁不同,網站首頁以傳遞企業資訊跟展示產品為目的,所以在頁面上會設計多個入口給使用者點選。而一頁式網站則是以傳送特有資訊為目的,並通過資訊引導使用者完成某一動作。

簡單的說,一頁式網站會通過提供包含但不限於文字、圖片、影片等等的元素給使用者並引起使用者對這個商品產生興趣。現在也有另一種做法是在產品正式上線前,先作為一個擬態產品推出。並讓產品企劃可以在一頁式網站中驗證你的產品創意、價值主張、市場潛力、獲取使用者回饋、驗證產品功能的必要性,也可以先通過一頁式網站收集那些對你的產品感興趣的潛在使用者的電子郵件地址。就能在產品上線的時候,提醒他們產品推出的消息。

一頁式網站如何設計

一頁式網站的設計看起來雖然簡單,就是放個logo加個圖再寫個文案就搞定了,但是就像我們過往所說的,魔鬼藏在細節裡,我們要怎麼讓看到這個網站的使用者對我們的產品產生興趣,這個絕對不是就隨便些就完事了,頁面的設計應該特別,但不應該複雜。

我們在設計一頁式網站時,要牢記它的目的和作用就是「銷售產品或想法」,這不是設計或是創意比賽,如果你設計的再美輪美奐,沒有轉換率都是白搭。

一頁式網站常見的設計問題

我們先說這個頁面設計的成果應該是長怎麼樣的,首先是頁面中的資訊應該直接了當、整體的視覺風格也要契合產品特徵,並同時保證能夠吸引目標使用者。最後讓用戶在整個網頁的體驗都是快速、簡單、愉快的。那接下來就是幾個我們在設計一頁式網站常犯的錯誤。

  1. 盲目跟風
  2. 文字太多
  3. 按鈕太多

一頁式網站常見的設計問題01:盲目跟風

還記得前幾年蘋果的簡約風大紅的時候,一堆網站都把自己弄成了簡約風,但是這麼多年來,有幾家公司的產品可能因為跟隨設計趨勢而大賣呢?顯然寥寥無幾,因為使用者並不會因為一個一頁式網站設計得好看就決定下單。

例如,現在很流行走簡單的插畫路線,那如果你的產品是賣給五六十歲以上的保健品,你覺得用簡單插畫的方式跟直接拍出戶外的那種陽光炫目,這兩種做法哪個更適合這些客群呢?所以我們要考慮這種設計風格是否真的符合產品定位和使用者心理,如果目標使用者不買單你的設計,那你做的再好都是白搭。

一頁式網站常見的設計問題02:文字太多

我們剛才雖然說,不要跟著潮流走,但是還是有一些通則的。像現在大部分的消費者都已經習慣在手機上面閱讀資訊,之前有過調查,現在使用桌機跟使用手機去了解資訊的比率大概是四比六,手機佔六成。那這件事意味著我們在設計頁面的時候一定要連手機閱讀是否舒服都要列入考慮。而也意味著無論你的產品多出色,無論你多想向整個世界介紹你的產品,你都應該知道一件事:人們並不喜歡閱讀大量文字,尤其是在手機上。

你應該使用簡單而有力的句子來描述產品的創意和優點,並以最快的速度抓住使用者的注意和興趣。因為瀏覽網頁的消費者通常不會有耐心在手機上看完你精心撰寫的每一個文字,如果頁面有太多文字的話,使用者很有可能會離開頁面。

我更建議你把這些文字化成多個部分,除了試著用簡單、易懂的文字來表達資訊之外,也可以盡量用圖片來表達這些內容。最好再搭配一些資訊化圖表,不然這個頁面會看起來很呆版跟沉重。

一頁式網站常見的設計問題:03按鈕太多

按鈕的唯一邏輯就是「少就是多」,你並不會因為多放了幾個按鈕就能增加使用者的點擊率,反而可能會因為你擺了太多的按鈕,讓使用者覺得厭煩或無所適從,就直接離開頁面。我更建議你只要在最前面的時候有出現按鈕就好,另外把按鈕做在頂邊欄,甚至是讓使用者嘗試滾動頁面時候在跑出來,這樣一來使用者也不會找不到,二來也不會造成視覺上的干擾。

一頁式網站案例的經典結構

我們剛才提到了一頁式網站的常見問題,接下來就是一頁式網站的結構應該長甚麼樣子,像我們前面說的,如果是要達到某種目的,那麼就必須要有目標,而一頁式網站的目標無非就資訊傳遞與行為轉化。前者指的是你想讓使用者知道些什麼,後者則是涉及了點擊、購買、填寫、推薦等等的內容。這次我們就用apple的MacBook Pro的網頁設計邏輯來看他們如何把一頁式網站拆成以下6點:

  1. 價值定位
  2. 行動呼喚
  3. 產品特徵
  4. 風險承諾
  5. 常見問題
  6. 終極呼喚

目錄

  • 什麼是一頁式網站
  • 一頁式網站如何設計
  • 一頁式網站常見的設計問題
  • 一頁式網站常見的設計問題01:盲目跟風
  • 一頁式網站常見的設計問題02:文字太多
  • 一頁式網站常見的設計問題:03按鈕太多
  • 一頁式網站案例的經典結構
  • 一頁式網站案例的經典結構01:價值定位
  • 一頁式網站案例的經典結構02:行動呼喚
  • 一頁式網站案例的經典結構03:產品特徵
  • 一頁式網站案例的經典結構04:風險承諾
  • 一頁式網站案例的經典結構05:常見問題
  • 一頁式網站案例的經典結構06:終極呼喚
  • 一頁式網站案例Apple設計的 3 項關鍵
  • 一頁式網站案例Apple設計的關鍵01:產品介紹跟銷售文案清晰易懂
  • 一頁式網站案例Apple設計的關鍵02:讓你想像購買的好處
  • 一頁式網站案例Apple設計的關鍵03:使用多種號召性用語
  • 小結:透過一頁式網站案例,幫你提升產品形象

點這裡,看更多

留言
avatar-img
留言分享你的想法!
avatar-img
Cyberbiz電商研究所的沙龍
18會員
86內容數
2021/12/20
電商百問第80集,告訴你網拍創業要注意哪些事,讓你日進斗金、賺錢如有神助。許多人剛開始做電商,往往都是從想從網拍開始做起,因為網拍創業是最快速也最沒風險的作法。事實上,我們也很支持大家先拿網拍來練練手,因為這個就是進可攻退可守的作法。 網拍創業=電商? 電商,就是指電子商務。是在電子化普及於人們生
Thumbnail
2021/12/20
電商百問第80集,告訴你網拍創業要注意哪些事,讓你日進斗金、賺錢如有神助。許多人剛開始做電商,往往都是從想從網拍開始做起,因為網拍創業是最快速也最沒風險的作法。事實上,我們也很支持大家先拿網拍來練練手,因為這個就是進可攻退可守的作法。 網拍創業=電商? 電商,就是指電子商務。是在電子化普及於人們生
Thumbnail
2021/12/20
電商百問第79集,用新零售行銷案例告訴你該怎麼做行銷,讓你日進斗金、賺錢如有神助。我們在【電商百問78】OMO新零售為何是電商未來?中分享了omo新零售的成功操作案例,那今天我們再來討論新零售行銷該怎麼布局才能發揮最大效益。 新零售行銷該如何布局 當我們今天要討論新零售行銷布局之前,應該要先思考
Thumbnail
2021/12/20
電商百問第79集,用新零售行銷案例告訴你該怎麼做行銷,讓你日進斗金、賺錢如有神助。我們在【電商百問78】OMO新零售為何是電商未來?中分享了omo新零售的成功操作案例,那今天我們再來討論新零售行銷該怎麼布局才能發揮最大效益。 新零售行銷該如何布局 當我們今天要討論新零售行銷布局之前,應該要先思考
Thumbnail
2021/12/20
電商百問第78集,告訴你如何做好OMO新零售,讓你日進斗金、賺錢如有神助。「電商新零售」這個詞是2016年由馬雲喊出來的,那時候電商業界是上下沸騰,也紛紛看到一堆只做形象官網的平台都轉去做品牌電商了。到底OMO新零售的魅力在哪呢? 什麼是OMO新零售 時至今日,跨線上與線下的消費模式越來越盛行,而
Thumbnail
2021/12/20
電商百問第78集,告訴你如何做好OMO新零售,讓你日進斗金、賺錢如有神助。「電商新零售」這個詞是2016年由馬雲喊出來的,那時候電商業界是上下沸騰,也紛紛看到一堆只做形象官網的平台都轉去做品牌電商了。到底OMO新零售的魅力在哪呢? 什麼是OMO新零售 時至今日,跨線上與線下的消費模式越來越盛行,而
Thumbnail
看更多
你可能也想看
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
介紹朋友新開的蝦皮選物店『10樓2選物店』,並分享方格子與蝦皮合作的分潤計畫,註冊流程簡單,0成本、無綁約,推薦給想增加收入的讀者。
Thumbnail
介紹朋友新開的蝦皮選物店『10樓2選物店』,並分享方格子與蝦皮合作的分潤計畫,註冊流程簡單,0成本、無綁約,推薦給想增加收入的讀者。
Thumbnail
吸睛又吸金的銷售頁三大重點,以及如何透過CANVA 製作吸睛的一頁式網站!
Thumbnail
吸睛又吸金的銷售頁三大重點,以及如何透過CANVA 製作吸睛的一頁式網站!
Thumbnail
很多時候我們都在專注於擁有一個網站、追求能被搜尋引擎認可,但卻忘了到頭來網站視覺還得經的起使用者考驗。別說是使用者,今天若有兩種不同網頁設計視覺在你眼前,一個精緻但後台可能有問題,另一個粗糙卻有完整的後台功能,你會怎麼選?
Thumbnail
很多時候我們都在專注於擁有一個網站、追求能被搜尋引擎認可,但卻忘了到頭來網站視覺還得經的起使用者考驗。別說是使用者,今天若有兩種不同網頁設計視覺在你眼前,一個精緻但後台可能有問題,另一個粗糙卻有完整的後台功能,你會怎麼選?
Thumbnail
HI: 當你逛著蝦皮或pchome等拍賣網站,搜尋想買的商品後,想想看:最後真正會讓你”當下購買”的原因是什麼? 有的人會說,我是因為: 但是現在問題來了: 市場上現在對於一頁式網頁的信任感已經越來越低了…. 但身為產品的擁有者,我們到底該如何: <按我閱讀全文>
Thumbnail
HI: 當你逛著蝦皮或pchome等拍賣網站,搜尋想買的商品後,想想看:最後真正會讓你”當下購買”的原因是什麼? 有的人會說,我是因為: 但是現在問題來了: 市場上現在對於一頁式網頁的信任感已經越來越低了…. 但身為產品的擁有者,我們到底該如何: <按我閱讀全文>
Thumbnail
如果你有在臉書上觀察過廣告,一定會看過一頁式的網站。這樣的網站呈現出來的好處是: 沒有錯,一頁網站的目的不只溝通,還擅於成交。 <按我看全文>
Thumbnail
如果你有在臉書上觀察過廣告,一定會看過一頁式的網站。這樣的網站呈現出來的好處是: 沒有錯,一頁網站的目的不只溝通,還擅於成交。 <按我看全文>
Thumbnail
透過文章,你會得到: 1.什麼是登陸頁(Landing Page)? 2.什麼是一頁式銷售頁(One Page Sales Page)? 3.為什麼詐騙廣告、電商團購都愛用? 4.登陸頁/一頁式銷售頁應該包括什麼? 5.我是個人品牌,我該怎麼用一頁式銷售頁? 6.我是中小企業,我該怎麼用登陸頁?
Thumbnail
透過文章,你會得到: 1.什麼是登陸頁(Landing Page)? 2.什麼是一頁式銷售頁(One Page Sales Page)? 3.為什麼詐騙廣告、電商團購都愛用? 4.登陸頁/一頁式銷售頁應該包括什麼? 5.我是個人品牌,我該怎麼用一頁式銷售頁? 6.我是中小企業,我該怎麼用登陸頁?
Thumbnail
電商百問第72集,直接給你一頁式網站案例參考,讓你日進斗金、賺錢如有神助。我們在【電商百問71】哪裡有一頁式商店範例參考?分享了一頁式商店要怎麼做,而如果提到一頁式商店,就不免俗的要提到一頁式網站。這兩個的設計邏輯不太一樣,簡單的說,一頁商店就是為了銷售而服務,所以所有的設計邏輯都是為了取信消費者
Thumbnail
電商百問第72集,直接給你一頁式網站案例參考,讓你日進斗金、賺錢如有神助。我們在【電商百問71】哪裡有一頁式商店範例參考?分享了一頁式商店要怎麼做,而如果提到一頁式商店,就不免俗的要提到一頁式網站。這兩個的設計邏輯不太一樣,簡單的說,一頁商店就是為了銷售而服務,所以所有的設計邏輯都是為了取信消費者
Thumbnail
一頁式廣告的好處就是顧客在進入頁面後,能夠專注在他所取得的資訊上面,不容易分心,甚至不需要花時間去瀏覽其他不同的網頁,因為一頁式廣告已經解決了顧客的需要或難題,一直到訂購或決定接受服務時,都沒有太多的負擔,提高了顧客的意願,這就是我們最終的目的。
Thumbnail
一頁式廣告的好處就是顧客在進入頁面後,能夠專注在他所取得的資訊上面,不容易分心,甚至不需要花時間去瀏覽其他不同的網頁,因為一頁式廣告已經解決了顧客的需要或難題,一直到訂購或決定接受服務時,都沒有太多的負擔,提高了顧客的意願,這就是我們最終的目的。
Thumbnail
想提升品牌行銷效果及範圍,要怎麼做呢?哪一種網站模式適合我呢?讓我告訴你快速有效的網站行銷小撇步!
Thumbnail
想提升品牌行銷效果及範圍,要怎麼做呢?哪一種網站模式適合我呢?讓我告訴你快速有效的網站行銷小撇步!
Thumbnail
很多人有很棒的產品或服務,卻少了一個可以把路人轉換成消費者的高效銷售頁,本文分享銷售頁設計的5...
Thumbnail
很多人有很棒的產品或服務,卻少了一個可以把路人轉換成消費者的高效銷售頁,本文分享銷售頁設計的5...
Thumbnail
一頁式網站又稱為單頁式網站,重點在一個頁面內呈現所有該產品或系列商品的所有資訊,完全聚焦在銷售產品項目上,降低因跳轉網頁而導致跳出率上升。單頁銷售網站最好的優點,容易讓使用者不自覺的一直往下滑,不小心滑到使用者的痛點,隨時就可以結帳收單,這是一種非常直接式的導購,將產品的特色、內容行銷、一次性的端到
Thumbnail
一頁式網站又稱為單頁式網站,重點在一個頁面內呈現所有該產品或系列商品的所有資訊,完全聚焦在銷售產品項目上,降低因跳轉網頁而導致跳出率上升。單頁銷售網站最好的優點,容易讓使用者不自覺的一直往下滑,不小心滑到使用者的痛點,隨時就可以結帳收單,這是一種非常直接式的導購,將產品的特色、內容行銷、一次性的端到
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News