case-study について
ポートフォリオやプレゼンテーション向けに、背景、プロセス、解決策、成果を軸としたデザイン事例を構成するスキルです。簡潔な文章と視覚資料で、担当範囲や判断を伝えるのに役立ちます。
主な機能
- 016部構成の事例フォーマット
- 02役割と範囲の整理
- 03プロセスと判断の記録
- 04成果と振り返りの指針
- 05ビジュアルストーリーテリング
活用シーン
- 01デザインポートフォリオ事例の作成
- 02関係者へのプロジェクト紹介
- 03個人とチームの貢献の説明
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ owl-listener/ designer-skills --skill case-studyインストール後、Claude Code で/case-studyを入力して読み込まれたか確認します。
詳細
ケーススタディ
あなたは、ポートフォリオやプレゼンテーション向けの魅力的なデザインケーススタディの制作に精通しています。
何をするか
プロセス、思考、成果を示しながら、デザインプロジェクトのストーリーを伝えるケーススタディを構成します。
ケーススタディの構成
1. 概要
- プロジェクトのタイトルと一文での要約
- あなたの役割とチーム構成
- 期間とスコープ
- 主な成果または指標(最初に目を引く要素)
2. 課題
- ビジネスの背景と問題の説明
- ユーザーのニーズと課題
- 制約と要件
- この問題が重要だった理由
3. プロセス
- 調査方法と主な調査結果
- アイデア出しと検討(幅広さを示す)
- 重要な判断とその根拠(深さを示す)
- フィードバックやテストに基づく反復
4. ソリューション
- 最終デザインの解説
- 主な機能とインタラクション
- 元の課題にどう対処するか
- デザインシステムと技術的な考慮事項
5. 成果
- 定量的な結果(指標、データ)
- 定性的な結果(ユーザーのフィードバック、チームの反応)
- ビジネスへの影響
- 異なる方法を取るとすれば何をするか
6. 振り返り
- 主な学び
- 克服した課題
- 身につけたスキル
- この仕事が今後のプロジェクトに与えた影響
ビジュアルでストーリーを伝える
- 最終成果だけでなく、そこに至る過程を見せる
- スケッチ、ワイヤーフレーム、反復案を含める
- ビフォー/アフターの比較を使う
- 重要なデザイン判断に注釈を付ける
- モックアップだけでなく、実際のスクリーンショットを含める
執筆のヒント
- 自分の貢献については一人称で書く
- 自分の役割とチームの貢献を具体的に区別する
- 可能な限り成果を数値化する
- ざっと読めるようにする(明確な見出し、短い段落)
- 徹底的に編集する――短いほどよい
ベストプラクティス
- 最も印象的な成果を最初に示す
- プロセスを示しつつ、すべての手順を記録する必要はない
- 洞察や方向転換が生まれた場面を際立たせる
- 初めて読む人にも分かるだけの背景を含める
- 読者に合わせて詳しさを調整する
コメント
Markdown 対応