> ## Content Index > Fetch the complete content index at: https://blog.lifehacker.tw/llms.txt > Use this file to discover other available public pages before exploring further. # 【Notion 中文應用案例】民宿導覽一頁式網站｜訓練營作品心得 048 - URL: https://blog.lifehacker.tw/notion-casestudy-048/ - Published: 2025-05-30T17:15:53.000Z - Updated: 2026-04-07T02:10:56.000Z - Description: 不只是筆記工具！Alva 展示 Notion 如何應用在民宿品牌經營與客戶服務上，打造專屬資訊平台提升服務體驗。 - Author: 生活黑客社群 - Tags: Notion, 訓練營學員作品, Notion 線上訓練營, 品牌形象, 資訊平台 ## 一、優秀學員介紹 - 暱稱：Alva - 現職：自由創業者（Freelance Entrepreneur） - 哪屆訓練營：第 九 屆 Notion 訓練營（學號：#2468） - 作品連結：[KUDOS Palermo](https://www.notion.so/KUDOS-Palermo-1f5ccc752cfa80b18c31c6fa6334b236?pvs=21&ref=blog.lifehacker.tw) - 作品摘要：在為期 40 天的 Notion 訓練營中，Alva 以「人生三大系統」為核心，結合過往的旅遊經歷與海外定居多年的多重身份（民宿經營 × 海外代購 × 二寶媽），選擇利用個人的專業與熱情打造出專屬的民宿微網站。希望透過這個平台，提升民宿服務品質與品牌溫度，也為自己在經營旅宿過程中，解決實際痛點，實踐與海外旅人交朋友的初心。 --- ## 二、Notion 作品展示 > **作品名：**KUDOS Palermo ![民宿導覽一頁式網站 螢幕截圖](https://blog.lifehacker.tw/content/images/2025/05/CleanShot-2025-05-29-at-01.24.55@2x.png) 0:00 /0:26 1× 系統使用流程操作展示 --- ## 三、系統製作與迭代過程 ### 主題思考階段 我這次選擇的主題是做「民宿的入口網站」，經營民宿約 6 年的時間, 一直以來我們都是透過 Airbnb 與 Booking.com 這類第三方平台處理訂房。 然而，隨著接待過的房客越來越多，我逐漸意識到，這些平台雖然提供了訂房機制， 卻在「客人實際入住前所需的資訊溝通」上，存在不少盲點與限制。 在與房客反覆的往返訊息中，我發現以下幾個常見問題： 1. **入住細節與設施說明無法即時取得**：如幾點入住？是否有吹風機、嬰兒床、洗衣機等基本設施？ 2. **服務內容不清楚**：例如可否寄放行李、是否提供接送、是否有兒童友善空間？ 3. **周邊資訊常常重複詢問**：附近有推薦的牛排館嗎？去哪裡換匯？如何搭地鐵到市中心？ 每一次訊息的解答，其實都是房客對我們「信任感建立」的一部分。 我開始思考：是否可以有一個更完整的平台，**在房客下訂單前、入住中，甚至離開後都能一目了然地取得所需資訊與關懷**？ > 所以這就是我打造「民宿專屬入口網站」的初衷： - **集中管理**所有重要資訊，減少重複詢問，節省彼此時間 - **提前解答**客人的疑慮，提升入住前的信任與期待 - **提供在地導覽與私房推薦**，讓旅人不只是入住，更能真正感受生活風景 - **提升服務品質與品牌溫度**，讓每一位住客感受到我們的用心 ![民宿導覽一頁式網站 螢幕截圖](https://blog.lifehacker.tw/content/images/2025/05/CleanShot-2025-05-29-at-01.28.06@2x.png) 系統打造前先思考目的 ### 草稿階段 主題為 **「民宿專屬入口網站」**，目的是方便訪客快速取得住宿資訊與旅遊靈感。考量使用者多為 Notion 新手，所以設計採用**簡單直覺的操作方式**，讓資訊一目了然、快速導覽不費力。 > ***導覽設計原則*** - **每個分頁上方設有導覽列**（導向：首頁、房型介紹、在地指南、常見問題、快速訂房等） - **每頁下方皆設有「回首頁」與「立即訂房」快速按鈕**，確保操作流暢 - 版面採用 **Z 字型視覺導引設計**，圖片優先、文字輔助，節奏清晰不雜亂 ![民宿導覽一頁式網站 螢幕截圖](https://blog.lifehacker.tw/content/images/2025/05/CleanShot-2025-05-29-at-01.31.37@2x.png) ![民宿導覽一頁式網站 螢幕截圖](https://blog.lifehacker.tw/content/images/2025/05/CleanShot-2025-05-29-at-01.30.53@2x.png) > **圖片與互動體驗** - 圖片為視覺主軸，避免使用 Gallery View（圖庫檢視）誤導點擊，改為「插入圖片 + 超連結」方式 - 引導內容採用 Callout 區塊突出重點說明，避免使用 Toggle List，降低操作門檻 - 嵌入 Widget 插件（如照片輪播） 展示民宿風格與生活感，創造沉浸式印象 ![民宿導覽一頁式網站 螢幕截圖](https://blog.lifehacker.tw/content/images/2025/05/CleanShot-2025-05-29-at-01.33.18@2x.png) ![民宿導覽一頁式網站 螢幕截圖](https://blog.lifehacker.tw/content/images/2025/05/CleanShot-2025-05-29-at-01.34.21@2x.png) > **行動版優化** - 在地旅遊與生活資訊以 **資料庫＋看板模式** 呈現，適合手機操作可左右滑動瀏覽 - 各類文章以 Toggle List 附說明分類，降低閱讀負擔、提高查找效率 ![民宿導覽一頁式網站 螢幕截圖](https://blog.lifehacker.tw/content/images/2025/05/CleanShot-2025-05-29-at-01.35.28@2x.png) ![民宿導覽一頁式網站 螢幕截圖](https://blog.lifehacker.tw/content/images/2025/05/CleanShot-2025-05-29-at-01.36.11@2x.png) > ***「聯絡我們」模組設計*** - 用表單（Form）蒐集住客常見問題／入住回報／聯繫事項 - **嵌入** Google Maps，即時呈現民宿所在位置與路線導航 ![民宿導覽一頁式網站 螢幕截圖](https://blog.lifehacker.tw/content/images/2025/05/CleanShot-2025-05-29-at-01.36.59@2x.png) ### 實踐之後的迭代優化（Before & After） 實際開始製作與測試「民宿入口網站」後，遇到以下幾個問題： - 新手不熟 Toggle list 功能：很多使用者（尤其是不熟 Notion 的小白）不知道該點哪裡才能展開資訊，即使加註說明也會影響整體版面美感。 ➜ 解法：改用 Callout 區塊直接展現資訊重點，不再藏在折疊選單中。 - Gallery View **誤導點擊**：原本設計房源訂房連結用「圖庫模式」呈現 Airbnb、Booking、Kudos 三張圖，但實際上點進去會進入 Notion 子頁面，而不是外部連結。 ➜ **解法**：將圖片改為「插入圖片＋附上超連結」，讓點擊行為更直覺且直達目的。 - **圖片無法即時放大查看**：原本透過資料庫呈現房子各區照片，但需要先點進頁面才能放大查看，即便設成媒體檔案或封面也無法解決，試過嵌入 Google Photo也使用不佳 ➜ **解法**：最後選擇手動將圖片一張一張直接排版，不使用資料庫，確保使用者點擊就能放大檢視，提升瀏覽體驗。 當我參加訓練營後，不只對資料庫的基礎功能有了更深的理解，也能更靈活地運用 PAI 系統來追蹤任務。最大的轉變是：**我開始懂得用「一個視窗，一個目的」的思維來設計頁面**，思考使用者進入這個區塊時，應該看到什麼、做出什麼行動。 過去會以為 Notion 要用到很多進階功能才叫強大，但現在我明白，**真正重要的是取捨與同理心**。不是炫技，而是站在使用者角度出發，針對問題設計出直覺、有效的解法。這才是系統存在的價值。 經過幾輪迭代後，整體系統有以下明顯優化： - **導覽邏輯更清晰**：每頁都有回首頁與訂房按鈕，讓訪客無論在哪一頁都能隨時行動。 - **圖片體驗更直觀**：不依賴 Notion 的進階模式，而是用最基本的「圖片＋連結」，降低使用障礙。 - **手機端操作順暢**：放棄不適合小螢幕的 Gallery 或 Toggle，改用看板或直接排版，整體視覺與功能兼顧。 - **行動清晰可見**：有效協助我達成「讓訪客快速找到資訊 ➜ 提高訂房轉化率」的核心目標。 --- ## 四、**Notion 訓練營學習心得分享** 我是 Notion 實戰課的學員之一，老實說，在真正報名之前，我觀望了好幾屆。從第六屆開始就一直注意訓練營的廣告，但始終沒有下定決心，直到某一天我發現：我在 Notion 裡反覆打轉，時而著迷，時而卡關，而生活中也有許多痛點是可以透過系統解決的——那時我知道，是時候踏出一步了。 一開始還擔心自己在國外、會有時差跟不上，但沒想到 Discord 裡的學習氛圍超出想像，教學團隊和小隊夥伴們的熱情與陪伴，讓我全心投入、持續產出，真正走在「完成目標」這條路上。最讓我喜歡的是「作業思路」這個環節——每週的進度，就像一次次的思緒清理，越寫越順，有時候甚至是寫完作業之時，思路就完整了。 這次訓練營，更像是一堂哲學課。 每一個行動前，都會先問自己：「為什麼要這樣做？」 而在過程中我慢慢明白： 「要做的」不一定是「想要的」， 「想要的」也不見得「重要」， 唯有學會取捨，才看見真正的自己。 最後，想把最深的感謝送給第三小隊的助教們，還有每一位發光的夥伴。 這 40 天的旅程，精彩程度不輸我當年準備研究所—— 它不只是 Notion 的學習，更是一場深入靈魂的自我整理與對話。 如果想更認識我，歡迎閱讀[ Alva 的使用說明書](https://www.notion.so/Alva-1f4ccc752cfa809b8b57e8a57fc47d7d?pvs=4&ref=blog.lifehacker.tw) --- ### 📍 本文由 [Notion 線上實戰訓練營](https://raymondhouch.com/notioncamp?ref=blog.lifehacker.tw) 學員的作品投稿 感謝同學們在這 40 天的陪伴式教學中，用行動力產出這些優質的 Notion 作品，並分享自己在課程中的收穫！ 我們會繼續收集、整理同學們優秀作品和應用到這專欄，同時也歡迎認真學習的你，也和更多人分享你的成果、作業思路和改變故事，讓你透過這輸出練習，更瞭解自己、熟練工具，還能讓需要的人因為你的分享而被點亮。 👇🏼 最完整的中文 Notion 教學服務[點此瞭解](https://raymondhouch.com/notionhacker/?ref=blog.lifehacker.tw)，與 12,000 多名各行各業的同學一起精進自己！ [![06c43261-8f2b-4181-9695-519e9f20ff0a.png](https://blog.lifehacker.tw/content/images/2025/01/06c43261-8f2b-4181-9695-519e9f20ff0a-1.png)](https://raymondhouch.com/notioncamp?ref=blog.lifehacker.tw)