[{"data":1,"prerenderedAt":21},["ShallowReactive",2],{"project-booking-management-system":3},{"project":4},{"slug":5,"title":6,"summary":7,"role":8,"tech":9,"links":14,"cover":15,"date":16,"featured":17,"draft":18,"body":19,"html":20},"booking-management-system","預約管理後台系統","為工作室客戶量身打造的線上預約與排程後台，整合行事曆、自動通知與報表，把原本用紙本和訊息處理的預約全面數位化。","全端開發",[10,11,12,13],"Vue","Node.js","REST API","PostgreSQL",[],null,"2025-11-15T00:00:00.000Z",true,false,"\n## 背景\n\n客戶原本用通訊軟體和紙本記錄客戶預約，常常撞期、漏接，月底還得手動結算。隨著生意成長，這套土法煉鋼的方式再也撐不住。\n\n## 解決方案\n\n我為他們開發了一套**客製化的預約管理後台**：\n\n- 線上預約頁面，客戶自助挑選時段，避免來回訊息確認。\n- 後台行事曆檢視，一眼掌握所有檔期，系統自動防止撞期。\n- 預約成立、提醒、變更時，自動發送通知給客戶與店家。\n- 內建營收與來客報表，月底結算一鍵搞定。\n\n## 成果\n\n- 預約處理時間大幅下降，店家不必再盯著手機回訊息。\n- 撞期與漏接幾乎歸零，客戶體驗明顯提升。\n- 報表自動化，讓經營決策有數據可依。\n\n這類**客製化後台系統**正是網頁開發的強項——把繁瑣的日常流程，變成順手好用的工具。\n","\u003Ch2 id=\"%E8%83%8C%E6%99%AF\" tabindex=\"-1\">\u003Ca class=\"header-anchor\" href=\"#%E8%83%8C%E6%99%AF\">背景\u003C\u002Fa>\u003C\u002Fh2>\n\u003Cp>客戶原本用通訊軟體和紙本記錄客戶預約，常常撞期、漏接，月底還得手動結算。隨著生意成長，這套土法煉鋼的方式再也撐不住。\u003C\u002Fp>\n\u003Ch2 id=\"%E8%A7%A3%E6%B1%BA%E6%96%B9%E6%A1%88\" tabindex=\"-1\">\u003Ca class=\"header-anchor\" href=\"#%E8%A7%A3%E6%B1%BA%E6%96%B9%E6%A1%88\">解決方案\u003C\u002Fa>\u003C\u002Fh2>\n\u003Cp>我為他們開發了一套\u003Cstrong>客製化的預約管理後台\u003C\u002Fstrong>：\u003C\u002Fp>\n\u003Cul>\n\u003Cli>線上預約頁面，客戶自助挑選時段，避免來回訊息確認。\u003C\u002Fli>\n\u003Cli>後台行事曆檢視，一眼掌握所有檔期，系統自動防止撞期。\u003C\u002Fli>\n\u003Cli>預約成立、提醒、變更時，自動發送通知給客戶與店家。\u003C\u002Fli>\n\u003Cli>內建營收與來客報表，月底結算一鍵搞定。\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch2 id=\"%E6%88%90%E6%9E%9C\" tabindex=\"-1\">\u003Ca class=\"header-anchor\" href=\"#%E6%88%90%E6%9E%9C\">成果\u003C\u002Fa>\u003C\u002Fh2>\n\u003Cul>\n\u003Cli>預約處理時間大幅下降，店家不必再盯著手機回訊息。\u003C\u002Fli>\n\u003Cli>撞期與漏接幾乎歸零，客戶體驗明顯提升。\u003C\u002Fli>\n\u003Cli>報表自動化，讓經營決策有數據可依。\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>這類\u003Cstrong>客製化後台系統\u003C\u002Fstrong>正是網頁開發的強項——把繁瑣的日常流程，變成順手好用的工具。\u003C\u002Fp>\n",1782813557621]