01
分散式服務的整合瓶頸
各品牌以獨立網站形式存在，使用者在跨品牌操作時需頻繁登入不同系統，導致流程中斷且管理效率低下。
汽車集團跨品牌整合會員服務平台開發 從賣車到 MaaS 服務：建構跨品牌整合的單一數位入口
因應電動化與共享經濟挑戰，本專案協助汽車集團推動 Mobility as a Service (MaaS) 戰略，透過整合旗下租車、共享、充電等多元服務，建立統一的會員平台與 SSO 單一登入機制，提升數據經營能力與使用者體驗。
- 跨品牌會員平台
- SSO 單一登入
- 會員資料與權限整合
- 企業級資安防護
- 專案類型
- 系統開發
- 開發時長
- 2.5 個月
背景
專案背景
傳統汽車產業正由「銷售模式」轉型為「服務模式」。本專案客戶為台灣汽車集團，旗下擁有多個獨立品牌服務，過去各品牌網站各自獨立，缺乏統一的平台整合服務與資訊。 為了提升跨品牌的使用者體驗，客戶積極推動 MaaS 整合，並與通訊平台深度合作。JoinX受託開發統一會員平台，旨在串連旗下品牌服務（如租車、共享、接送等），讓消費者能透過單一平台快速存取集團多元服務，並提升企業端對跨品牌數據的經營效率。
挑戰
專案挑戰與深度評估
在系統規劃與整合階段，我們針對既有架構與企業級需求進行評估：
02
高規格資安要求
作為大型企業級應用，系統需符合嚴謹的資安規範，確保會員個資安全與程式碼品質。
03
開發時程與擴充靈活性
需在 2.5 個月的緊湊時程內，完成模組化設計以應對未來快速迭代與數位行銷的需求。
解法
策略解法與亮點
針對「單一入口」與「資安可用性」核心，我們採取以下策略：
SSO 單一登入機制與數據整合
導入 SSO (Single Sign-On) 帳號機制，讓用戶能跨系統自由登入與瀏覽，集中管理旗下各品牌的會員數據。
模組化設計思維
將系統拆分為「前端會員模組」與「後台管理模組」，涵蓋註冊、會員資料維護、廣告輪播與權限管理，確保功能可獨立快速迭代。
資安與可用性並重
導入 SonarQube（原始碼檢測）與 ZAP（弱點掃描），確保程式碼無高中風險項目，並透過權限角色控管提升帳號安全性。
RWD 響應式與客製化 UI
前端採 RWD 設計確保手機與桌機操作一致，並依據企業風格偏好客製化介面，優化操作流程。
持續性維運設計
系統採 Docker 部署，方便版本管理與彈性調整，並提供完整Wireframe 與設計檔案供後續擴充。
技術
技術實踐與框架
本專案選用適合企業規模且利於維運的技術組合：
01
後端服務開發：Laravel / ASP.NET
建構高安全性的企業級業務邏輯核心。專注於 SSO 單一登入機制的實作，確保跨品牌服務間的帳號權限控管嚴謹，並透過模組化設計支撐未來 MaaS 服務的快速迭代。
- SSO 單一登入與跨系統帳號整合
- 多層級權限角色控管機制
- 嚴謹的業務邏輯與 API 模組化設計
02
前端網頁開發：Vue.js / React.js
打造跨裝置一致的流暢互動體驗。採用 RWD 響應式佈局，確保汽車集團會員在手機與桌機端都能快速存取租車、充電等多元服務，並大幅優化註冊與資料維護動線。
- RWD 響應式跨裝置佈局設計
- 流暢且直覺的會員互動介面
- 高效能的前端組件化開發
03
部署與資安維運：Docker & Security Testing
導入標準化維運與高規格資安檢測。透過容器化技術確保開發環境與生產環境的一致性，並結合自動化弱點掃描工具，確保系統符合大型集團對於個資防護的嚴苛要求。
- Docker 容器化部署與環境一致性管理
- 原始碼檢測與代碼品質控制
- ZAP 資安弱點掃描確保零風險
成果
專案成果與價值
跨品牌服務無縫連結
透過單一入口與 SSO 機制，解決了品牌服務破碎化的問題，大幅提升用戶留存率。
強化企業資安體質
經由專業弱點掃描與原始碼檢測，確保平台具備承載大量會員個資的安全防護能力。
營運效率與靈活性
模組化設計與 Docker 部署縮短了後續功能更新的週期，為集團未來的數位行銷與 MaaS 服務擴充奠定堅實基礎。
