> ## 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 中文應用案例】協會活動微網站｜訓練營作品心得 029 - URL: https://blog.lifehacker.tw/notion-casestudy-029/ - Published: 2024-10-05T11:00:00.000Z - Updated: 2026-04-07T01:59:49.000Z - Description: Notion 訓練營學員 Alyson 透過 Database、Gallery View 與快捷按鈕，打造活動資訊與合作邀約一體化的 Notion 微網站。 - Author: 生活黑客社群 - Tags: 品牌形象, 訓練營學員作品, Notion, Notion 線上訓練營, Notion 教學應用 ## 一、優秀學員介紹 暱稱：Alyson 現職：小兒&運動物理治療師 / 跨領域運動健康協會執行總監 哪屆訓練營：第 八屆 Notion 訓練營（學號：#2115） 作品摘要：將自己協會的活動進行微網站的搭設，內部提供活動介紹說明以外更導流回協會自身的服務項目與過往經歷介紹，像是一個協會公司的小型網站，並提供相關合作邀約的前置了解說明，提供合作雙方更好的合作感受。 ## 二、Notion 作品展示 作品名：TISHI 2024年度論壇活動 微網站 ![協會活動微網站 配圖 1](https://blog.lifehacker.tw/content/images/2025/04/29-1.gif) ## 三、系統製作與迭代過程 ### 主題思考階段 ![協會活動微網站 配圖 2](https://blog.lifehacker.tw/content/images/2025/03/image-127.png) 我想趁這個機會架一個微網站，補強目前活動報名後大家還對協會不太了解的狀況，也藉機開拓一些合作機會、建立合適的合作前置說明頁，順便幫協會的歷年活動也做一個統整簡介頁，因為這個活動算是協會內近期有較大觸及量的機會，因此還是想先以活動頁面作為開頭，再以介紹主辦方"協會”的方式將協會的過往經歷以及服務內容串接於下方。 ### 草稿階段 - 因為想在一開頭就讓大家了解活動 / 頁面主設計者的基本資訊，有點像個簡單的個人介紹的感覺，我一開始就設定要有側邊欄的設計。 - 想讓那些不一定會點進頁面的人可以快速看到豐富的頁面，所以用/view 的方式將側邊欄的連結亮出來給大家看到的設計。 - 希望呈現風格： - 希望可以呈現一個富有協會過往經歷的頁面 - 並由活動的介紹慢慢導流至合作、加入協會的使用說明 - 針對閱讀流程做的優化 - 希望可以讓閱讀者的開頭可以先獲得網站使用指引，所以在開頭的地方先放上了使用說明！ - 接下來在側邊欄先放上協會的簡介與社群、功能快捷鍵，我覺得會比較像一個網頁的側欄一樣的視覺感 - 在下方的地方我利用了 /viewlist 的方式，讓大家可以快速獲取近期活動資訊概要 - 正中間依序會有：本次活動簡介、講者介紹、活動內容、最後接到合作邀約事項 - 合作邀約的地方我也分了4個步驟，讓閱讀者能大致理解我們的合作邀約處理程序，建立共識 - 如果能理解了，也能對應他的需求去連結到合適的頁面 - 最後面我放了一個回頁首 的返回按鈕，體貼大家滑到最下面手指肌群會抽筋(？ ![協會活動微網站 配圖 3](https://blog.lifehacker.tw/content/images/2025/03/image-126.png) 微網站的使用說明 ### 實踐之後的迭代優化 到了後面的周數開始有更上手的把母體資料庫區隔出來了！ 學會好好的運用 /view 的不同形式呈現在不同地方，並合適選取顯示的屬性 近期活動轉知：因為我想讓他在側邊攔簡明顯現，所以我選用了 /viewlist 的方式；並且只顯示活動名稱、狀態和地區這幾個我覺得首要重要的內容 (細部的就麻煩他們點進去細看啦\~) 1. 過往活動紀錄：我覺得還是一個相對需要圖象化顯現的區域，所以當然是選用/viewgallery 的方式讓活動照片鮮明的量出來啦\~ 最近發現好好的運用/buttom 可以讓網站的感覺更美化，而且真的蠻快捷鍵方便的，所以也在側邊欄的地方放上一些。 2. 功能快捷鍵：可以快速導流到我們協會網站的需求表單去填寫 3. 社群連結快捷鍵：我覺得我們的社群也是蠻豐富也是蠻主要大家認識我們的管道，所以提供一個連結給大家導流回去也很重要！ ![協會活動微網站 配圖 4](https://blog.lifehacker.tw/content/images/2025/04/29-2.gif) ## 四、Notion 訓練營學習心得分享 👨🏻‍💻加入訓練營之後真的獲得了太多太多，包括我本人就是很喜歡開著Lofi辦公做事的人，加入訓練營之後我最長一打開電腦就進入自習室進行專注時間，這期間也很高效的完成了很多事，解決了我這40天來的小拖延症壞習慣！ 🤞🏻更重要的是，我其實是不太能夠固定多周空下同一時段的人，因為接案的來源太雜了，常常時間不固定，所以加入訓練營前一直很擔心能不能跟上每周的直播還有飛行時間。 但我還是很努力在每次作業抵線前先完成再完美的完成每次作業！ 並且也利用最後一周拚優秀作業的迭代，感覺過程中更知道自己該如何觀摩別人的優秀作品，展現自己的新價值​。 > Good artists copy, great artists steal. 還有，發現自己並不是做不到，而是缺乏累積、觀摩、觀察！我覺得訓練營最珍貴的莫過於滿滿滿滿滿滿的同學們的作品可以觀摩了！每次看完就會被觸發一個小靈感，然後就做著做著越來越上癮 這40天真的是受到島上大家的熱情感化❤️‍🔥，會在各種時段很拼命的在各個活動、直播時間跟上💨(大家真的是1手機在手希望無窮啊🌟！) 雖然還是有部分周數的飛行沒跟上，一直很扼腕，但還是很感謝自己感謝助教感謝所有島民們🏝️謝謝大家的陪伴才能讓我撐到現在，並且努力拚優秀學員啊！ 👋🏻最後，雖然不知道這篇被刊登出的時間，但還是非常歡迎大家真的來報名這個論壇活動來跟我相見歡啊！ --- ### 📍 本文由 [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)