布尼的冒險日誌(Spoony's Adventure)

就算還沒出發,也能先走一趟世界 —— 一個以「陪伴式閱讀體驗」為核心的旅行日誌網站,用擬人化主角引導閱讀動線,把行程、美食、住宿整理成不會迷路的探索路徑。

專案背景

這是一個以「陪伴式閱讀體驗」為核心的旅行日誌網站。希望即使使用者暫時沒有計畫旅行,也能透過故事、照片與互動設計,感受到旅途中那些冒險、新奇與沿途風景,彷彿跟著主角一起前行。網站以擬人化的主角角色作為敘事引導,風格可愛,降低閱讀門檻,整體體驗像是在翻閱一本旅行手記。

遇到的問題

多數旅遊部落格以大量文字為主,主頁資訊密集、閱讀負擔高;旅遊照片雖是最能快速建立情境的媒介,卻缺乏結構與敘事引導;行程、美食、住宿交錯呈現,若沒有清楚的前導與順序安排,即使內容精彩,讀者也容易迷路。關鍵洞察是:旅遊網站不只是資訊集合,而是「體驗的引路人」。

故事流程設計與資訊架構

不同於一般單篇文章的堆疊,這裡設計的是「故事流程導向」:前導故事 → 主角出場 → 精選開場照片 → 溫馨叮嚀 → 視覺化地圖導覽,讓網站內容自然引導讀者探索更多頁面。主頁清楚區分「行程/美食/住宿」三大分類,並用 WordPress 的分類與標籤建立可延伸的內容架構 —— 未來新增旅程時,不需要重構整個版型。

— 體驗定位:把網站當成一本可以隨時翻閱的旅行手記,而不是一次要看完的長文,強調「陪你慢慢看世界」的節奏

— 閱讀流程:依照使用者進站後的心理狀態,排出前導故事、主角出場、開場照片、溫馨叮嚀、地圖導覽的順序

— WordPress 結構規劃:模組化區塊 + 分類標籤,確保內容更新的一致性與未來擴充彈性

視覺與閱讀體驗整合

網站採用無邊框式的排版與多彩的旅遊照片,讓內容呈現更具自由感與沉浸感。字體選擇、段落留白、色彩搭配,都以「舒適」與「專注」為核心,避免過度花俏的干擾,讓文字與照片自然成為焦點 —— 以大比例精選照片作為第一印象,文字則作為照片的補充與延伸,而非主角。

設計角色與貢獻

— UX / UI 設計、WordPress 網站建置

— 規劃整體網站體驗與閱讀流程(Story Flow)

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

— 規劃視覺互動(地圖導覽、區塊引導)

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

成果與回饋

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

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

— 網站成功傳達「世界很大、值得期待」的情緒價值,即使沒有立即出發計畫,也能在閱讀中感受到旅行的美好

— 驗證了:良好的 UX 結構與視覺引導,能讓內容本身更容易被理解與記住

看看其他作品

三項服務類型與代表案例。

把「活動氛圍」轉譯成高對比、有張力的視覺系統。

把雜亂的商品目錄,重新梳理成邏輯清楚、質感低調的精品電商。

把零散的社群溝通,整理成高信任感的長照官方入口。

讓你的數位門面,配得上你的作品。

如果你也有一個雜亂、還沒被好好整理過的品牌或網站,讓我們一起把它整理清楚。