01
background / 背景
客戶原本遇到什麼
MJ Fan Collection 需要一個比社群貼文更穩定的商品入口，把 Michael Jackson 主題粉絲收藏、紀念服飾、活動宣傳與友善店家集中呈現。原本商品散落在不同賣貨便賣場，粉絲要反覆切換連結才能看價格、規格與下單入口。
02
challenge / 挑戰
為什麼難解
商品類型不只單一商品卡，而是包含賣貨便商品、訂製商品、活動宣傳與友善店家。每個商品又有大量規格、尺寸與價格差異，需要在一頁中快速瀏覽，同時保留前往賣貨便完成結帳的清楚動線。
03
solution / 解法
我做了什麼
以 Next.js 建立一頁式商品目錄，首頁第一眼先呈現 MJ 主題視覺，再用分頁切換四種內容類型。商品卡整合圖片、價格區間、規格明細與外部購買連結，並加入 Line 群入口，讓粉絲能從瀏覽、詢問到下單保持順暢。
04
process / 過程
怎麼進行的
確認商品資料來源與分類方式 → 設計 MJ 主題視覺與一頁式瀏覽動線 → 建立商品卡、規格明細與外部購買連結 → 部署到 Vercel → 驗證手機與桌面瀏覽體驗。
