作品集案例研究撰寫工具

作品集案例研究撰寫工具 是做什麼的？

使用時機

當使用者發生以下情況時，請使用此技能：

• 想要建立作品集案例研究
• 需要將履歷條目擴充為詳細的敘述
• 正在建立作品集網站
• 希望深入展示專案工作
• 提及：「案例研究」、「作品集」、「專案撰寫」、「工作樣本」、「作品集作品」

核心能力

• 將履歷條目轉換為詳細的案例研究
• 為達到最大影響力而結構化案例研究
• 建立引人入勝的專案敘事
• 平衡技術細節與商業背景
• 格式化為作品集網站使用
• 針對目標讀者調整深度

案例研究的意義

為什麼案例研究很重要：

• 履歷顯示你「做了什麼」；案例研究則展示「如何做」與「為什麼做」
• 展現思考過程，而不只是成果
• 允許更深入地展示技能
• 讓你從其他候選人中脫穎而出
• 對許多 PM、UX 與創意職位是必備條件

案例研究的結構

標準結構

1. 概述（專案摘要）
2. 問題（需要解決什麼）
3. 過程（你如何處理）
4. 解決方案（你建立/交付了什麼）
5. 成果（產生的影響）
6. 學習（你會如何不同地處理）

閱讀時間

• 快速閱讀： 3-5 分鐘（作品集必備）
• 深入閱讀： 10-15 分鐘（對有興趣的讀者）

各區塊詳細指南

1. 概述區塊

目的： 吸引讀者，提供背景

包含：

• 專案名稱與公司
• 你的角色
• 時間軸
• 團隊規模
• 一句話影響摘要

範例：

# 重新設計結帳流程

**公司：** E-Commerce Inc.
**角色：** 首席產品設計師
**時間軸：** 6 週
**團隊：** 2 位設計師、3 位工程師、1 位產品經理

**摘要：** 透過簡化的 3 步驟結帳流程，將購物車放棄率降低 35%，帶來 200 萬美元的營收恢復。

2. 問題區塊

目的： 鋪陳這項工作為何重要

包含：

• 商業背景
• 使用者痛點
• 關鍵指標或目標
• 限制條件

範例：

## 問題

E-Commerce Inc. 的購物車放棄率高達 68%——遠高於業界平均的 55%。離開調查與使用者研究揭示了幾個問題：

- **步驟太多：** 我們的結帳流程有 7 個畫面
- **強制建立帳號：** 使用者必須先註冊才能購買
- **隱藏成本：** 運費直到第 5 步才顯示
- **行動端摩擦：** 表單未針對行動裝置最佳化

**目標：** 在 3 個月內將購物車放棄率降至 50% 以下。

**限制條件：**
- 不得更改現有付款整合
- 必須維持 PCI 合規性
- 在假期旺季前有 6 週的時間表

3. 過程區塊

目的： 展示你的思考與方法論

包含：

• 進行的研究
• 參與的利害關係人
• 形成的假設
• 考慮過的選項
• 做出的決定（以及原因）

範例：

## 過程

### 研究

我從深入了解問題開始：
- 分析 Mixpanel 漏斗資料以找出中斷點
- 與 10 位近期放棄的使用者進行訪談
- 檢閱熱度圖與會話錄影
- 針對 5 個競爭對手的結帳流程進行標竿分析

**關鍵洞察：** 73% 的中斷發生在帳號建立畫面。使用者想購買，而不是想建立關係。

### 構思

我探索了幾種方法：
1. 僅限訪客結帳（最簡單）
2. 社群登入選項（降低摩擦）
3. 漸進式資料收集（隨時間收集資訊）
4. 單頁結帳（Amazon 風格）

權衡可行性、時間表與影響後，我們選擇了一種混合方法……

### 做出的決定
- **訪客結帳優先：** 將註冊設為選用，並在購買後進行
- **透明定價：** 在第一個畫面顯示運費
- **行動優先設計：** 為行動裝置設計，再調整為桌上型電腦適用
- **進度指示器：** 新增清晰的「步驟 1 / 3」指示器

4. 解決方案區塊

目的： 展示你實際建立的內容

包含：

• 視覺產出（模型、螢幕截圖、圖表）
• 關鍵功能/變更
• 技術實作（如相關）
• 如何解決問題

範例：

## 解決方案

### 新的結帳流程

**之前：** 7 個畫面，需強制註冊
**之後：** 3 個畫面，可選用訪客結帳

[圖片：前後比較]

### 關鍵變更

**1. 透明定價小工具**
[圖片：定價小工具模型]
從一開始就顯示訂單總額、運費與稅金。無驚喜。

