松昱商務中心
辦公空間預約系統

擔任職務 UX/UI designer・Team leader
負責項目 專案統籌・UX/UI 設計・網站測試
使用工具 Figma Notion Google Sheets Gemini Adobe
松昱商務中心跨裝置介面展示

專案背景

本專案針對現有商務中心網站進行全面重塑。面對系統架構老舊、使用者操作導覽不直覺及後台管理邏輯混亂等核心痛點,計畫透過 UI/UX Redesign 重新定義數位體驗。目標是優化前台空間預約流程,提升使用者轉化率;同時精簡後台管理邏輯,實現高效能的營運控管,為品牌打造流暢且現代化的商務服務平台。

專案挑戰

挑戰一

使用者情境與操作行為重塑

原系統採用傳統行事曆格式,缺乏權限管控,且隨業務擴展面臨資訊過載。當多分館、多空間的預約資料同時塞入日期欄位時,畫面雜亂且難以閱讀;跨分館查詢更需頻繁切換頁面,斷裂的預約流程(空間介紹、規範、功能散落在不同分頁)嚴重影響轉換效率。

解決方法

UX 診斷與洞察:透過競品分析與使用者旅程地圖(User Journey Map),找出「資訊密度過載」與「缺乏流程引導」的核心病灶。

多維度篩選體系:捨棄單一維度的行事曆,改採「條件導向」設計。使用者可透過地區、時間、人數一鍵篩選符合需求的空間,大幅縮短決策路徑。

多維度篩選流程介面

整合式空間頁面:將空間介紹、租借規範與預約功能整合於同一視角,並加入操作引導與即時提示,確保預約行為皆在合理時段內受控執行。

整合式空間頁面介面
挑戰二

空間屬性與租借流程系統化

空間管理存在「長租(辦公室)」與「短租(會議室)」的複合邏輯。最具挑戰的是彈性轉換機制:當辦公室閒置時需轉為會議室開放預約。舊系統因缺乏空間類型定義,僅能仰賴人工筆記紀錄,導致管理效率低下且易發生預約衝突。

解決方法

空間屬性標準化:重新定義後台架構,將會議室與辦公室獨立建檔,並建立「動態轉換屬性」。狀態衝突校驗:設計自動化衝突檢核機制,系統能自動判別轉換前後的資料屬性變化(如:時段限制、單價計算),確保在轉換狀態下亦能維持資料的一致性,徹底告別手動紀錄。

後台管理系統資料表
挑戰三

跨部門決策共識與設計說服

專案交付階段面臨決策層對「捨棄行事曆介面」的疑慮。為確保設計方案不因認知差異被推翻,必須將感性的視覺選擇轉化為理性的商業邏輯。

解決方法

由 PM 與設計師協作,提出具備說服力的三大專業論點,成功與董事會達成共識:

  1. 突破易用性瓶頸:行事曆在低資料量下直觀,但在多空間模式下會產生資訊爆炸,導致搜尋效率遞減。
  2. 符合主流心智模型:新版流程對齊市場領先競品的操作習慣,能有效降低新用戶的學習門檻,提升品牌競爭力。
  3. 優化擴充彈性(Scalability):新架構支持未來分館無限擴充與多維度篩選需求,避免未來因業務成長而需二次大幅改修,有效降低維護成本。
已複製