ポートフォリオ作成コラム 課題解決・実務力
完成までのプロセスが分かること
完成した作品の画像だけでは、伝わらないことがあります。採用担当者は、課題をどう捉え、どんな検討を経て完成にたどり着いたのかも知りたいと考えています。調査（課題やターゲットなど、制作の前提となる情報の整理）のメモ、ワイヤーフレーム、ラフ案。そうした途中の成果物を少し添えるだけで、あなたの仕事の進め方が伝わります。
重要度（10段階）
8/ 10
31の観点の中でも上位に入る、重めの観点です。できていないと評価が下がる「減点」の観点です。
なぜ重要なのか
1. 完成品だけでは分からない工夫を伝えられる
完成品からは、表現や仕上がりの質を確認できます。一方、依頼内容をどう整理したか、制作上の制約にどう対応したか、修正をどう進めたかは、完成品だけでは分からないことがあります。応募先が求める能力に合わせて、こうした過程（調査のメモ、ワイヤーフレーム、ラフ案）を補足すると、自分の強みをより具体的に伝えられます。
2. 条件に応じた考え方と対応を伝えられる
制作の進め方は、案件の目的、納期、予算、担当範囲によって変わります。工程を並べるだけでなく、なぜその方法を選んだのか、どのような制約や変更に対応したのかを説明しましょう。
比較した案や修正の前後を示す場合も、違いと理由を添えると、仕事の進め方を理解してもらいやすくなります。
3. チームでの貢献が伝わる
チームで作った案件でも、自分が担当した工程のプロセスを見せれば、どこでどう貢献したのかが具体的に伝わります。担当範囲や判断した点と合わせて書くと、さらに説得力が増します。
制作の手順・制作プロセスが分かる。最終的な納品物に至るまでのプロセスが分かるアウトプットの掲載がある。
キャリアアドバイザーの確認観点（AIポートフォリオチェック「制作のプロセスや完成までの流れが分かる」）
NG例とOK例を比べる
NG例完成したビジュアルだけが載っている
もっと軽やかに。 初回お試しセット
Webデザイン／Figma
- 完成した画面だけで、どんな手順で作ったのかが分からない。
- 調査やラフがなく、課題をどう捉えたのかが伝わらない。
- チーム案件の場合、どの工程を担当したのかも判断できない。
OK例調査から完成までの成果物が並んでいる
- 1. 調査
お客さまの声を整理 - 2. ワイヤーフレーム
情報の順番を決める - 3. ラフ 3案
色と写真の方向性 - 4. 完成
B案をもとに仕上げ
決めたこと 3案のうち、商品の写真を大きく使うB案を採用。「味が想像できる」という声が最も多かったため。
- 調査 → ワイヤーフレーム → ラフ → 完成の順に成果物が並び、仕事の手順が分かる。
- それぞれの段階に一言の説明があり、何のための作業かが伝わる。
- ラフの3案からどれを選び、なぜ選んだかまで書かれている。
ここが違う
- 載せているものNG例完成した画面だけOK例調査 → ワイヤーフレーム → ラフ → 完成
- 各段階の説明NG例ないOK例何のための作業かを一言で
- 判断NG例課題をどう捉えたか伝わらないOK例ラフ3案から選んだ理由まで
プロセスをすべて載せる必要はありません。代表作1〜2点だけでも、完成品の次にプロセスのページを1枚加えると効果的です。社外に出せない資料は、形だけを描き直したり、ぼかしたりして載せる方法もあります。
プロセスとして載せられるもの
| 調査・分析 | お客さまの声の整理、競合の比較、アクセス解析付箋やメモの写真でもよい |
|---|---|
| 設計 | ワイヤーフレーム、画面遷移図、サイトマップ情報の順番をどう決めたか |
| デザイン案 | ラフ 3案、カラーの比較選んだ案と選ばなかった理由を一言 |
| 検証 | ユーザーテスト、A/Bテストの結果テストで分かったことと、直したこと |
| 完成 | 納品した制作物プロセスの最後に置き、流れを締めくくる |
まとめ
プロセスは、完成品だけでは伝わらない「あなたの仕事の進め方」を見せる場所です。手元に残っているメモやラフを見直して、代表作に1ページ加えてみましょう。
- 完成品だけでなく、途中の成果物が載っているか
- それぞれの段階が何のための作業か分かるか
- 選んだ案と、その理由が書かれているか
書き足したら、AIポートフォリオチェックで制作のプロセスが伝わっているか確かめてみてください。