課程、名錄、活動網站怎麼排？功能多的網站不亂的 6 個做法

一般的公司網站，客人是來「看」的；課程網站、店家名錄、活動網站，客人是來「找」和「做事」的：找一門課、找一家店、報名一場活動。

這類網站功能多：搜尋、分類、篩選、報名、評論、地圖，全部擠在一起就會很亂。我們看了幾個教育、幼兒園、店家名錄、活動網站的版型示範站，整理出 6 個讓功能多的網站不亂的做法。每個例子都附上連結，示範站上的照片和文字屬於各自的版型作者，這篇只描述版面的做法。

1. 第一屏給「入口」，不只是形象照

Academia 版型的教育網站示範，第一屏是一張學生的大照片、一行大標和兩個按鈕。照片正下方緊接著四個並排的彩色方塊，橘、黃、桃紅、紫各一個，每個方塊一個白色圖示和一個短標題：加入我們、找課程、找老師、取得證書。

這四個方塊，就是客人來這個網站最常做的四件事。

你的網站可以這樣做：先列出客人來網站最常做的三到四件事（例如「看課表」「找老師」「預約試聽」「看學費」），在第一屏下面做成四個大入口。顏色可以每個不一樣，但每個顏色之後在網站裡都代表同一類東西，才不會越看越亂。

2. 搜尋和篩選放在前面

• Academia 示範站往下捲，有一條紫色的課程搜尋列：三個下拉選單（分類、程度、地點）加一個關鍵字欄位，再一個搜尋按鈕。下面是一排彩色的分類圖示，點了就切換下面的課程。
• SJ Preschool 版型的幼兒園示範站，「每週課程」區上面有一排小小的分類按鈕，可以依班別切換。

你的網站可以這樣做：課程、店家、活動超過十幾個，就要有篩選。篩選的條件用客人會想的方式分：地區、時間、年齡、程度、價格，不要用公司內部的代號。

3. 卡片上放「做決定用的資訊」

• Academia 的課程卡片：一張照片、課程名稱、價格，下面一排小字是老師和程度這些資訊。
• SJ Preschool 的課程卡片：照片、日期、課程名稱、一行說明，下面三格寫適合的年齡、班級人數和費用。

客人不用點進去，就能先篩掉不適合的。

你的網站可以這樣做：想一想客人最常問的三個問題，例如「幾歲可以上」「一班幾個人」「多少錢」，直接寫在卡片上。

4. 詳細頁：一頁回答所有問題

FindMe 版型的店家名錄示範，是一家酒吧的介紹頁：

• 最上面一排三張大照片。
• 名稱、星等評分、收藏數、分享按鈕。
• 介紹文字，接著把設施一項項用勾勾和小圖示列出來：戶外座位、停車、無線網路、刷卡、現場音樂等。
• 右邊一欄是地圖、地址、電話、網站、信箱，下面是「線上訂位」的小表單：人數、日期、時間。
• 往下是標籤、顧客評論、寫評論的表單，右邊再一個「聯絡店家」的表單。

你的網站可以這樣做：每一門課、每一個服務、每一個據點的詳細頁，都用同一套格式：照片、重點資訊、詳細說明、地點、預約或報名。格式固定，客人看第二頁就知道資訊在哪裡；資料一多，也比較好維護。

5. 人：老師、講者放在看得到的地方

Academia 示範站有一排老師的照片可以左右滑動，每張照片下面是名字和教的科目；SJ Preschool 有「認識我們的老師」區，一次介紹一位，大照片加上一段介紹。JA Events II（活動網站版型）的產品頁，也列出版型內附講者、贊助商、票價這些活動專用的頁面。

課程和活動，客人很在意「是誰教、是誰講」。老師或講者的介紹，最好每個人都有自己的頁面，寫出經歷和負責的課程。補習班的老師介紹怎麼寫，可以看〈補習班、家教、才藝教室網站：招生頁要放什麼〉。

6. 數字和時間軸：用真的資料

Academia 示範站有一排四個大數字（開過幾堂課、幾位學生、幾位老師、幾位追蹤者）；SJ Preschool 有一條橫的時間軸，標出從創立到現在的幾個重要年份。

這兩種區塊很能建立信任，但示範站上的數字都是假的。換成自己的網站時，只放真實、可以說明來源的數字：開班幾年、教過幾位學生、合作過幾個單位。沒有把握的數字寧可不放，被發現灌水，反而失去信任。

不要學：一打開就跳出視窗

我們打開 SJ Preschool 示範站時，畫面中間馬上跳出一個訂閱電子報的視窗，下面還有一條 Cookie 提示，手機上幾乎把整個畫面蓋住。示範站是為了展示功能，但真的網站這樣做，很多客人還沒看到內容就離開了。

訂閱電子報的邀請，放在文章最後或頁尾就好；真的要跳視窗，等客人看了一陣子、或捲到頁面下方再出現，而且關閉按鈕要大、要好按。

活動網站另外要有的

活動網站除了上面這些，還需要報名、行事曆、票種和名額。JA Events II 的產品頁，就特別介紹了活動報名、活動行事曆、線上售票這幾個搭配的外掛，以及四種配色。

報名和預約有哪幾種做法、各要多少成本，可以看〈網站活動報名、預約怎麼做〉；協會、基金會的網站要放哪些東西，可以看〈協會、基金會網站要放什麼〉。想參考別人的網站又怕太像，可以先看〈參考別人的網站，學什麼、不學什麼？〉。

正威可以幫什麼

正威網路行銷是 25 年經驗的基隆網頁設計工作室，也提供台北網頁設計與全台灣的網站服務。課程、據點、活動比較多的網站，我們會先和你一起整理客人最常做的幾件事，再規劃入口、篩選和詳細頁的格式。

課程或活動越來越多，網站越來越亂？歡迎免費諮詢。