> ## 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 中文應用案例】英語教學品牌微網站｜訓練營作品心得 055
- URL: https://blog.lifehacker.tw/notion-casestudy-055/
- Published: 2025-06-16T13:01:30.000Z
- Updated: 2026-04-07T01:59:03.000Z
- Description: Wanting 用 Notion 建立英文教學團隊微網站，透過資料庫與標籤設計，打造給家長與老師都好用的報名與管理系統。
- Author: 生活黑客社群
- Tags: Notion, 訓練營學員作品, Notion 線上訓練營, 團隊協作, 教學系統設計, 資訊平台

## 一、優秀學員介紹

- 暱稱：Wanting
- 現職：`W老師英語教學團隊CEO`
- 哪屆訓練營：第 9 屆 Notion 訓練營（學號：#2511）
- 作品連結：[**𝓦**老師英語教學團隊 網站](https://www.notion.so/1f597ecabdb08058847dc7c4b8b21020?pvs=21&ref=blog.lifehacker.tw)
- 作品摘要：Wanting使用Notion訓練營五週的課程，打造出教學團隊的微網站，除了整理教學內容與行政資源，更讓學生家長可以方便查看課程資訊、報名方式，內部老師與行政可以使用教學資源與內部作業流程。

---

## 二、Notion 作品展示

> 作品名：𝓦老師英語教學團隊 網站

### Before using Notion

在使用 Notion 製作微網站之前，我曾經用過 WordPress 搭配購買的網域來建站。雖然功能完整，但實際操作下來遇到不少困擾——不僅需要額外付費購買主機與網域，網站後台操作也不夠直觀，對於不熟悉程式或網頁架構的人來說，上手門檻偏高。常常花了很多時間調整排版或設定，最後呈現出來的效果卻與預期落差很大。

![英語教學品牌微網站 配圖 1](https://blog.lifehacker.tw/content/images/2025/06/image-6.png)

### After using Notion

改用 Notion 之後，整體體驗大幅提升。介面簡單、操作直覺，只要拖拉區塊就能快速排出一頁完整網頁。即使不是工程背景的人，也能輕鬆完成頁面設計。最大的優點是免費，對於小型教學團隊或個人品牌來說非常友善。雖然目前還無法免費自訂個人網域，限制了品牌一致性，但以效率和便利性來說，已經是非常實用的解決方案。

![英語教學品牌微網站 螢幕截圖](https://blog.lifehacker.tw/content/images/2025/06/CleanShot-2025-06-16-at-19.20.45@2x.png)

---

## 三、系統製作與迭代過程

### 主題思考階段

![英語教學品牌微網站 螢幕截圖](https://blog.lifehacker.tw/content/images/2025/06/CleanShot-2025-06-16-at-20.31.05@2x.png)

教學團隊貼心提供模板，可以先照模板填寫，再來考慮優化的部分，省去很多從零開始的時間。

作為一個英語教學團隊的 CEO，一直想要打造好用的微網站，讓家長可以輕鬆找到新資訊，而非在 Line 或 Facebook 粉絲專頁滑了半天，只找的到舊資訊。因此這次報名 Notion 訓練營最大目標，即是打造品牌網站。

我想製作的內容包括：

1. **課程介紹與報名資訊**：方便家長快速了解不同年齡層或語言程度的課程內容與收費方式。
2. **教學理念與師資團隊介紹**：讓訪客理解 W老師的核心價值與團隊風格，吸引理念相近的老師加入。
3. **家長常見問答 & 合作說明區**：減少來回溝通，讓資訊透明公開，提高效率與信任。
4. **家長回饋或課堂花絮展示**：展現孩子們的真實成長與學習成果，創造口碑與溫度。

### 草稿階段

製作網站過程中，希望家長感受到「專業、有系統、資訊清楚」；老師則感受到「整合、方便、清楚知道該做什麼」。我想營造的是一個井然有序又不失親切的教學團隊形象，不只是提供課程，而是讓使用者感覺「進到這個頁面就知道怎麼做、找得到想找的資訊」。

> 所做的努力

1. 除了首頁有按鈕可以連結各個頁面，每頁左側都加入快速連結，方便使用者跳轉頁面。

![英語教學品牌微網站 螢幕截圖](https://blog.lifehacker.tw/content/images/2025/06/CleanShot-2025-06-16-at-20.41.56@2x.png)

1. 附上貼心小指標，讓不曾使用過 Notion 的家長老師可以知道使用方法，如點選左側三角形查看更多，點選圖片查看詳情。以及點擊 up up 可以往上等等。

![英語教學品牌微網站 螢幕截圖](https://blog.lifehacker.tw/content/images/2025/06/CleanShot-2025-06-16-at-20.42.58@2x.png)

1. 涵蓋資料庫的頁面，如教師簡介與教材庫等，提供使用流程與圖片，供 Notion 小白們使用參考。

![英語教學品牌微網站 螢幕截圖](https://blog.lifehacker.tw/content/images/2025/06/CleanShot-2025-06-16-at-20.43.36@2x.png)

1. 在授課老師頁面放上家長好評回饋，讓家長查看老師資訊同時，也可以看一下上課學生家長的推薦。(增加問課與報課率)

![英語教學品牌微網站 螢幕截圖](https://blog.lifehacker.tw/content/images/2025/06/CleanShot-2025-06-16-at-20.44.15@2x.png)

1. Q&A 頁面整理許多常見問答，也提供 W 老師聯絡資訊，若找不到想問的問題，可以直接傳訊詢問老師。

![英語教學品牌微網站 螢幕截圖](https://blog.lifehacker.tw/content/images/2025/06/CleanShot-2025-06-16-at-20.44.57@2x.png)

1. 嵌入 Notion 表單，省下許多麻煩： 之前報名流程需要家長額外點選 Google 表單填寫，相對需要家長多個步驟+行政端自己查看後台填寫資訊。 使用 Notion 表單還可以連動資料庫，對小教學團隊而言已經夠用。

![英語教學品牌微網站 螢幕截圖](https://blog.lifehacker.tw/content/images/2025/06/CleanShot-2025-06-16-at-20.45.38@2x.png)

### 實踐之後的迭代優化（Before & After）

微網站作業算是整個訓練營精華集大成的作品。這個作品涵蓋了第一週\~第四週的作品整合+迭代。

第二週時，Wanting 製作了使用`標籤系統`整合的課程資料庫。

- 設計標籤分類心法：透過家長問課的方式，打造為不同需求家長設立的資料庫，讓想知道【年齡分級】、【上課時間】、【課程類型】的家長可以直接有地方去，減少本人回覆問題的重複性。
- 同時方便授課老師們查看自己的班級，設立【課程狀態】、【課程形式】**，讓老師可以快速查看。**【課程狀態】同時也讓 CEO 本人可以快速掌握學生人數，決定招生模式。
- (設計調整) 原本課程狀態顯示的排序跟名稱如圖示：使用【招生中】、【確定開班】**，**後來經過用戶測試 (aka 派老公試用)，用戶給予建議，改成【七月招生中】、【七月開班】，並調整排序，把招生中放到最前面，希望可以吸引更多客群。

第五週時，將第二週作業加入微網站其中一個頁面，同時分開【授課老師】與【課程資料】成兩個頁面，讓瀏覽網站流程更簡單清楚。

![英語教學品牌微網站 螢幕截圖](https://blog.lifehacker.tw/content/images/2025/06/CleanShot-2025-06-16-at-20.46.49@2x.png)

最終作業，做成按鈕分頁連結，清晰分開資訊類別，讓使用者可以依需求找尋。

---

## 四、**Notion 訓練營學習心得分享**

參加訓練營真的有重回學生的感覺，激起滿滿的勝負欲(?)想拿優秀學員，跟著有耐心又有愛心的助教與同學們一起在路上前行，一點都不寂寞。

因住在美西，每次直播要 5am 起床參加，第二週直播課原想起來開個電腦打開視窗就滾回床上，但一開視窗看到助教們熱血滿滿請大家換背景，忍不住就坐在電腦前直到 QA 時間了。

第一週作業除了透過交流區觀看大家的作品 (真的會忍不住一直看下去，每天起來第一件事情就是點開作業展示區觀摩一下)，也很感謝助教元熊認真批改給予指教，從助教們身上獲得滿滿能量。

另外，因為已變成 Notion大腦模式，整個營期間完成很多資料庫：教學網站、信用卡里程管理、小寶孵育庫。結營後也期許自己繼續記得營期間的效率與使用 Notion 的模式，打造更多實用且可以多人實作的平台。

---

## 五、如果想進一步認識你的話

[Ｗ老師英語教學．師訓專業Ｗ老師英語教學．師訓專業 - 「いいね！」2,021件 · 3人が話題にしています - 喜歡小朋友、喜歡念繪本故事、喜歡教英文的Ｗ老師，希望跟很多小朋友當好朋友，把英語的有趣之處帶給更多孩子們認識。 時常分享英語教學專業，與繪本選讀新知，近期即將開設師訓課程，敬請期待。![配圖](https://blog.lifehacker.tw/content/images/icon/ay1hV6OlegS.ico)Facebook![配圖](https://blog.lifehacker.tw/content/images/thumbnail/476103368_1183490903785714_6244593583975333043_n.jpg)](https://www.facebook.com/storybanban/)

加入 W 老師 Line 直接問課：

![英語教學品牌微網站 配圖 11](https://blog.lifehacker.tw/content/images/2025/06/image-7.png)

---

### 📍 本文由 [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)