ENsearch btn

2021-03-27
Eric Wang

什麼是一頁式網站?介紹一頁式網頁的各種應用案例

一頁式網站或是一頁式網頁,通常指的是只用一個網頁頁面做為完整網頁訊息的呈現。可應用在主題網站、活動網站、行銷著陸頁、產品購物頁等網路行銷策略,讓我們來看看一頁式網頁有哪些應用案例。

網站建置流程圖 - 凱士網頁設計

什麼是一頁式網頁、一頁式網站?

一頁式網站或是一頁式網頁,通常指的是只用一個網頁頁面做為完整網頁訊息的呈現。一頁式網頁這個詞在現今網頁設計上的用法有很多種,但沒有精確的定義。如果講「一頁式網站」,那很有可能是指只用一個頁面就包含公司簡介、服務說明、最新訊息、聯絡我們的單一網站。如果是講「一頁式網頁」,通常指的是以大版面呈現的網頁版面設計形式,這個網頁區分成4~6個區塊,每個區塊有明顯的主題,瀏覽這種一頁式網頁就像是瀏覽PPT簡報一樣簡單、乾淨、好消化。

 

下面介紹幾個常見的一頁式網頁、一頁式網站的運用方式,讓你對這種類型的網頁設計有基本的概念。

 

運用於網站首頁的一頁式網頁設計

將網站首頁採用一頁式的設計是近年來流行的趨勢,將RWD網頁、手機直式瀏覽的使用習慣移入至電腦網頁的操作,人們逐漸習慣網頁的操作是不斷地往下滑。過去有一陣子流行首頁採用大背景的形象設計,在RWD時代取而代之的是一頁式首頁設計,將首頁當成4~6頁的PPT簡報,以順暢的瀏覽動線:主視覺形象 > 主力產品 > 服務優勢 > 最新訊息 > 聯絡資訊,帶領訪客了解你的公司、服務及產品,針對個別主題有興趣的話,再進入到內頁進行延伸閱讀。像這樣自然而引導性的首頁設計,在這幾年已成為全球各大品牌網站的設計風潮。

 

一頁式網頁設計不僅適用於公司網站首頁,也適用於產品優勢、解決方案、核心能力、服務優勢等頁面設計。對企業/品牌來說,一頁式網頁是將PPT簡報概念運用於網頁設計上的最佳實例。

 

優點:利用首頁進行10秒鐘的快速PPT簡報,讓訪客由簡入深了解你或你的公司。

缺點:要留意首頁不要置入過多的區塊,影響網頁載入速度。

參考案例Apple官網

 

用於網站首頁的一頁式網頁設計案例:Apple公司網站設計

 

像名片一樣的一頁式網站設計

「一頁式網站」是極簡版網站的化身,將幾個網站主要單元如:公司簡介(關於我)、服務介紹、聯絡我們,全部集中在一個頁面。這種一頁式網站只適用很單純、產品很少、不需要解釋太多的網站,如:個人服務、單一產品介紹。由於更新率極低,這種一頁式網站通常也不太需要後台管理。由於沒有其他內頁,一頁式網站的主選單通常就直接採用「錨點連結」的方式,點擊主選單後,畫面會直接下滑到各頁面區塊。若以一個「網站」來看,只用一個頁面的方式來建立一個網站,整個網站的資訊不免過於單薄,無法讓你的潛在客戶深入了解你的公司,它無法撰寫專業文章內容,所以也不利於用來長期經營網站內容。

 

優點:快速而流暢的使用體驗,給予簡單明快的形象

缺點:網站內容過於單薄、不利網頁內容經營與搜尋

參考案例RAKUGEI KOBO 官網

 

像名片一樣的一頁式網站設計案例:RAKUGEI KOBO網站設計

 

 

一頁式主題網站、活動網站

就短期效益來說,一頁式網站也很適合特定主題網站、活動網站的製作,尤其在上線之後,還可以配合Google關鍵字廣告進行廣告投放,提升活動網站的能見度。

 

優點:版面設計較能生動豐富,網站的體驗互動效果佳,也會結合影片觀看,能讓瀏覽者快速進入網站的核心主題

缺點:因要配合生動畫面上的關係,導入網站的套件太多,可能會影響網站載入的品質

參考案例League of Legends網站

 

一頁式主題網站設計、活動網站設計案例:League of Legends

 

一頁式行銷著陸頁(LandingPage)

行銷著陸頁通常是用來配合Google關鍵字廣告所使用的網頁,為了提高廣告投放後的轉換率,通常要依廣告目標視聽眾來進行內容企劃,讓訪客看完網頁後立即採取行動。

 

優點:簡單明嘹的資訊版面,明確告知產品重點特色,讓消費者依序吸收所需資訊而立即行動,快速達到網站所設定的預期目標

缺點:通常都單一針對活動或產品行銷,所以內容較固定不會太長更改,只適用短期內目標

參考案例tabExtend

 

一頁式行銷著陸頁(LandingPage)網頁設計案例:tabExtend

 

一頁式產品購物頁

一頁式購物頁是從一頁式網頁流行後的產物,通常採用「產品優勢+快速購物」的企劃方式進行內容企劃,目標是讓訪客看過前置圖文內容後,啟動衝動購物的決策機制,立馬刷卡下單。這種一頁式產品購物頁需要依著陸頁(Landing Page)的設計原則,加上快速結帳的購物機制,讓訪客下好離手。

 

優點:能節省消費者的網站瀏覽時間,快速完成動作,達到雙方所需要的結果

缺點:目標族群必須精確,也需要配合專業的文案企劃輔助,否則會造成消費者的混肴,而跳出網頁

參考案例Envato(template)

 

一頁式產品購物頁網頁設計案例:Envato(template)

 

 

* 歡迎分享這篇文章,分享時請加入文章來源:凱士網頁設計公司

 

 

想詢問網站設計服務嗎?

如果您有形象網站、企業網站、客製化網頁、網站改版相關需求

歡迎聯絡凱士網頁設計公司:立即填寫諮詢表單,或直接撥打電話 04-22210688

 

 

 

cadiis

Eric Wang

凱士網頁設計公司 專案經理 Eric,擁有設計與理工背景,擅長和行銷、業務、管理、資訊、設計等專業人員進行跨領域溝通,樂於分享與討論,長期致力於網頁設計白話文運動。

 

 

 

好的形象網站設計,可以幫助提升品牌形象與企業價值,透過清楚的網站架構與視覺設計,造就良好的使用者體驗與企業形象。

 

需要形象網站設計嗎?

凱士為您設計優質形象網站
以及客製化網頁

 

立即填表諮詢

想進一步了解網頁設計服務?