專案背景｜旅行日誌部落格網站

就算還沒出發，也能先走一趟世界

這是一個以「陪伴式閱讀體驗」為核心的旅行日誌網站。
希望即使使用者暫時沒有計畫旅行，也能透過故事、照片與互動設計，感受到旅途中那些冒險、新奇與沿途風景，彷彿跟著主角一起前行。

網站以擬人化的主角角色作為敘事引導，風格可愛，降低閱讀門檻，也讓使用者更容易代入這趟旅程。整體體驗像是在翻閱一本旅行手記或地理讀本——透過精選影像與結構化內容，認識世界不同角落的人文故事與風景。

設計角色與貢獻

UX / UI 設計、WordPress 網站建置

  • 規劃整體網站體驗與閱讀流程（Story Flow）

  • 建立內容分類邏輯與資訊架構（行程 / 美食 / 住宿）

  • 設計 Desktop / Mobile 介面與 UI 元件

  • 規劃視覺互動（地圖導覽、區塊引導）

  • 使用 WordPress 建置網站，確保內容可維護性與擴充性

  • 考量 RWD 與實際內容更新情境，調整設計細節

問題分析與產品洞察

在分析既有旅遊部落格後，歸納出幾個常見問題：

  • 多數旅遊部落格以大量文字為主
    主頁資訊密集、閱讀負擔高，使用者需要花時間自行整理重點。

  • 影像雖重要，卻缺乏引導
    旅遊照片是最能快速建立情境與印象的媒介，但若缺乏結構與敘事，只會變成瀏覽而非體驗。

  • 內容豐富，卻容易迷路
    行程、美食、住宿交錯呈現，若沒有清楚的前導與順序安排，容易讓讀者產生迷惑感，即使內容精彩，也需要額外花力氣整理資訊。

  • 關鍵洞察：
    旅遊網站不只是資訊集合，而是「體驗的引路人」。
    好的結構與視覺引導，能幫助使用者在情緒與資訊之間取得平衡。

設計策略與關鍵決策

1. 體驗定位：像一本 Handy 的電子旅行手記

  • 將網站視為可隨時翻閱的旅行書，而非一次看完的長文

  • 強調「陪你慢慢看世界」的節奏，而非效率導向

2. 閱讀流程設計（UX Flow）

依照使用者進站後的心理狀態，安排閱讀順序：

  • 前導故事：建立情境與情緒

  • 主角出場：透過角色降低距離感

  • 精選開場照片：快速帶入旅遊氛圍

  • 溫馨叮嚀：提示閱讀與探索方式

  • 視覺化地圖導覽：提供控制感，讓使用者選擇接下來想探索的內容

3. 視覺與資訊呈現

  • 以大比例精選照片作為第一印象，提升沈浸感

  • 文字作為照片的補充與延伸，而非主角

  • 主頁清楚區分「行程 / 美食 / 住宿」區塊，降低搜尋成本

4. WordPress 結構規劃

  • 以分類與標籤建立可延伸的內容架構

  • 確保未來新增旅程時，不需重構整個版型

  • 設計模組化區塊，讓內容更新保持一致性

成果與回饋

  • 建立一個以體驗為導向的旅行日誌網站，而非單純資訊堆疊

  • 使用者可在短時間內被視覺吸引，並依自身興趣選擇探索路線

  • 網站成功傳達「世界很大、值得期待」的情緒價值

  • 即使沒有立即出發計畫，也能在閱讀中感受到旅行的美好與多元性

  • 這個專案也驗證了：
    良好的 UX 結構與視覺引導，能讓內容本身更容易被理解與記住。
去看看網站 🔍