01
電商架構從零建置
原網站僅具備靜態展示功能，需從零設計前後台訂單管理流程與購物機制。
寶島鐘錶
品牌官網與電商系統
隨著精品鐘錶產業轉型，本專案協助全台最大鐘錶通路「寶島鐘錶」啟動網站重建計畫。 作為 Rolex、Tudor 等國際頂級品牌之代理商，寶島鐘錶首次從靜態官網跨足數位銷售領域。 透過兩階段上線策略，成功建構具備高端精品視覺、靈活模組化後台與完整購物流程的電商架構，為品牌數位化與會員經營奠定堅實基礎。
鐘錶電商平台訂單與購物流程多品牌樣式管理SEO 與分階段上線
專案類型
電子商務
開發分類
網頁開發
BACKGROUND
專案背景
精品鐘錶產業正朝向線上轉型，品牌官網已成為串聯形象、會員經營與電商佈局的核心節點。 • 通路轉型挑戰：寶島鐘錶代理多個國際一線品牌（如 Rolex、Tudor），過去經營以實體門市為主，亟需建立完整的數位銷售基礎。 • 企業數位化里程碑： 在品牌升級驅動下，寶島首次導入完整電商架構，將網站從資訊展示轉化為數位銷售平台。 • 品牌升級核心：本案不僅是視覺與內容的更新，更是品牌進入數位經營領域的重要起點。
CHALLENGES
專案挑戰與深度評估
在本次合作中，我們針對精品電商的高度需求面臨以下技術與營運挑戰：
02
高時程壓力與風險控管
考量內部團隊操作熟悉度，需設計階段性上線策略以降低系統轉換衝擊。
03
嚴格的品牌視覺規範
代理之國際品牌（Rolex、Tudor 等）有年度改版需求，系統需具備高度樣式可切換性與設計彈性。
04
高複雜度的商品維運
鐘錶資訊量大且分類細緻，後台需提供極致簡捷的操作介面與靈活的建檔邏輯。
SOLUTIONS
策略解法與亮點
我們擬定了一套兼顧美學、功能與維運穩定性的執行策略：
「兩階段上線」節奏
第一階段：聚焦品牌形象與內容展示，快速替換舊站建立現代化視覺。 第二階段：導入購物車、會員系統與行銷模組，避免一次到位造成過高的測試負擔。
模組化 UI/UX 設計
視覺上對齊精品高端調性，功能上則將商品管理、活動區塊與 Banner 區模組化，方便行銷團隊彈性控制。
品牌專區隔離機制
將特定品牌專區樣式與其他頁面分離，確保年度改版時不影響整體網站運作。
架構擴充彈性預留
後端架構預留串接金流、物流、ERP 的彈性接口，確保未來業務擴充的無縫整合。
迭代驗收機制
採敏捷式開發，每週同步進度並逐步驗收流程，確保成品符合品牌實際使用習慣。
TECH STACK
技術實踐與框架
本專案採用前後端分離架構，平衡了電商性能與 SEO 曝光需求：
01
後端核心服務 (Laravel)
利用 PHP Laravel 框架實作複雜的訂閱、訂單管理與身分驗證邏輯，確保業務邏輯的穩定性。
Laravel 框架開發 訂閱與訂單管理 穩定業務邏輯
02
前端展示層 (Nuxt.js)
採用 Nuxt.js 框架開發，具備 SSR 優點以提升 SEO 排名，有利於品牌活動與商品入口的自然曝光。
Nuxt.js SSR 架構 SEO 排名優化 品牌自然曝光
03
資料庫管理 (MySQL)
配合 MySQL 儲存海量商品資訊、會員資料與訂單紀錄。
MySQL 資料庫 海量商品儲存 會員訂單管理
IMPACT
專案成果與價值
品牌形象數位化升級
成功建立對齊國際精品規範的官網，強化了寶島鐘錶的數位品牌力。
低風險導入電商模式
透過階段性部署，內部團隊順利銜接數位營運流程，確保系統上線穩定。
大幅提升維運效率
模組化後台讓行銷團隊能自主完成年度改版與活動上稿，顯著降低維運溝通成本。
