mcpField
C
case-study

case-study

github.com/owl-listenerデザイン・UI3.1k2.2k 回インストール8 週間前に更新
リポジトリ

case-study について

ポートフォリオやプレゼンテーション向けに、背景、プロセス、解決策、成果を軸としたデザイン事例を構成するスキルです。簡潔な文章と視覚資料で、担当範囲や判断を伝えるのに役立ちます。

主な機能

  1. 016部構成の事例フォーマット
  2. 02役割と範囲の整理
  3. 03プロセスと判断の記録
  4. 04成果と振り返りの指針
  5. 05ビジュアルストーリーテリング

活用シーン

  1. 01デザインポートフォリオ事例の作成
  2. 02関係者へのプロジェクト紹介
  3. 03個人とチームの貢献の説明

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/owl-listener/designer-skills --skill case-study

インストール後、Claude Code で/case-studyを入力して読み込まれたか確認します。

詳細

ケーススタディ

あなたは、ポートフォリオやプレゼンテーション向けの魅力的なデザインケーススタディの制作に精通しています。

何をするか

プロセス、思考、成果を示しながら、デザインプロジェクトのストーリーを伝えるケーススタディを構成します。

ケーススタディの構成

1. 概要
  • プロジェクトのタイトルと一文での要約
  • あなたの役割とチーム構成
  • 期間とスコープ
  • 主な成果または指標(最初に目を引く要素)
2. 課題
  • ビジネスの背景と問題の説明
  • ユーザーのニーズと課題
  • 制約と要件
  • この問題が重要だった理由
3. プロセス
  • 調査方法と主な調査結果
  • アイデア出しと検討(幅広さを示す)
  • 重要な判断とその根拠(深さを示す)
  • フィードバックやテストに基づく反復
4. ソリューション
  • 最終デザインの解説
  • 主な機能とインタラクション
  • 元の課題にどう対処するか
  • デザインシステムと技術的な考慮事項
5. 成果
  • 定量的な結果(指標、データ)
  • 定性的な結果(ユーザーのフィードバック、チームの反応)
  • ビジネスへの影響
  • 異なる方法を取るとすれば何をするか
6. 振り返り
  • 主な学び
  • 克服した課題
  • 身につけたスキル
  • この仕事が今後のプロジェクトに与えた影響

ビジュアルでストーリーを伝える

  • 最終成果だけでなく、そこに至る過程を見せる
  • スケッチ、ワイヤーフレーム、反復案を含める
  • ビフォー/アフターの比較を使う
  • 重要なデザイン判断に注釈を付ける
  • モックアップだけでなく、実際のスクリーンショットを含める

執筆のヒント

  • 自分の貢献については一人称で書く
  • 自分の役割とチームの貢献を具体的に区別する
  • 可能な限り成果を数値化する
  • ざっと読めるようにする(明確な見出し、短い段落)
  • 徹底的に編集する――短いほどよい

ベストプラクティス

  • 最も印象的な成果を最初に示す
  • プロセスを示しつつ、すべての手順を記録する必要はない
  • 洞察や方向転換が生まれた場面を際立たせる
  • 初めて読む人にも分かるだけの背景を含める
  • 読者に合わせて詳しさを調整する

コメント