專案背景與挑戰
SGOplus Store 是 SGOplus Group 的官方商店,承載集團旗下多元的商品線:TouchLink™ 智慧卡片與標籤、可訂製 Aime 卡等實體商品,Virduct License 360 等數位授權,Kiriyo.Link Plus 與 SGOplus Platform 2 等訂閱服務,以及網路全鏈解決方案等企業方案。
挑戰在於,這些商品的性質、價位與購買邏輯差異極大。平台必須用同一套架構同時處理實體、數位與訂閱商品,又要避免變成冷冰冰的商品清單。
網站核心方案
1. 「不只販售商品」的編輯式首頁
首頁以「不只販售商品,也分享正在發生的好事。」為主張,採用類雜誌的編輯排版:左側大標題與本週推薦入口,右側為進行中活動的主視覺。搭配 THE CURRENT EDIT 選品區,讓商店兼具品牌媒體的閱讀感。
2. 活動、推薦與競標模組
首頁依序排列「進行中活動」、「本週推薦」、「競標預告」與「現在值得認識的商品」等內容模組。活動頁以獨立網址管理,方便營運團隊隨時上架新的限時企劃,讓每次造訪都有新內容。
3. 多型態商品統一管理
同一套商品架構涵蓋實體卡片、數位授權、軟體訂閱與企業服務方案,並支援原價與折扣價對照顯示。商品頁使用語意化網址(支援中文 slug),兼顧 SEO 與分享辨識度。
4. Next.js 圖片最佳化
基於 Next.js 開發,所有商品與活動圖片皆透過 next/image 管道依裝置尺寸動態輸出 AVIF 格式,在大圖導向的視覺設計下仍維持快速載入。
5. 完整會員購物流程
頂部導覽整合全站商品搜尋、商品與選品分類、購物袋與會員登入,並於頁尾提供服務條款、隱私權政策與退換貨政策,構成完整且合規的電商體驗。
成果亮點
- 以單一平台整合 SGOplus 集團所有商品線,從智慧卡片到企業方案皆可線上購買
- 編輯式陳列結合活動與競標,將商店轉化為持續更新的品牌內容據點
- 深色質感搭配暖金點綴,與 SGOplus 整體品牌視覺一致