ポートフォリオケーススタディライター

ポートフォリオケーススタディライター は何をしますか？

このスキルを使用するタイミング

以下のような場合にこのスキルを使用します：

• ポートフォリオのケーススタディを作成したい
• 履歴書の箇条書きを詳細な書き起こしに拡張する必要がある
• ポートフォリオウェブサイトを構築している
• プロジェクトの作業内容を深く紹介したい
• 「ケーススタディ」「ポートフォリオ」「プロジェクトの書き起こし」「作品サンプル」「ポートフォリオ作品」などのキーワードをユーザーが言及した場合

中核機能

• 履歴書の箇条書きを詳細なケーススタディに変換
• 最大限のインパクトを与えるケーススタディの構造化
• 魅力的なプロジェクトナラティブの作成
• 技術的詳細とビジネスコンテキストのバランス
• ポートフォリオウェブサイト向けのフォーマット
• 対象読者に合わせた詳細度の調整

ケーススタディの目的

ケーススタディが重要な理由：

• 履歴書は「何をしたか」を示すのに対し、ケーススタディは「どのように、なぜ」を示す
• 結果だけでなく、思考プロセスを明示する
• スキルをより深く紹介できる
• 他の応募者との差別化につながる
• PM、UX、クリエイティブ職の多くで必須

ケーススタディの構成

標準構成

1. 概要（プロジェクトサマリー）
2. 問題（解決すべき課題）
3. プロセス（アプローチ方法）
4. ソリューション（作成・提供したもの）
5. 結果（インパクト）
6. 学び（次回に活かすこと）

読了時間

• クイックリード： 3〜5分（ポートフォリオに必須）
• ディープダイブ： 10〜15分（興味を持った読者向け）

セクション別ガイド

1. 概要セクション

目的： 読者の関心を引き、コンテキストを提供する

含める内容：

• プロジェクト名と会社名
• あなたの役割
• タイムライン
• チーム規模
• インパクトの一文サマリー

例：

# チェックアウトフローのリデザイン

**会社：** E-Commerce Inc.
**役割：** リードプロダクトデザイナー
**期間：** 6週間
**チーム：** デザイナー2名、エンジニア3名、PM1名

**サマリー：** 3ステップのチェックアウトプロセスを合理化することで、カート放棄率を35%削減し、$2Mの回復した収益を生み出しました。

2. 問題セクション

目的： この作業がなぜ重要だったかを説明する

含める内容：

• ビジネスコンテキスト
• ユーザーのペインポイント
• 主要指標または目標
• 制約条件

例：

## 問題

E-Commerce Inc.では、カート放棄率が68%でした。これは業界平均の55%を大幅に上回っています。退出調査とユーザーリサーチにより、いくつかの問題が明らかになりました：

- **ステップが多すぎる：** チェックアウトに7画面ありました
- **強制アカウント作成：** 購入前にユーザーは登録する必要がありました
- **隠れたコスト：** 配送料はステップ5まで表示されませんでした
- **モバイルの摩擦：** フォームがモバイルに最適化されていませんでした

**目標：** 3ヶ月以内にカート放棄率を50%未満に削減する。

**制約条件：**
- 既存の決済統合を変更しない
- PCIコンプライアンスを維持する必要がある
- ホリデーシーズン前の6週間の期間

3. プロセスセクション

目的： 思考と方法論を示す

含める内容：

• 実施した調査
• 関与したステークホルダー
• 立てた仮説
• 検討した選択肢
• 下した決定（とその理由）

例：

## プロセス

### リサーチ
問題を深く理解することから始めました：
- 離脱ポイントに関するMixpanelファネルデータを分析
- 最近放棄したユーザー10名にユーザーインタビューを実施
- ヒートマップとセッション録画を確認
- 競合他社5社のチェックアウトフローをベンチマーク

**重要な洞察：** 離脱の73%がアカウント作成画面で発生していました。ユーザーは関係を築くのではなく、購入したかったのです。

### アイデア出し
いくつかのアプローチを検討しました：
1. ゲストチェックアウトのみ（最もシンプル）
2. ソーシャルログインオプション（摩擦低減）
3. 段階的プロファイリング（時間をかけて情報を収集）
4. 1ページチェックアウト（Amazonスタイル）

実現可能性、期間、影響を比較検討した結果、ハイブリッドアプローチを選択しました...

### 下した決定
- **ゲストチェックアウトを最優先：** 登録をオプションとし、購入後に実施
- **透明性のある価格表示：** 最初の画面で配送料を表示
- **モバイルファーストデザイン：** モバイル向けに設計し、デスクトップに適用
- **進捗インジケーター：** 「Step 1 of 3」インジケーターを追加

4. ソリューションセクション

目的： 実際に作成したものを示す

含める内容：

• ビジュアル成果物（モックアップ、スクリーンショット、図）
• 主要機能/変更点
• 技術的実装（該当する場合）
• 問題への対処方法

例：

## ソリューション

### 新しいチェックアウトフロー

**変更前：** 必須登録ありの7画面
**変更後：** オプションのゲストチェックアウトありの3画面

[画像：変更前/変更後の比較]

### 主要な変更点

**1. 透明性のある価格ウィジェット**
[画像：価格ウィジェットのモックアップ]
最初から注文合計、配送料、税金を表示。驚きはありません。

