> ## 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 中文應用案例】Only 幸福求婚訂製系統｜訓練營作品心得 059 - URL: https://blog.lifehacker.tw/notion-casestudy-059/ - Published: 2025-11-01T13:50:03.000Z - Updated: 2026-04-07T02:10:48.000Z - Description: 求婚企劃師 Black V 以創意與工具結合，用 Notion 打造互動式系統，讓每場求婚都成為專屬回憶。 - Author: 生活黑客社群 - Tags: Notion, 訓練營學員作品, Notion 線上訓練營, 資訊平台, 專案管理, 品牌形象 ## 一、優秀學員介紹 - 暱稱：Black V - 現職：主業科技業，副業求婚佈置企劃兼形象諮詢師 - 哪屆訓練營：第 9 屆 Notion 訓練營（學號：#2424） - 作品連結：[幸福訂製系統](https://glib-stem-773.notion.site/Only-2-Black-V-2424-1f86067725c8816b8378c3033418b7d0?source=copy%5Flink) - 作品摘要：以「情境入口」為概念設計主頁，區分四大主題導覽，結合課堂所學將互動企劃區塊設計為互動插畫式引導，運用 Z 字排版與標註框聚焦視線，並依內容用途搭配按鈕連結不同呈現方式（置中或整頁）。此外，透過 FORM 資料庫打造預約系統，產品與攻略頁則運用看板模式與資料關聯，整合內容與廠商資訊，提升使用者搜尋與管理效率。 ## 二、Notion 作品展示 **作品名：Only** ❤️ **幸福訂製** 0:00 /0:06 1× Before 0:00 /0:08 1× After ## 三、系統製作與迭代過程 ### 主題思考階段 > **設計系統主軸與目標的原因** 1. 實現大學時期到現在想投入做的事，為每一個女人這一生只有一次重要時刻打造屬於兩人專屬的愛情儀式。 2. 協助每位來網站的人，能夠順利策劃出一場貼近內心、符合另一半期待的獨特求婚儀式 3. 從中獲得一些在求婚設計中遇到的困擾解決的方向 --- > **設計使用受益族群：** 1. 正在籌備求婚但不知道如何下手的人 2. 有基本概念但需要專業引導或需要再完善的主角們 3. 一個參考作品的地方 4. 理念契合的異業工作者，願意共創高品質的專案一同共好共創感動 ### 草稿階段 > **整體網站內容與結構邏輯** - **架構：**版面能夠簡單簡潔、內容豐富 - 分頁式設計：一頁一主題 - **首頁：**以情境入口 +規劃的四個選單主題 - 關於我 - 求婚企劃設計 - 八大攻略 - 異業合作邀請 - **主題：**用**折疊**方式先進行簡單網頁大綱說明，是為讓使用者可以直接知道每頁的主題，並依照自己的重點需求先點入，節省時間 - **內頁內容：**想用一種有趣互動性來幫助企劃者可以釐清初步方向 - **參考的網站及參考資料：**有一個收納的地方尊重參考者 - **回饋建議區：運用**表單功能設計呈現方式 > **遇到的困難** - 圖片呈現方式困境：原本製作三件小事的圖太小，需要點擊放大才看得清楚，但對於 Notion 功能不熟的人來看會不知道有這功能而將體驗感削弱了些，但還不知道怎麼解決，就先暫時擺著 ![Only 幸福求婚訂製系統 螢幕截圖](https://blog.lifehacker.tw/content/images/2025/11/CleanShot-2025-11-01-at-21.22.25@2x.png) - **插畫製作構思歷程：**排版以及如何製作互動式的求婚企劃 **原本構思** 第一次：想用 Tally 分成一圖一按鈕一問題框方式 ⇒ 但這樣資料會分散 第二次：想做成一張 6 圖 +6 問答 + 按鈕送出，結果 Tally 用不順不太會操作 ![Only 幸福求婚訂製系統 螢幕截圖](https://blog.lifehacker.tw/content/images/2025/11/CleanShot-2025-11-01-at-21.24.06@2x.png) ### 實踐之後的迭代優化（Before & After） 參加訓練營，有專屬小隊助教批改作業後，我**學到使用按鈕連結頁面及置中**的做法，更符合自己想要的呈現與使用者能更好的體驗，並整體按鈕模式可以更美化網頁。 我也運用在課堂中學到的 Z 字型排版，搭配簡單的標註欄位框，製造沉浸式的感受。 並在頁面最後用 Notion 表單（Form）做問卷，將資料直接收納至資料庫，讓整個流程既有趣、又能體驗有沉浸感，又可以很方便達到彙整顧客資料的用途，每一個使用者都是有收穫的。 ![Only 幸福求婚訂製系統 螢幕截圖](https://blog.lifehacker.tw/content/images/2025/11/CleanShot-2025-11-01-at-21.25.07@2x.png) ![Only 幸福求婚訂製系統 螢幕截圖](https://blog.lifehacker.tw/content/images/2025/11/CleanShot-2025-11-01-at-21.25.27@2x.png) ![Only 幸福求婚訂製系統 螢幕截圖](https://blog.lifehacker.tw/content/images/2025/11/CleanShot-2025-11-01-at-21.27.39@2x.png) 運用看板形式搭配篩選，可做出八大攻略的看板模式。 每個內文可以附相關的關聯連結，譬如求婚地點的文章內文內頁，可設關聯去連結所有想推薦的地點，可讓作的功課可以一次在同一頁面做搜尋，方便彙整也方便比較，相關的廠商資訊都可以同時間連結到。 0:00 /0:07 1× ## 四、**Notion 訓練營學習心得分享** 對完全沒有 Notion 基礎的我來說，一開始其實非常猶豫，擔心自己會聽不懂、跟不上，作業也不知道該怎麼做。但實際加入後才發現完全不用擔心！這是一門非常有系統、又充滿遊戲化設計的課程，只要一步步跟著操作練習，就能慢慢上手、真的學得會。 最打動我的，不只是學到 Notion 的操作技巧，而是這裡同時賦予了情緒價值、專業價值與體驗價值。每一次的作業回饋都讓人感到物超所值，這 40 天裡，我不只學了一個數位工具，更像是在梳理自己的人生、願景與內在對話，真的非常值得。 最驚喜的是，原本只希望完成基礎學習，作業可能有教就不錯的我，居然做出了自己的產品與資料庫、簡易的進度客戶追蹤後台系統與微網站，甚至還成為優秀學員、拿到了 3 次 MVP！這也讓我發現，自己過去常常把事情想得太複雜、太要求完美，其實只要從簡單開始、先模仿再優化，貼近自己、持續前進的過程中，你早就是自己的 MVP 了。 課程設計也很用心，安排了各種互動與複習方式，團隊用盡各種方法讓每個不同背景的學員都能找到適合自己的節奏與學習方式。我自己還會回來複訊，因為這門課讓原本對數位世界很排斥的我，開始想好好認識並運用它——其實，沒那麼可怕，甚至變得很有趣。大力推薦來體驗，給予五顆星！ --- ### 📍 本文由 [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)