**2. 訪客結帳選項**
[圖片：訪客結帳畫面]
將帳號建立設為選用，並提供明確的註冊價值主張。

**3. 智慧表單設計**
[圖片：表單設計]
- 行動裝置上的單欄版面
- 電話/信用卡號碼自動格式化
- 地址自動完成整合
- 清晰的錯誤訊息

**4. 信任信號**
在整個流程中加入安全徽章、滿意保證與客服聯絡資訊。

5. 成果區塊

目的： 用資料證明影響力

包含：

• 量化結果（附時間範圍）
• 與目標比較
• 受影響的次要指標
• 商業影響

範例：

## 成果

### 主要指標（上線後 90 天）

| 指標 | 之前 | 之後 | 變化 |
|--------|--------|-------|--------|
| 購物車放棄率 | 68% | 44% | -35% |
| 結帳完成率 | 32% | 56% | +75% |
| 行動轉換率 | 18% | 41% | +128% |
| 每位訪客營收 | $2.40 | $3.85 | +60% |

### 商業影響
- **第一季增加 200 萬美元營收**
- **行動訂單增加 15%**
- **關於結帳的客服工單**減少了 45%

### 次要影響
- 帳號建立反而增加了 20%（購買後）
- 平均訂單價值保持穩定
- 回購客戶率有所改善

6. 學習區塊

目的： 展示成長心態與自我覺察

包含：

• 什麼做得好
• 你會如何不同地處理
• 意外的挑戰
• 發展的技能

範例：

## 學習

### 什麼做得好
- **早期使用者研究**避免了我們建立錯誤的解決方案
- **跨功能對齊會議**讓所有人保持同步
- **搭配分析工具上線**讓我們能立即衡量影響

### 我會如何不同地處理
- **更多 A/B 測試：** 我們是一次性全面重新設計上線。如果能分別測試每個變更來了解驅動結果的因素會更好。
- **更早聚焦行動端：** 我們先設計桌上型，再改為行動端。如果從行動端優先設計會更有效率。
- **利害關係人教育：** 花太多時間說服領導層。下次會更早開始利害關係人對齊。

### 發展的技能
- 進階 Figma 原型設計
- 使用 A/B 測試框架
- 向高階主管進行資料驅動的設計決策簡報

按角色區分的案例研究類型

產品經理案例研究

聚焦於：

• 策略與優先順序
• 利害關係人管理
• 指標與成果
• 技術權衡

UX/產品設計師案例研究

聚焦於：

• 使用者研究
• 設計流程
• 視覺產出
• 可用性改善

軟體工程師案例研究

聚焦於：

• 技術架構
• 問題解決方法
• 系統設計
• 程式碼品質/效能

行銷案例研究

聚焦於：

• 策略與目標設定
• 創意執行
• 管道績效
• ROI 與歸因

視覺元素

必備視覺元素

• 前後比較
• 關鍵畫面或交付成果
• 過程圖表
• 結果圖表

加分視覺元素

• 使用者旅程地圖
• 線框圖演進
• 研究產出
• 團隊照片

視覺提示

• 使用統一的圖片尺寸
• 為每張圖片加入說明文字
• 如有需要，模糊處理敏感資料
• 確保圖片尺寸對行動裝置友善

輸出格式

建立案例研究時：

# 案例研究：[專案名稱]

## 基本資訊
- **角色：** [你的角色]
- **公司：** [公司]
- **時間軸：** [期間]
- **團隊：** [團隊組成]
- **影響：** [一行結果]

---

## 概述
[2-3 句專案摘要]

## 問題
[背景與挑戰 - 需要解決什麼]

## 過程
### 研究
[你學到了什麼]

### 方法
[你如何處理]

### 關鍵決定
[重要選擇與理由]

## 解決方案
[你建立/創造的內容 - 請包含視覺描述]

### 功能 1
[描述]

### 功能 2
[描述]

## 成果
[量化影響]

| 指標 | 之前 | 之後 | 變化 |
|--------|--------|-------|--------|

## 學習
[反思與成長]

---

## 視覺資產清單
[所需的圖片/螢幕截圖清單]

案例研究品質檢查清單

• ✅ 清晰的問題陳述
• ✅ 展現使用者/客戶焦點
• ✅ 清楚說明過程
• ✅ 你的具體貢獻明確
• ✅ 量化結果
• ✅ 包含視覺產出
• ✅ 誠實面對挑戰/學習
• ✅ 適當長度（3-10 分鐘閱讀）
• ✅ 校對與打磨
• ✅ 可在面試中詳細討論