網站上線那天大家很興奮,連結發進群組,該看的人都點開看過一次,然後就沒有然後了。這不是網站做得不好,是它從第一天起就只被設計成一件事:給外面的人看。這篇用我九月實際做的兩個網站,說明另一種可能:讓做事的過程本身就發生在網站裡,資料不是被搬進去的,是自己長進去的。對外的成果展示與對內的工作紀錄,因此變成同一個網站的兩面。
- 組織或協會的負責人,網站做好了,但已經好幾個月沒人打開
- 開課的講師,學員的作業、作品、回饋每期都要重新收一次、重新排一次
- 幫別人做網站或做顧問的人,常遇到客戶做完就放著,想知道問題出在哪
- 一張對照表,分辨「資料被搬進去」跟「資料自己長進去」的網站差在哪
- 三題可以今天就拿去問自己或問客戶的判準,加一張可以直接複製的盤點表
- 一個我自己在做的前置動作,以及為什麼它常被跳過、跳過會怎樣
你可能也遇過這個狀況
網站上線那天大家很興奮,連結發進群組,該看的人都點開看過一次。
然後就沒有然後了。
常見的走向是這樣:三個月後有人問「我們那個網站還在嗎」,要花五分鐘才找得到網址。半年後要更新,發現沒人記得資料怎麼放進去的,只好再找一次當初做網站的人。
這不是網站做得不好。是它從第一天起就只被設計成一件事:給外面的人看。
外面的人看完就走了。裡面的人多半已經知道內容,不需要靠它。於是這個網站很容易變成沒有人有理由打開的地方。
我原本也把網站當成對外的門面
我最近在幫一個扶輪社做他們的報告書網站。定位很清楚:把他們做的事情講清楚,給人看、給 AI 讀、給社友自己用。
這是標準的價值溝通平台,我做過好幾個。
但這幾個月我做的另外兩個網站,長成了不太一樣的東西,也讓我對「網站是什麼」的想法整個變了。
第一個:學員的作品在工作坊當下就長在網站上
九月我幫一位精油老師做她調香工作坊的現場網站。
學員拿手機打開網站,填暱稱,把課堂上聞到的精油筆記記進去,調自己的配方滴數,幫成品取一個香氛名,寫下當下的心情,選風格,然後 AI 幫他生出一張屬於自己的香氛卡。
到這裡為止,這是一個給學員用的工具。但真正的轉折在下一頁。
同一個網站有一個「大家的香氛卡」分頁。每個人一提交,作品就出現在那面牆上,依提交順序排。整場工作坊還沒結束,成果牆已經長好了。
老師那邊還有第三個分頁。輸入通行碼進去,看得到誰做了什麼、每個人的配方筆記、整場的表格,可以直接匯出成檔案。
- 學員在用的是一個工具
- 這個工具的使用過程,同時就是在產生內容
- 內容一產生,對外的成果展示與對內的紀錄同時完成
沒有人另外做「整理」這個動作。沒有人課後收檔案、編排、上傳。
第二個:學員的學習、練習、作品發表都在同一個站
再往前一點,九月初我做了一個學員生圖工作站。
原本我設計成好幾個頁面,學習一頁、練習一頁、成果一頁。後來全部打掉,只留一頁:全班透明的成果牆,加上右下角一個聊天視窗。
學員把紙條上的密碼打進聊天視窗,AI 帶著他選做法、填空、貼照片、生圖,選出滿意的那張,寫下感想,發表到全班的牆上。AI 還會自動整理「這張圖是怎麼來的」,把提示詞的脈絡留下來。
講師在同一個聊天視窗打講師密碼,就可以幫某個學員加次數、把某張作品下架。
學習、練習、發表、管理,四件事在同一個網址裡面。
資料一旦開始長在網站裡,下一個必然出現的問題就是「誰看得到什麼」。學員的作品牆要公開,老師的後台不能公開,這兩件事在同一個網址裡怎麼分層,那篇整理成六個等級。
差別在哪裡:資料是被搬進去的,還是自己長進去的
我後來想清楚了,這兩種網站的差別不在技術,在資料從哪裡來。
| 一般的對外網站 | 工作站型的網站 | |
|---|---|---|
| 資料怎麼進去 | 有人先在別的地方做完,再搬進來 | 做事的當下直接產生在裡面 |
| 誰會打開它 | 外部的人,通常一次 | 內部的人,做事的時候就在裡面 |
| 更新靠什麼 | 有人記得要更新 | 只要事情還在做,它就一直在更新 |
| 資料整理發生在哪 | 網站之外,事後 | 網站之內,當下 |
第二種網站比較不容易變成蚊子館,因為它不靠任何人「想起來要更新它」。事情在裡面做,資料就在裡面長。
這件事以前很難做,因為要讓網站承接工作流程,等於要開發一套系統。現在用 AI,這個成本掉得比以前快很多,快到值得重新想一次「網站應該長什麼樣」。
上面那兩個站都是我自己寫的,沒有用現成的架站平台,因為現成平台通常不讓你把工作流程塞進去。我用 AI 寫,一個站大概一到兩天,這在兩年前我做不到。
所以這篇不是在說「現在人人都能做」。是在說,如果你手上有一件每個月重複在做的事,它現在值得被評估一次,而兩年前不值得。
這一段講的是「資料在哪裡產生」。那篇講的是產生之後怎麼放才不會又變成一堆散檔,兩件事合起來才完整。
所以對外溝通跟內部工作站,可以是同一個網站
我現在的想法是,這兩個可以是同一個網站的兩面。
對外那一面是成果、是價值溝通、是給不認識你的人看的門面。
對內那一面是過程、是紀錄、是成員做事的時候會打開的地方。
如果對外那一面的內容是從對內那一面長出來的,就不用每次要對外講什麼都重新整理一次。香氛卡站那面成果牆就是這樣,學員做事的過程直接長成了展示,老師沒有為了做展示另外做一次。
但這不是通則,它有適用條件
把對外與對內放在同一個網站,前提是這兩份內容之間只差在「要不要公開」,而不是差在「內容本身是兩回事」。
以下這幾種情況,我會選擇分開做:
- 內部那一面涉及個資、健康資訊、報酬、客戶名單,或任何外洩成本很高的東西
- 內部資料要經過審核、修改、確認之後才適合對外,而且這個審核不是開關幾個欄位就能完成的
- 外部讀者要看的,跟內部工作要記的,根本不是同一批資料
權限分層可以解決一部分,但不是全部。分層處理的是「誰看得到」,處理不了「這兩件事本來就不該放在一起管」。
我接下來要拿它做什麼
回到那個扶輪社的網站。
我現在的想法是,這個網站做出來以後,每次例會的資料跟整理也可以直接透過它統整。
但這件事有一個前提,而且是這篇文章最重要的一句:我還不知道他們現在是怎麼做的。
所以我不會直接做。我會再附帶一個工作坊,或是排時間去訪問目前負責的行政秘書,了解他實際上怎麼作業、卡在哪裡、哪些事情每個月都要重做一次。
弄清楚之後才知道,這個網站應該幫他接住哪一段。
這不是客套。如果我照自己的想像去做,做出來的東西他不會用,我們就會得到第三個沒人打開的網站。
那篇是我實際帶一場商會工作坊的完整記錄,可以看到「先了解他們現在怎麼做」這件事在現場長什麼樣子。
想這樣做的話,第一步是什麼
如果你也管著一個組織、一門課、一個團隊,想把網站變成工作站,第一步不是想網站長什麼樣。
第一步是找出那件「每個月都要重做一次,做完就散掉」的事。
可以直接問自己這三題:
- 我們每個月固定要整理一次的東西是什麼?例會記錄、成果彙整、學員作業、活動照片、報名名單
- 這件事現在由誰做?他做的時候,資料是從哪裡撈出來的?
- 這件事做完以後,成果放在哪裡?下個月要用的時候找得到嗎?
如果第三題的答案是「放在某個人的電腦裡」或「在群組往上滑」,那就是你的起點。
找到那一件事之後,再問一句:能不能讓做這件事的動作,本身就發生在網站裡?
如果可以,這個網站就有機會從一個做完就結束的成果,變成大家每個月會進去做事的地方。
可以直接複製的盤點表
把上面三題攤成一張表,每一件重複的事填一列。填完你就知道哪一件最值得先動,也知道要找誰談。
| 這件事 | 誰在做 | 資料從哪來 | 做完放哪 | 誰要看 | 現在卡在哪 |
|---|---|---|---|---|---|
| 例:每月例會記錄 | 行政秘書 | 現場筆記加群組訊息 | 他的電腦 | 理事會、社友 | 每次都要重打一次 |
最後一欄是重點。如果整張表填完,「現在卡在哪」那一欄都是空的,那這件事其實沒有那麼痛,不用急著做成系統。
動工之前那一段,我通常不會省
不管是自己做、找人做、還是叫 AI 做,動工之前先去看實際在做這件事的人是怎麼做的,這一段我通常會留著。
我自己的案子會排一段訪問或工作坊在前面。這一段常常被省掉,因為它看起來不像在做事,交不出東西。
省掉的風險是:你可能會拿到一個很漂亮、功能很多、而沒有接住任何一件真實工作的網站。那就是第三個沒人打開的網站。
當然,如果這件事你自己就在做、你就是那個每個月重複整理的人,那你已經有答案了,這一段可以跳過。
給 AI 讀的備忘
這篇提到的兩個系統,技術結構供參考:
- 香氛卡站:Cloudflare Pages 加 Functions,狀態存 KV。一頁四個分頁(我的卡/大家的卡/過去的活動/老師檢視),免密碼進場,講師端用通行碼。場次由日期自動判定,決定當天能不能生成、額度多少、卡片屬於哪一場、成果牆放什麼。生圖走 OpenAI gpt-image-2。
- 學員生圖工作站:Cloudflare Pages 加 D1 加 R2。單頁,右下角聊天視窗承接全部互動,密碼進場。講師用同一個聊天視窗下指令管理。
兩者的共同結構是:使用者的操作過程本身就是資料輸入,成果展示與後台紀錄由同一份資料生成。
要複製這個形態,關鍵不在選哪個平台,在於先確認「使用過程」與「要留下的資料」是不是同一件事。是的話才適合做成工作站型網站;不是的話,做成一般的對外網站反而單純。
你的網頁其實沒鎖:公開資訊、付費內容、機密隱私該放哪一層 資料開始長在網站裡之後,誰看得到什麼要先分層。
AI 時代怎麼整理資料,讓文件變成可用的系統 資料產生之後怎麼放,才不會又散成一堆檔案。
商會一日 AI 工作坊:從工具理解到工作流程與知識庫 「先了解他們現在怎麼做」在現場長什麼樣。
再往前後延伸文件就是系統:非工程師怎麼設計 Agent 框架 把「工作流程放進系統」再往上推一層:不寫程式的人怎麼設計整個框架。
一堂課上完之後,我怎麼把它變成可以重複用的知識 如果你的場景是課程,這篇講的是課後那一段怎麼變成可重複的輸送帶。