先解釋一頁式網頁(One Page) 是什麼?一頁式網頁,指網站在網站設計時就規劃成只有一頁, 因為只有一頁,因此在網站製作上特別簡單方便,成本又低(參考網站架設費用),但也容易成為詐騙網站的手段。

在網站資訊傳達方式,一頁式網頁的製作設計讓使用者閱讀,更能依網站的文案設計,讓使用者沉浸於故事的發展而提高轉換率。 所以一頁式網站特別受企業愛用於廣告活動、一頁式購物車網站的原因。 一頁式網頁方便好用,但也有相對的壞處,但整體上是優大於缺,尤其在一頁式購物的銷售頁方面,銷售轉換非常好,接著貴設計會分享更多關於一頁式網站的知識給你。

一頁式網站的優缺分析?

  1. 網頁製作成本低:因為一頁式,所以在溝通、製作、素材的準備上相對的降低,若為自製更相對的簡單快速。 常用於短期性的活動網站、廣告頁面。
  2. 故事型瀏覽:一頁式的關係,會讓使用者頁只能依網站所安排的使用者劇情發展,讓使用者易於閱讀。
  3. 轉換率高:同樣因為一頁式的關系,讓使用者不會因為網頁有多個出口按鈕而離開頁面,所以會聚焦在該頁面瀏覽,直到最後進而轉換。
  4. 手機瀏覽順暢:手機當道的時代,有許多的網站因設計不良,並沒有所謂的RWD,一頁式網站就無這個問題,直接從上往下瀏覽,非常順暢。

至於一頁式網頁設計的缺點呢?

  1. 詐騙網站:由於製作成本低,眾多的詐騙事件偏愛使用一頁式網站。
  2. SEO差:一頁式網站要的就是精簡與準確的傳遞訊息,對於SEO愛的就是內容,一頁式網頁實在很難寫的落落長的文章。
  3. 資訊豐富性有限:同第二點的理由,因為無法提供豐富的內容,所以只能提供重要內容。二來手機速度下載較慢,也無法放滿滿的圖片、影片、動畫提供網站豐富性。

形象官網與一頁式網站比較

一頁式網站如登錄頁、銷售頁,其主要的目地是為了達成交易(如留下Email、購買、註冊帳號、播打電話)。這點目地跟官方網站是截然不同的。網站的目的是提供必要的內容,讓訪客透過連結、導覽在網頁之間移動, 取得必要的資訊。反觀一頁式網站的目的性就只有一個"達成交易",就是讓訪客抵達該頁面,留下、申請或購買這個頁面的目地(達成交易)。

因此許多一頁式的銷售頁只需提供必要的資訊,無需準備多餘的選項讓訪客藉由其他連結、電話號碼、Email、名片資訊而跑到銷售頁外,失去交易的機會。而設計也是專注在顧客的動線只有設置一道,終點也是設計為一個,一頁式的專注引導客戶完成交易目地。

一頁式 vs 多頁式網頁比較
一頁式網站多頁式網站
適用時機活動網站、短期促銷形象網站、官網
目地轉換率資訊提供
網頁價格
製作時間
難易度
SEO

一頁式購物頁文案特點

一頁式購物的銷售頁要有好的轉換,銷售文案就會很重要,請參考以下文案設計方式

  1. 獨特的銷售主張:你的產品
  2. 容易產生情感連結的吸晴關鍵字
  3. 簡單易讀好了解的圖片、表格
  4. 客戶認同與推薦
  5. 呼籲行動
  6. 數據驅動再優化

一頁式網站設計的架構

一頁式網站架構在視覺上呈現,會直接以多個區塊不同顏色背景,並加上<h1> 或 <h2>的大標題做設計(如我們的一頁式網頁範例-山林小徑)做為資訊的分隔點,如此在提供網站訪客閱讀較能區分是不同區塊的資訊。
第二若技術上可支援的話,建議於右排有一個浮動的選單 (如一頁式網頁範例二天使之翼A-GUI)讓訪客能夠快速移動至不同的區塊。因為一般一頁式網頁設計的頁面長度會較長,在手機版的向下滑動會較冗長,因此才會提供該功能。
第三,一頁式網頁設計務必於最後一個區塊保留最重要的"呼籲行動(Call To Action)"。呼籲行動存在的目地就是,當網站訪客順著一頁式網站所提供的故事走的時後,在最後一個區塊就必需請訪客,做你最渴望訪客做的事情。
例如購買商品、登入註冊、留下Email之類的。這個區塊將會是最重要的一區塊。
至於頁尾的區塊就簡單留下網站的聯絡電話、姓名、公司地址、Email等等的。不要小看這個區塊,由於一頁式網站快要被詐騙劃上等號了, 所以此時若能提供公司名稱、統編、地址、正式Email、聯絡窗口將會提供該一頁式網站的可信度。
以上一頁式網站架構請在設計時多思考。 但通常這邊都有一個問題存在,因為一頁,所以我們的客戶會什麼都想要塞在裡面,結果就導致手機下載速度慢,而造成訪客流失的問題。所以我們會建議5 or 6個區塊是比較適當的。 所以總結一頁式的網站架構建議如下

  1. 以不同的色塊,呈現不同的資訊架構
  2. 右排浮動式選單,快速移動於不同主題間
  3. 呼籲行動(Call To Action)增加轉換率
  4. 聯絡我們建立信任感

一頁式網站價格報價?

一頁式網站/頁價格
一頁式網頁一頁式網站
HTML切版、網頁排版、圖示設計、形像圖片、Banner設計、程式撰寫HTML切版、網頁排版、圖示設計、形像圖片、Banner設計、程式撰寫、主機/網址購買、資料庫設定、 HTTPS轉換...
8,000~15,000。會限止n個區塊或網頁高度25,000~35,000
貴設計一頁式網頁報價,若為一頁式網頁HTML設計切版,為單頁12,500 / 5個區塊,每多一個區塊再多2500元。 若為一頁式Wordpress網站,一頁式網站為35,000。請參考我們的一頁式網頁推薦範例
  1. 山林小徑
  2. 天使之翼A-GUI
  3. 一頁式網頁模板下載

    網路上一頁式模板非常的多,只要在Google搜尋"one page css template free。就會出現一大堆。 以新手練習的話,非常適合。若是商業用途的話,不管你是在RWD響應式網頁設計Wordpress網頁設計,貴設計會建議 去Themeforest.net購買. Themeforest是由世界各地的網頁模板開發商上傳販售的,所以版形不管是手機or電腦版跑版的機會低, 而且透過版型不斷的更新,你還會一直取得最新版的版型。貴設計自已是網站設計的開發商,也都是到Themeforest購買模版的哦,值得推薦的好網站。 一頁式網頁模板參考

    1. megaone
    2. creative
    3. trax
    4. saasio
    5. buzzi
    6. wexim
    參考更多 一頁式網頁模板