網站建置分享
從不太想給人看 到想主動分享
把一個網站的質感慢慢磨出來的過程
2 個月的磨
100 張照片
幾十個參考網站
牙醫師 劉哲銘
網站的初衷
想把照片好好放在一個地方
也讓患者在見到我之前先認識我
至於帶來業績帶來客人 當時想都沒想過
架構完整
排版也不錯
客觀來說是一個好看的個人網站
但它不像我
有人問我網站在哪 我會猶豫一下
不太想把連結傳出去
一天裡少記一件事、少找一次資料、少漏一個交代
診所大腦・工作畫面 01
照片整理
這批 132 張 → 已依療程階段歸檔完成
來源：記憶卡
尚未整理・檔名與拍攝順序混雜
歸檔結果
同一療程・依階段分層
臨床照片 ／ 2026 ／ 06
2026-06-22_ООО_陶瓷貼片
Initial
初診記錄
Mockup
外觀與比例確認
prep 比色
預備與比色影像
維持器記錄
後續追蹤
畫面為示意重現・臨床照為真實個案（已去識別化）
診所大腦・工作畫面 02
傳比色照給技師
從剛完成的照片歸檔，接續整理比色單
診所大腦
ООО這批照片整理好了，偵測到 8 張比色照。要把療程資料夾傳給哪一間技工所？
A 技工所
畫面為示意重現・臨床照為真實個案（已去識別化）
診所大腦・工作畫面 03
記錄病例
錄音 03:24 → 草稿已生成・待醫師確認
王大明（測試資料）
初診病歷草稿・尚未寫入正式病歷
背景
近期希望改善前牙色澤，工作時常需面對面溝通。
初診資料已建立
偏好
想諮詢陶瓷貼片，希望呈現自然、不要過度亮白。
期待值待進一步確認
醫療警示
對冷敏感。
藥物過敏史與服藥史待醫師確認
牙科病史
右上第一大臼齒抽過神經，尚未製作牙冠。
既往影像待調閱
本次處置
完成初步口內檢查與攝影；療程選項待醫師評估後說明。
草稿內容需由醫師確認後使用
畫面為示意重現・資料皆為測試資料
診所大腦・工作畫面 04
確認約診
明日 8/14（五）・已同步行事曆
09:00
王О明
陶瓷貼片試戴
備料已確認10:30
林О華
植牙二階
備料已確認14:00
陳О廷
全瓷冠印模
備料已確認畫面為示意重現・資料皆為測試資料
診所大腦・工作畫面 05
零件庫存與叫貨
庫存偵測 → 已自動擬好補貨訊息
零件庫存
目前數量・低量自動標示
品項
規格
數量
狀態
Straumann BLT RC
4.1 × 10 mm
3
庫存正常
Osstem TSIII
4.0 × 10 mm
5
庫存正常
RC Variobase
RC / 1 mm
1
⚠ 低量
RC 癒合帽
H 4.5 mm
4
庫存正常
牙材廠商
我方・自動擬訊息
您好，要補貨：RC Variobase ×2、RC 癒合帽 ×4，麻煩了
已送出
收到，明天出貨 🙏
牙材廠商
畫面為示意重現・資料皆為測試資料
旋轉、裁切與對齊
拍完的樣子（還沒轉正）
轉正
裁切構圖
有時候以為是版面的問題 換一張照片就解了
案例上傳工具
翻轉、對齊、裁切、勾標籤——上一個案例 幾分鐘的事
手機一打開 每一頁都是爆的
當時的樣子
修好之後
多數患者是用手機看網站的
電腦上做得再漂亮
手機上爆版就可惜了
同一個頁面 在三種平台各自調整
Desktop
iPad
Mobile排版不一樣 動畫和展示方式也不一樣
滑鼠的效果到了手機 換成適合手指的版本
把自己的名字放在上面
心裡是踏實的
