Works
這裡展示了近年深度參與、長期合作，
以及獨立接案的商業專案。
涵蓋了 Shopify / SHOPLINE 客製化、
客製網站開發、CMS 系統與各種功能串接。
從新網站開發，到既有專案接手與長期維運，
記錄每個專案中實際處理的開發需求與技術挑戰。
xuan97222@gmail.com (通常於 24 小時內回覆)
Recent Projects
// Shopify 前台客製與功能開發・Dawn
Sugar8
- 整合多分類與單位切換，客製化商品尺寸表彈窗功能
- 使用 localStorage 開發輕量化商品收藏功能
- 協助子網域串接與客製地區切換，支援跨境電商需求
- 依據參考網站，客製具收合動畫的特規 Liquid 分頁
- 重新安裝並客製主題，排除原受外掛影響的遺留問題
// SHOPLINE 前台客製與功能開發・Liquid.js
ROBINMAY
- 基於新版編輯器進行前台客製化與功能開發
- 依據非正規設計稿，進行前台頁面實作與元件客製化調整
- 實作多語系與動態路由切換機制，切換選單主題
- 重構篩選器與選單展開邏輯，符合品牌設計規範
- 長期合作維運，期間歷經多次改版與功能擴充
// SHOPLINE 前台客製與功能開發・Liquid.js
三多 SENTOSA
- 長期維運 SHOPLINE 前台，持續進行功能調整與內容更新
- 重構既有客製檔案與資源結構，提升網站穩定性
- 客製化商品描述區塊，實現圖文分離排版
- 串接第三方 API，將聯絡表單資料自動發送至信箱
- 完成舊版編輯器長期維運，並主導新版編輯器遷移
// 全端客製化網站・CMS 架構・Nuxt3 + PHP
三角點 Trig Studio
- 從靜態網站接手維運，持續新增頁面與內容更新
- 配合品牌 CIS 微調，依簡易設計稿完成網站改版
- 主導全站重建，改以 Nuxt3 + PHP 開發全端 CMS 系統
- 建置專屬管理後台，提供作品上架與視覺化編輯能力
- 串接第三方 API，將聯絡表單資料發送至指定信箱
// SHOPLINE 前台客製與功能開發・Liquid.js
台灣高絲 ADDICTION
- 突破平台限制，高度還原日本 ADDICTION 官網架構
- 配合品牌行銷檔期，長期客製各種特規 NEWS 分頁
- 串接 Open API 整合訂單資料，實作報表自動上傳功能
- 獨立建置額外後台系統，管理實體門市掃碼兌換活動
- 長期合作維運，經歷編輯器版本遷移與持續功能擴充
// 全端客製化網站・CMS 架構・Nuxt3 + PHP
火星生技 MARX Biotech
- 客製化開發企業級雙語官網，建置專屬 CMS 後台管理系統
- 串接即時股價 API，動態計算公司市值並支援雙語系格式化
- 串接第三方 API，將聯絡表單資料發送至指定信箱
- 前後端分離架構，長期合作間持續擴充與維護
- 根據品牌風格，客製 CSS 動畫與全站 AOS 入場效果
// Shopify 前台客製與功能開發・MiniMog
Eterno York
- 接手未完工專案，優化前台架構與功能並完成收尾
- 客製化商品尺寸表彈窗，整合語系與單位切換
- 針對外掛進行客製化翻譯處理，解決外掛無法翻譯問題
- 依據非正規設計稿，進行前台頁面實作與 UI 邏輯調整
- 與海外團隊協作，進行需求對齊與功能整合
// SHOPLINE 前台客製與功能開發・Liquid.js
Blooming Art
- 基於新版編輯器進行前台客製化與功能開發
- 突破平台限制，調整商品細節頁結構以符合品牌美感
- 手寫 Hover 互動動態，提升前台視覺細節
- 配合品牌美學全客製獨立分頁，打造沉浸式沙龍故事體驗
- 還原高要求設計細節，兼顧品牌質感與購物體驗
// SHOPLINE 前台客製與功能開發・Liquid.js
茶籽堂 chatzutang
- 基於新版編輯器進行前台客製化與功能開發
- 高度客製化商品描述區塊，以實現圖文分離
- 開發多個特規 Landing Page，支援行銷需求
- 重構語系與幣別切換功能，以優化用戶體驗
- 完成 30+ 商品之描述區塊設置，並提供後續除錯支援
// SHOPLINE 前台客製與功能開發・Liquid.js
藥師健生活 Phargoods
- 突破平台限制，高度客製化全站元件與頁面架構
- 串接第三方 API，將聯絡表單資料自動發送至信箱
- 重構 SHOPLINE 原生部落格介面，符合品牌設計需求
- 客製收合式實體通路範本，快速建立全台門市資訊
- 長期合作維運，完成舊版編輯器維運與新版編輯器遷移
