aicodedecode/awesome-muse-skills

概要

デザイナー、開発者、ライター、そしてほとんどのクリエイティブ/テクニカル職において、ポートフォリオは面接前の面接です。採用担当者は2〜5分をそれに費やします。つまり、質の高い厳選が量に勝り、作品そのものよりも作品にまつわるストーリーの方が重要です。このスキルでは、プロジェクトの選定、ケーススタディの作成、訪問者を会話につなげるポートフォリオサイトの構築方法をカバーします。

使用するタイミング

• 初めてのポートフォリオを作成する、または古いポートフォリオを刷新する場合
• どのプロジェクトを含め、どれをカットするかを選択する場合
• 結果だけでなくプロセスを示すケーススタディを作成する場合
• 就職活動やフリーランスのクライアント獲得に向けてポートフォリオを準備する場合
• 現在のポートフォリオが成果に結びついていないと感じて見直す場合

コアコンセプト

• 厳選こそがスキルである。 優れたプロジェクト4〜6個は、平凡なプロジェクト15個に勝ります。すべてのプロジェクトは、「これは自分がもっとやりたい仕事を代表しているか？」という問いに答えるべきです。該当しないものは容赦なくカットします。
• ケーススタディの構成。 コンテキスト（問題は何か？）、役割（実際に何をしたか？）、プロセス（重要な決定とその理由）、成果（測定可能な結果または定性的な結果）、考察（違う方法で行うならどうするか）。プロセスセクションで経験値の差が顕著に表れます。
• 考え方を見せる、ピクセルだけではない。 最終成果物のスクリーンショットは最低条件です。スケッチ、ワイヤーフレーム、却下された方向性、トレードオフの議論——これらこそが、レビュアーの目にジュニアとシニアを分けるものです。
• 10秒ホームページテスト。 初見の人が10秒以内に理解できるようにすべきこと：あなたが誰か、何をするか、そして印象的な作品を1つ見せること。氏名、専門分野、厳選した3〜4のプロジェクトをスクロールせずに見える位置に配置します。
• 読み飛ばす人のために書く。 短い段落、明確な見出し、キャプション付きの画像。レビュアーは斜め読みします。どのセクションも、見出しと最初の行で要点が明確になるようにします。
• ストレスフリーな連絡手段。 メール、LinkedIn、履歴書にすべてのページから1クリックでアクセスできるようにします。「感銘を受けた」から「連絡した」までの間に余分なステップがあると、機会を逃します。

実践的なワークフロー

1. ターゲットを定義する。 このポートフォリオはどのような役割/クライアントを対象としますか？彼らが重視する3〜5のケイパビリティをリストアップします。すべてのプロジェクトの選択は、このリストに対応します。
2. 4〜6のプロジェクトを選択する。 優先順位：最近の仕事、ターゲットに合った仕事、測定可能な成果がある仕事。該当する場合は、幅広さを示すプロジェクトを1つ含めます。ただし、焦点をぼやけさせる代償にしてはいけません。
3. ケーススタディを作成する。 各プロジェクトについて：上記の構成に従い300〜600語。成果から始め、次にストーリーを述べます。実際の数値を使用します。NDAの対象である場合は、影響を定性的に説明するか（「トップ3の収益ドライバー」）、匿名化された指標の許可を得ます。
4. ビジュアルを集める。 まず最終成果物、次にプロセスのアーティファクト。画像のサイズと品質は統一します。1枚のぼやけたスクリーンショットがページ全体の質を損ねます。機密データは適切に編集またはモックに置き換えます。
5. サイトを構築する。 高速かつシンプルに保ちます。クリーンなテンプレートは、巧妙だが壊れやすいカスタムビルドに勝ります。モバイル対応は必須です（ビューの40％以上）。読み込み時間とすべてのリンクをテストします。
6. サポートページを追加する。 自己紹介（人間味があり、具体的で、写真付き）、連絡先、ダウンロード可能な履歴書/PDF版。開発者の場合：ピン留めされ、ドキュメント化されたリポジトリがあるGitHubへのリンクを追加します。
7. 外部の意見を聞く。 ターゲットとする役割の2〜3人に3分間ポートフォリオを見てもらい、覚えていることを聞きます。彼らがあなたの最高のプロジェクトを挙げられない場合、階層構造が間違っています。

よくある落とし穴

• 博物館ポートフォリオ。 2016年以降の作品を一切厳選せずにすべて掲載。レビュアーは最も弱い作品で判断します。容赦なくカットしましょう。
• チームプロジェクトでの役割不明。 「アプリを再デザインしました」——あなたは何をしたのですか？所有権が不明確だと、レビュアーはあなたが最も印象的でない部分を担当したと推測します。自分の役割を明確に述べましょう。
• NDAによる麻痺。 「何も見せられない」というのは、実際にはほとんどありえません。匿名化する、簡略版を再作成する、または1つの強力な個人プロジェクトを作成してギャップを埋めましょう。
• ビジュアルのみ、言葉なし。 美しい画像に説明がないと、レビュアーはストーリーを推測せざるを得ません。彼らは間違って推測するか、次に進みます。
• 壊れている、遅い、デスクトップ専用。 スマートフォンで読み込めないポートフォリオは、最も基本的な技術力のテストに失敗します。実際のデバイスでテストしましょう。
• 更新されない。 2022年で凍結されたポートフォリオは停滞を示します。四半期ごとに新しい作品を追加し、現在のスキルレベルより古いものは引退させましょう。