# Shopify BFCM 2024：電商平台如何把購物節變成技術力展演

> Shopify 在 2024 年黑色星期五創下 115 億美元銷售額，但更值得關注的是他們如何用 Las Vegas Sphere、3D 互動體驗和 VR 技術，把購物節變成一場技術實力的全球宣傳。


---

## The Big Picture

當其他電商平台還在比較銷售數字時，Shopify 選擇了一條不同的路：**把 BFCM 變成技術力的全球展演**。

2024 年黑五週末，Shopify 史無前例地在 Las Vegas Sphere——世界最大數位展示螢幕——即時播放全球銷售數據。同時推出瀏覽器 3D 駕駛艙體驗、VR/AR 沉浸式應用，讓「看數據」變成一場視覺盛宴。

這不只是行銷活動，而是 Shopify 重新定義自己的宣言：**我們不只是電商平台，我們是商務作業系統（Commerce Operating System）**。

---

## Why It Matters

**對電商產業而言**：Shopify 正在改變平台競爭的維度。當 Amazon 專注於物流、阿里巴巴強調生態系時，Shopify 選擇展示技術創新能力，吸引的是重視品牌獨立性的商家。

**對技術從業者而言**：這些活動展示了即時數據視覺化、瀏覽器 3D 渲染、VR/AR 整合的前沿應用，是學習現代 Web 技術的絕佳案例。

**對行銷人員而言**：Shopify 示範了如何把「後台數據」變成「前台故事」，用技術能力建立品牌認知。

---

## 主要活動項目

### 1. Las Vegas Sphere 即時數據展示

**史上首次在 Sphere 播放即時銷售數據**

- **地點**：Las Vegas Sphere（世界最大數位展示螢幕）
- **技術**：採用 Unreal Engine 即時渲染
- **內容**：
  - 即時視覺化全球銷售數據
  - 點對點訂單弧線動畫（從訂單產生地到配送地）
  - 每當商家達成首筆銷售時播放煙火特效
- **時間**：Black Friday 週末期間（2024/11/29 宣布）
- **宣布者**：Shopify CEO Tobi Lütke

### 2. BFCM Live Globe Mothership 3D 互動體驗

**全瀏覽器 3D 駕駛艙體驗**

- **網址**：https://bfcm.shopify.com
- **技術架構**：
  - Three.js 和 React-three-fiber
  - 完全基於瀏覽器的 3D 渲染
  - 貝茲曲線（Bézier curves）和三次 Hermite 樣條曲線
- **互動功能**：
  - 🎹 **內建音樂合成器**：將全球即時銷售轉換為音樂
  - 🌍 **Live Globe 地球儀**：可互動操控
  - ⚙️ **重力開關**：關閉重力觀察物理系統運作
  - 🎮 **多種互動控制項**：包含 MIDI 鍵盤、Shoppy 吉祥物搖頭娃娃等
- **即時數據展示**：每分鐘訂單數、熱門商品、Webhooks 數量、CDN 請求數

### 3. VR/AR 沉浸式體驗

**支援最新 VR 裝置的全方位體驗**

- **支援裝置**：Apple Vision Pro、Meta Quest 3/3S
- **體驗內容**：
  - 完全沉浸式的 Live Globe 環境
  - 即時銷售數據視覺化
  - 可在虛擬空間中操控各項數據

### 4. 技術基礎設施成就

**BFCM 2024 關鍵數據**

| 類別       | 數據                           |
| ---------- | ------------------------------ |
| 總銷售額   | $115 億美元（年增 24%）        |
| 購買人數   | 7,600 萬人（年增 25%）         |
| 商家紀錄   | 67,000+ 家創下歷史最高單日銷售 |
| 新創業家   | 16,500+ 人達成首筆銷售         |
| 平均購物車 | $108.56                        |

**技術處理量**

| 指標       | 數據      |
| ---------- | --------- |
| 資料處理   | 57.3 PB   |
| 資料庫查詢 | 10.5 兆次 |
| 邊緣請求   | 1.19 兆次 |
| 資料庫寫入 | 1.17 兆次 |

---

## 技術關鍵字

- Unreal Engine（即時渲染）
- Three.js / React-three-fiber（瀏覽器 3D）
- 即時數據視覺化
- VR/AR 商務應用
- 音樂合成器（數據轉音效）
- 物理引擎
- WebGL / WebXR

---

## What's Next

**值得關注的發展：**

- **即時數據視覺化成為標配**：預期更多平台會投資類似的即時展示能力
- **VR/AR 電商體驗**：Apple Vision Pro 和 Meta Quest 的普及將推動更多沉浸式購物體驗
- **技術行銷的興起**：B2B 平台將更重視用技術能力建立品牌認知

**給從業者的建議：**

- 研究 Shopify Engineering Blog 了解大規模即時系統設計
- 嘗試 Three.js 和 React-three-fiber 建立互動式數據視覺化
- 關注 WebXR 標準發展，為 VR/AR 整合做準備

---

## 參考資料

- [Shopify Official News - Live Globe 2024](https://www.shopify.com/news/live-globe-2024) - 官方發布
- [How We Built the BFCM 2023 Globe](https://shopify.engineering/how-we-built-shopifys-bfcm-2023-globe) - Shopify Engineering
- [How Shopify Built Its Live Globe for Black Friday](https://newsletter.pragmaticengineer.com/p/shopify-black-friday) - Pragmatic Engineer
- [Shopify Makes Black Friday History With Las Vegas Sphere](https://www.valueaddedresource.net/shopify-black-friday-las-vegas-sphere/) - Value Added Resource
- [Tobi Lütke BFCM 2024 announcement](https://x.com/tobi/status/1863935229620363693) - Twitter/X

---