**2. ゲストチェックアウトオプション**
[画像：ゲストチェックアウト画面]
アカウント作成をオプションにし、登録する価値提案を明確に表示。

**3. スマートフォームデザイン**
[画像：フォームデザイン]
- モバイルではシングルカラムレイアウト
- 電話番号・カード番号の自動フォーマット
- 住所の自動補完連携
- 明確なエラーメッセージ

**4. 信頼シグナル**
フロー全体にセキュリティバッジ、返金保証、カスタマーサービス連絡先を追加。

5. 結果セクション

目的： データでインパクトを証明する

含める内容：

• 定量的結果（期間付き）
• 目標との比較
• 影響を受けた二次指標
• ビジネスインパクト

例：

## 結果

### 主要指標（ローンチ後90日間）

| 指標 | 変更前 | 変更後 | 変化 |
|------|--------|--------|------|
| カート放棄率 | 68% | 44% | -35% |
| チェックアウト完了率 | 32% | 56% | +75% |
| モバイルコンバージョン率 | 18% | 41% | +128% |
| 訪問者あたりの収益 | $2.40 | $3.85 | +60% |

### ビジネスインパクト
- **第1四半期に$2Mの追加収益**
- **モバイル注文が15%増加**
- **チェックアウトに関するカスタマーサポートチケットが45%減少**

### 二次的影響
- アカウント作成数は実際には20%増加（購入後）
- 平均注文額は安定
- リピート顧客率が向上

6. 学びセクション

目的： 成長マインドセットと自己認識を示す

含める内容：

• うまくいったこと
• 次回に変更すること
• 予想外の課題
• 開発したスキル

例：

## 学び

### うまくいったこと
- **早期のユーザーリサーチ**により、間違ったソリューションを構築することを防げた
- **クロスファンクショナルなアライメント**ミーティングで全員の認識を統一できた
- **分析機能を備えてローンチ**したことで、影響を即座に測定できた

### 次回に変更すること
- **より多くのA/Bテスト：** 今回は全面的なリデザインを一度にリリースした。個々の変更をテストして、何が成果を牽引したかを理解すべきだった。
- **より早いモバイル重視：** デスクトップファーストで設計してからモバイルに適用した。モバイルファーストで開始すれば、より効率的だっただろう。
- **ステークホルダー教育：** リーダーシップを説得するのに時間がかかりすぎた。次回はもっと早くステークホルダーのアライメントを開始する。

### 開発したスキル
- 高度なFigmaプロトタイピング
- A/Bテストフレームワークでの作業
- データドリブンなデザイン意思決定の経営陣へのプレゼンテーション

役割別ケーススタディタイプ

プロダクトマネージャー向けケーススタディ

焦点：

• 戦略と優先順位付け
• ステークホルダー管理
• 指標と成果
• 技術的なトレードオフ

UX/プロダクトデザイナー向けケーススタディ

焦点：

• ユーザーリサーチ
• デザインプロセス
• ビジュアル成果物
• ユーザビリティ改善

ソフトウェアエンジニア向けケーススタディ

焦点：

• 技術アーキテクチャ
• 問題解決アプローチ
• システム設計
• コード品質/パフォーマンス

マーケティング担当者向けケーススタディ

焦点：

• 戦略とターゲティング
• クリエイティブな実行
• チャネルパフォーマンス
• ROIとアトリビューション

ビジュアル要素

必須のビジュアル

• 変更前/変更後の比較
• 主要な画面または成果物
• プロセス図
• 結果のチャート

あると良いビジュアル

• ユーザージャーニーマップ
• ワイヤーフレームの変遷
• リサーチ成果物
• チーム写真

ビジュアルのヒント

• 一貫した画像サイズを使用する
• 各画像に説明キャプションを追加する
• 必要に応じて機密データをぼかす
• モバイルフレンドリーな画像サイズを確保する

出力フォーマット

ケーススタディ作成時のテンプレート：

# ケーススタディ：[プロジェクト名]

## クイックファクト
- **役割：** [あなたの役割]
- **会社：** [会社名]
- **期間：** [期間]
- **チーム：** [チーム構成]
- **インパクト：** [一行の結果]

---

## 概要
[プロジェクトの2〜3文のサマリー]

## 問題
[コンテキストと課題 - 解決すべきだったもの]

## プロセス
### リサーチ
[学んだこと]

### アプローチ
[取り組み方]

### 主要な決定
[重要な選択とその根拠]

## ソリューション
[構築・作成したもの - ビジュアルの説明を含む]

### 機能1
[説明]

### 機能2
[説明]

## 結果
[定量化されたインパクト]

| 指標 | 変更前 | 変更後 | 変化 |
|------|--------|--------|------|

## 学び
[振り返りと成長]

---

## 必要なビジュアルアセット一覧
[必要な画像/スクリーンショットのリスト]

ケーススタディ品質チェックリスト

• ✅ 明確な問題提起
• ✅ ユーザー/顧客重視の証拠
• ✅ プロセスが明確に説明されている
• ✅ あなたの具体的な貢献が明確
• ✅ 定量化された結果
• ✅ ビジュアル成果物が含まれている
• ✅ 課題/学びについて正直
• ✅ 適切な長さ（読了3〜10分）
• ✅ 校正され、洗練されている
• ✅ 面接で詳細に説明できる