這個 Demo 解決什麼問題
作品集常見的缺口是：
- 多規格定價（容量／顏色）能不能正確呈現
- 分類頁、商品詳情、加購流程是否串得起來
- 會員、FAQ、聯絡與售後內容頁是否齊備
- 金流（綠界信用卡／ATM）是否納入結帳敘事
3C Shop 用一個公開網址把這些串起來，讓客戶或面試官能自己操作驗證。
站內結構一覽
站點定位是「日常 3C 選購」：規格透明、價格清楚、流程完整。
| 分類 | 路徑 | 商品數 |
|---|---|---|
| 筆電 | /collections/bi-dian |
4 款 |
| 手機 | /collections/shou-ji |
4 款 |
| 耳機 | /collections/er-ji |
4 款 |
內容與信任頁：
精選商品與價格階梯
首頁精選四款主力機種，皆採「規格對應價格區間」呈現：
| 商品 | 定位 | 價格區間 |
|---|---|---|
| AirLite 14 輕薄筆電 | 續航 × 便攜 | NT$ 32,900 ～ 42,900（512GB / 1TB / 2TB） |
| ProBook 16 創作筆電 | 大螢幕創作 | NT$ 49,900 ～ 61,900（512GB / 1TB / 2TB） |
| Pixelite Pro 旗艦手機 | 影像旗艦 | NT$ 31,900 ～ 36,900（256GB / 512GB） |
| Nova Plus 5G | 日常 5G | NT$ 16,900 ～ 19,900（128GB / 256GB） |
同分類還有可延伸展示的 SKU，例如：
- 筆電：Pulse 15 電競、Campus 13 學習
- 手機：Fold Lite 摺疊、City SE 輕量
- 耳機：Quiet ANC、Buds Air、Studio Over、Sport Fit
這能說明 Demo 不是「只有四個假商品」，而是具備分類擴充與多規格定價的店面結構。
建議 3–5 分鐘演示路徑
- 首頁：主視覺輪播 → 服務三欄 → 分類入口（筆電／手機／耳機）
- 分類頁：例如 筆電，展示熱銷標籤與規格價差
- 商品詳情：切換規格（如 512GB → 1TB），確認價格連動、數量與加購敘事
- 信任內容：關於我們的選品原則；FAQ 的下單／綠界付款／配送／退換貨
- 會員流程：註冊或登入後加入購物車（登入後才可查看購物車）
演示重點一句話：規格變了，價錢跟著變；流程從逛到結帳是連起來的。
作品集可強調的交付能力
若要把這個 Demo 寫進提案或履歷，可聚焦：
- 選品電商資訊架構：分類、商品詳情、相關推薦、電子報訂閱
- 多規格定價：容量／顏色對應不同售價的商品模型
- 會員導向結帳：登入／註冊／購物車／結帳敘事，並串綠界付款說明
- 信任與售後：30 天退換、一年保固、FAQ、聯絡客服、服務條款
- 品牌視覺：中性暖色調、生活情境主視覺，強調「科技也能好逛」
一句話總結
3C Shop 是可公開操作的 3C 電商 Demo：筆電／手機／耳機三大分類、多規格定價、會員購物車與綠界結帳敘事齊備，適合用來證明「我能交付一套真正能逛、能選規格、能走完下單流程的店」。