客製化項目 ➊：頁首與超級選單
改版前頁首選單困擾點：
把最精華的頁首版面用來裝飾，加上背景圖片顏色複雜，當訪客進站瀏覽時，第一時間的視覺容易被吸引卻沒有實質效益。
- 在頁首放置社群平台連結（icon）容易造成訪客跳出網站，不再返回網站瀏覽，不利留客率。
- 頁首中間放置網站主 LOGO 和 選單列的 Home 鍵重複。
- 原本的選單架構依照日本各地區分類，點入個別地區瀏覽時，造成文章重複出現，容易造成訪客混亂，也讓網站內容看起來略顯單薄。
- 網站內容除了日本旅遊資訊，還有 WordPress 問題和外掛介紹，選單未涵蓋到 WP內容。
- 原本的佈景主題元素眾多卻多數都用不到，設定路徑複雜，維護管理較麻煩。
- 原本的首頁沒有客戶喜歡的版型，客戶直接使用 Elementor 製作頁首、首頁全部內容（含最新文章的文章列表）和各地區「頁面」，造成網頁載入速度過慢，佔據主機空間，造成主機效能低落。
我們的新設計和調整 ✍🏻
最大工程為更改佈景主題，以提升網站載入速度為目標，選擇以區塊為主題的輕量化佈景主題，大幅減少過多無用外掛，重新調整設計網站架構，讓客戶進行簡易的維護管理。
改版後的頁首：
把第一層主選單改以「功能性質」區分，並把傳統選單改為「超級選單 Mega munu」，增加網站選單豐富度。
- 新增 「WP知識」在第一層選單，彙整 ＷordPress 相關文章。
- 將原本放置於頁尾的聯盟行銷專區，新增至第一層選單，並配合網站品牌名稱，命名為「舒選TICKET」，讓訪客可以直覺知道是經過挑選的票券相關內容，以增加點擊率。
- 移除原本的背景圖片，並簡化網站頁首配色，以主要 Logo 顏色為重點強調色。
- 新增搜尋功能並限制搜尋文字與內容，減少垃圾搜尋結果與灰帽攻擊造成主機負擔。
- 把原先第一層選單的旅遊地區集中在「超級選單 Mega munu」最左側，基於網站品牌特色保留「誌」的用法，再加上地圖圖釘 icon 讓訪客一眼就能知道指該區景點相關資訊。
- 新增交通、景點和重點文章等元素，讓訪客可以依照需求點選，並預留新增分類的空間。
- 利用「內容區塊（Content Block）」取代 Elementor 製作的「頁面」，把頁面數量從 20 頁下修至 5 頁，保留核心頁面以減少主機負擔，提升網站整體速度，方便客戶未來進行後台管理與維護。
Before
After
客製化項目➋：首頁
改版前：在首頁被裝飾性的圖片佔據精華面積後，就直接切入網站文章，中間沒有暫緩的呼吸區，也不知道這個部落格網站主人，不利個人品牌識別。
我們的新設計和調整 ✍🏻
改版後：
在靜態首頁跟文章列表之間新增網站主人的簡介，再透過背景色塊做出視覺區隔，讓訪客直接辨識區塊差異。
同時新增「最新文章」及襯底「BLOG」字樣作為提醒，讓訪客知道下方將進入文章列表區塊。
客製化項目➌：聯盟行銷商品專區
改版前：
原本的聯盟行銷專區只有使用簡單標題、文字按鈕的外觀樣式區分不同 JR 公司販售的JR PASS。訪客只能知道JR PASS 的名稱，無法一眼看出不同張 JR PASS 的使用重點和差異，部分JR PASS 的名稱又很類似，但其實可以使用的範圍、天數都不同，整個行銷聯盟專區缺乏視覺化設計。
我們的新設計和調整 ✍🏻
改版後：
重新設計聯盟行銷專屬頁面，利用照片讓訪客能把交通與景點的意象串連在一起，並配合頁首色彩標準化調整，減少複雜的色彩。
為維持網站整體風格，配合首頁的 3 欄文章列表佈局，此處採用「卡片式」設計取代純文字按鈕，每個商品有獨立的卡片，能讓訪客輕鬆掌握商品的重點資訊。
- 將原本放置於頁尾的聯盟行銷專區，新增至頁首第一層選單，並配合網站品牌名稱，命名為「舒選TICKET」，讓訪客知道此處是經過挑選的票券相關內容，以增加點擊率。
- 在商品卡片最上方新增篩選器，訪客能自行點選旅遊地點，就能跳出相對應的交通商品。
- 在商品照直接加上交通商品發售的公司（JR西日本、JR東日本等）、使用日期、票券形式等重要資訊，方便訪客快速掌握商品。
- 使用明確的 CTA 按鈕，引導訪客點選查看。
- 目前商品數量較少，直接把所有商品排列讓版面看起來較豐富，未來商品增加時，可以採用分頁瀏覽。
- 採取 RWD 設計，在桌機模式採用 3 欄排列，符合網站整體佈局與市場主流瀏覽方式；手機模式瀏覽時，自動改為 1 欄排列。
- 在商品專區加入 FAQ 折疊設計，方便訪客了解購買規則。
商品篩選器
商品卡片佈局
商品 FAQ 折疊
商品篩選器
商品卡片佈局
商品 FAQ 折疊
客製化項目❹：頁尾資訊更新
改版前：
中間留有頁首圖片的版權宣告，由於頁首重新設計後，移除原有版權圖片，需要更新頁尾資訊。
我們的調整 ✍🏻
- 新增 Line 和 Threads 的 icon：增加社群互動平台。
- 移除 Email 的 icon：頁尾上方已經有 Email 資訊，不必重複出現。
- 更新頁尾中間欄位資訊：將原先版權宣告內容更新為「網頁設計推薦」。
Before
After
