Webデザインのポートフォリオの作り方｜案件獲得のために何を載せるかを発注側の視点で解説

「Webデザインのポートフォリオを作ったのに、クラウドソーシングで一向に案件が取れない」「そもそも何を載せればいいのか分からない」。学習中の人や駆け出しのデザイナーから、繰り返し受けてきた相談です。

先に結論をお伝えします。案件獲得につながるポートフォリオは「作品を並べたもの」ではありません。発注・採用の現場で見られているのは作品の点数ではなく、「この人に頼んで大丈夫そうか」という一点。ここを外すと、作品をいくら並べても依頼には届きません。

この記事は、転職用の自己アピールではなく、案件を受注するためのポートフォリオに絞って整理します。手順を並べただけの解説は多いのですが、ここで扱うのは「発注する側・選ぶ側が実際に何を見て依頼を決めているか」という、外からは見えにくい部分です。

この記事でわかること

案件獲得のためのポートフォリオは何のために見られるのか

結論から言えば、発注側がポートフォリオで確認したいのは「依頼したい仕事を、安心して任せられる相手か」の一点です。

制作会社で外注のデザイナーを探す立場になると、何十人分ものポートフォリオに目を通します。そのとき見られているのは、作品の数ではありません。「うちが頼みたいジャンルに近い制作物が1つでもあるか」「その制作物が最後まで丁寧に仕上がっているか」「なぜその表現にしたのかを説明できそうか」。見られているのは点数ではなく、判断材料としての精度です。

つまりポートフォリオは作品集ではなく、発注の判断材料として機能しています。転職用が自分の成長やスキルの幅を見せる場であるのに対し、案件獲得用は「この依頼ならこの人」と発注側に思わせる場。この目的の違いを取り違えると、幅広く作品を並べたのに依頼につながらない、という状態に陥りやすくなります。

目的で載せるものが変わる

案件獲得用

見られていること

依頼したい仕事を、安心して任せられる相手か

効くもの

狙うジャンルに近い制作物が1つでもあるか

性格

作品集ではなく、発注の判断材料

転職用

見られていること

自分の成長やスキルの幅

性格

幅を見せる場

図：目的が違えば載せるものも変わる

期待値の話もしておきます。ポートフォリオを整えれば案件が取れる、と言い切れるわけではありません。独立直後は、ポートフォリオがあっても単価の低い案件しか取れない時期が誰にでもあります。その多くは「作品を並べただけ」で、発注側が知りたい情報が抜けているのが原因。そこを直すと、提案が通る確率は明らかに変わります。

案件獲得のポートフォリオには何を載せればいいのか

先に答えを言います。優先順位は「狙うジャンルに近い完成度の高い制作物」→「その制作の意図や役割の説明」→「対応できる業務範囲」→「連絡先・依頼の流れ」の順です。

多くの方が「とにかく作品をたくさん載せよう」と考えます。ですが発注側から見ると、点数の多さはあまり効きません。完成度にばらつきのある作品が10個並んでいるより、狙うジャンルの作品が3つ、どれも丁寧に仕上がっているほうが信頼されます。実績数より1点の完成度、というのが選ぶ側の率直な実感です。

載せるべき要素を整理すると、次のようになります。

要素	内容	発注側がここで見ていること
制作物（厳選）	狙うジャンルに近いものを3〜6点	頼みたい仕事に対応できそうか
制作の意図	誰の何のために、どういう狙いで作ったか	課題を理解して作れる人か
役割と範囲	自分がどこを担当したか（デザインのみ/コーディング含む等）	任せられる範囲はどこまでか
対応業務	バナー・LP・サイト等の対応可否	依頼内容とマッチするか
連絡・依頼の導線	問い合わせ先・依頼の流れ	スムーズに発注できるか

このうち、駆け出しの方がいちばん抜かしがちなのが「制作の意図」です。作品の画像だけを貼って、何のために作ったのかが書かれていないケースが本当に多い。発注側からすると、見た目がきれいでも「なぜそうしたか」が分からないと、自分の依頼に対応できるかを判断できません。

載せないほうがいいもの

逆に、案件獲得用のポートフォリオに載せないほうがいいものもあります。

幅を見せたい気持ちは分かります。ですが案件獲得用では焦点を絞るほうが効きます。選ぶ側から見ると、1点だけ粗い作品があると、他が良くてもそこが気になるもの。点数を減らしてでも、自信を持って見せられるものだけにするのが安全です。

実績数より「1点の完成度」と「言語化」が効くのはなぜか

ここが、この記事でいちばん伝えたいところです。発注の現場で多くのポートフォリオを見ると、依頼につながる人とつながらない人の差は、作品の数ではなく「1点をどこまで作り込み、なぜそう作ったかを説明できるか」にあります。

まず完成度がなぜ効くのか。発注側は、ポートフォリオの1点を見て「これと同じくらいの品質で、自分の依頼にも対応してくれるはず」と期待します。1点の完成度が、その人に頼んだときの品質の予想になるわけです。だからこそ、粗い作品が混じると期待値が下がり、丁寧な作品が1つあれば期待値が上がります。

そして言語化がなぜ効くのか。これは外注を選ぶ側になると痛感します。同じくらいの完成度でも、「このバナーはセール価格を主役にしたかったので、数字を最大サイズにして説明文を抑えました」と意図が添えてある人と、画像だけの人とでは、前者に頼みたくなる。意図が書けるということは、こちらの依頼の狙いも汲み取って作ってくれそうだ、と感じられるからです。

具体的に、言語化として添えると効く項目を挙げます。

• 誰の何を解決するための制作だったか（架空でも可）
• 何を主役にして、どこを目立たせたか
• なぜその色・レイアウト・フォントを選んだか
• 制作で工夫した点・苦労した点

これらを各制作物に2〜3行添えるだけで、ポートフォリオの説得力は大きく変わります。受注を伸ばす一番の要因は、作品を増やすことではなく、この説明を全作品に付けることです。

各制作物に添える2〜3行

• この説明を全作品に付けることが効く
• • 課題設定誰の何を解決するための制作だったか（架空でも可）
  • デザインの判断理由何を主役にし、なぜその色・レイアウト・フォントを選んだか
  • 工夫した点制作で工夫した点・苦労した点を書く

図：2〜3行の説明が発注側の判断材料になる

クラウドソーシングで通るポートフォリオと落ちるポートフォリオの差は

クラウドワークスやランサーズで応募する場合、ポートフォリオ単体ではなく「提案文 × ポートフォリオ」のセットで見られます。独立初期はクラウドソーシングで案件を取りながら実績を積む人が多いのですが、通る提案と落ちる提案には、はっきりした差があります。

通る提案に共通するのは、「依頼内容に合う実績を1つ、提案文の中で名指しで示せている」こと。たとえば飲食店のLP募集に対して「過去にカフェの架空LPを制作しました。こちらが該当します」と、ポートフォリオの特定の1点に誘導する。発注者は大量の応募をさばいているので、ポートフォリオ全体を見る時間はありません。だからこそ「あなたの依頼に近いのはこれです」と1点を指し示せるかどうかが効きます。

逆に落ちる提案は、ポートフォリオのトップページURLだけを貼って「ご覧ください」で終わっているもの。発注者からすると、どの作品が自分の依頼に関係するのか探さないといけないので、そこで読むのをやめてしまいます。これは選ぶ側に立つと本当によく分かる差です。

差を整理すると次のようになります。

観点	通る人	落ちる人
提案文	依頼内容に合う実績1点を名指し	ポートフォリオを「見てください」で終わり
見せる実績	依頼ジャンルに近い1点に絞る	全作品を等しく見せようとする
説明	その実績の意図・役割を添える	画像URLのみ
導線	該当作品へ直接リンク	トップページのみ

クラウドソーシングは応募数が多く、最初の数秒で判断されます。だからこそ、ポートフォリオを「全部見せる」のではなく、案件ごとに「この1点を見てほしい」と出し分ける意識が、通過率を変えます。

クラウドソーシングでの見せ方

• 1依頼ジャンルに近い1点を選ぶ全作品を等しく見せようとしない
• 2提案文で名指しする「過去にカフェの架空LPを制作しました。こちらが該当します」と書く
• 3該当作品へ直接リンクするトップページのURLだけ貼って「ご覧ください」で終わらせない

応募数が多く最初の数秒で判断される。案件ごとに出し分ける意識が通過率を変える。

図：全部見せるのでなく、依頼に近い1点を指し示す

なお、クラウドソーシング自体の使い分けや特徴はクラウドワークスとランサーズの比較でも整理しているので、応募先に迷う方はあわせて確認してみてください。

未経験・実績ゼロのときは何を載せればいいのか

これは相談で頻出する質問です。結論から言うと、未経験の段階では「模写」ではなく「架空案件」を作って載せるのが現実的です。

模写を載せたくなる気持ちは分かります。ただ発注側から見ると、模写だけが並んでいるポートフォリオは「真似はできるが、自分で課題を解決できるかは分からない」という印象になります。模写は学習段階では有効ですが、案件獲得用ポートフォリオの主役にはしにくいのです。模写の扱いについてはWebデザインの独学ロードマップでも触れています。

そこで未経験者に勧めたいのが、架空案件の制作。これは「実在しそうな架空のお店やサービスを設定し、自分で課題を立てて、それを解決するデザインを作る」という方法です。たとえば「地方の小さなカフェが、若い客層を増やすための集客LP」のように、ターゲットと目的を自分で決めて作ります。

架空案件が効くのは、課題設定から自分でやっている点が伝わるから。発注側が知りたいのは「うちの課題を理解して形にできるか」ですから、自分で課題を設定して解決した制作物は、模写よりはるかに説得力があります。

実績ゼロのときに載せるもの

模写だけを並べる

発注側の印象

真似はできるが、自分で課題を解決できるかは分からない

位置づけ

学習段階では有効だが、案件獲得用の主役にはしにくい

架空案件を作る

やること

架空の店やサービスを設定し、自分で課題を立てて解決する

例

地方の小さなカフェが、若い客層を増やすための集客LP

効く理由

課題設定から自分でやっている点が伝わる

点数

狙うジャンルに寄せて2〜3点。丁寧な1〜2点でも提案は通りやすくなる

図：課題設定から自分でやった制作物が効く

架空案件を作るときの手順は次の5ステップです。

1. ターゲットと目的を決める：「誰の」「何を解決するか」を先に1〜2行で書き出す。架空でよいが具体的にする。
2. 要件を自分で設定する：掲載する情報・訴求したいポイント・トーンを決める。実在の似たサービスを参考にすると現実的になる。
3. 設定に沿って制作する：決めた目的に向かって、主役を何にするか優先順位をつけて作る。
4. 意図を文章で添える：「なぜこの構成にしたか」を制作物の横に2〜3行書く。これが架空案件の価値を最大化する。
5. 狙うジャンルで揃える：受注したいジャンル（LP・バナー・サイト等）に寄せて2〜3点作る。

最初は1点でも構いません。丁寧に作った架空案件が1〜2点あるだけで、ゼロの状態より格段に提案が通りやすくなります。

ポートフォリオはサイトとPDFのどちらで作ればいいのか

結論から言うと、案件獲得を主目的にするなら「ポートフォリオサイト」を基本にし、提案時に補助としてPDFを使う併用が現実的です。

実務では、クラウドソーシングや問い合わせ経由の受注で、URLを1つ送れるサイト形式が圧倒的に扱いやすい。発注者がブラウザですぐ見られますし、特定の作品ページへ直接リンクを送れるので「依頼に近いのはこれです」と1点に誘導しやすい。先ほどの「1点を名指しする」やり方は、サイト形式のほうが相性がいいのです。

一方でPDFが効く場面もあります。メールでまとめて送りたいとき、相手が資料として手元に保存したいとき、オフラインで見てもらいたいとき。ただしPDFは容量が重くなりがちで、特定作品への誘導もしにくいので、あくまで補助という位置づけが扱いやすいでしょう。

形式	向いている場面	注意点
ポートフォリオサイト	クラウドソーシング・問い合わせ受注・1点への誘導	制作・更新の手間がかかる
PDF	メール送付・資料保存・オフライン提示	容量が重い・特定作品に飛びにくい

サイトをゼロから作るのが難しい場合は、ポートフォリオ作成に対応したサービスを使うのも手です。大事なのは器の作り込みよりも、中身（厳選した制作物と意図の言語化）。立派なサイトでも中身が作品の羅列なら効きませんし、シンプルなサイトでも1点ごとに意図が添えてあれば十分に依頼につながります。

なお、フリーランスとして本格的に受注していく流れ全体はWebデザイナーがフリーランスとして独立する手順で整理しているので、ポートフォリオの次のステップとしてあわせて読んでみてください。

独学でポートフォリオが作れない・添削してほしいときの選択肢

ここまで自分でできる作り方を中心に書いてきました。最後に、正直なことも一つお伝えします。

ポートフォリオで独学が難しいのは、「自分の作品が発注の基準で見たときにどう映るか」を一人では判断しにくい点です。制作物を作ること自体は独学で進められますが、「この完成度で案件を取れるのか」「この見せ方で発注側に伝わるのか」という答え合わせは、構造的に独学では補いにくい部分。独立直後に誰にも見てもらわないまま走ると、第三者の目を早めに入れた場合より遠回りになりがちです。

もし「ポートフォリオに載せる作品が作れない」「作ったものが案件レベルか分からない」と感じたら、添削や指導を受けられるスクールの無料カウンセリングで、自分の作品の立ち位置を確認するのは現実的な選択です。すぐに通うかどうかは別として、まず自分の作品が外からどう見えるかを知るだけでも、次に何を直すべきかが見えやすくなります。

最初から全部を有料で学ぶ必要はありません。制作物を作る・意図を言語化するという独学で積める部分はしっかり積んだうえで、「自分では気づけない見え方のズレ」だけを人に見てもらう。これが遠回りを避けるいちばん現実的な進め方です。

案件獲得につながるポートフォリオの作り方：手順のまとめ

ここまでの内容を、実際に動くための手順としてまとめます。この順番で取り組めば、作品を並べるだけのポートフォリオから一歩抜け出しやすくなります。

1. 受注したいジャンルを決める：何の仕事を取りたいか（LP・バナー・サイト等）を先に絞る。
2. そのジャンルの制作物を3〜6点に厳選する：完成度の高いものだけを残し、粗い作品や無関係な作品は外す。
3. 未経験なら架空案件を作る：模写ではなく、自分で課題を設定した制作物を1〜2点用意する。
4. 各作品に意図を2〜3行添える：誰の何のために、なぜその表現にしたかを言語化する。
5. 対応業務と依頼導線を明記する：何を頼めるか・どう連絡するかを分かりやすく置く。
6. サイト形式を基本に、PDFは補助で用意する：特定作品へ誘導できるサイトを軸にする。
7. 提案時は依頼に合う1点を名指しする：クラウドソーシングでは全部見せず、該当作品に直接誘導する。

この手順なら、点数を増やすことに走らず、「依頼につながる中身」に力を集中できます。この作り方ができている人は、たとえ実務経験が浅くても、発注側から十分に依頼の候補になります。

向いている進め方・向いていない進め方

最後に、案件獲得を狙うときに向いている進め方・向いていない進め方を整理しておきます。

向いている進め方

向いていない進め方

向いていない進め方として挙げた項目は、否定するためではありません。少しの順番の入れ替えで、ポートフォリオの伝わり方は大きく変わる。自分の進め方と照らし合わせて、効くほうへ寄せていくのが現実的です。

よくある質問

ポートフォリオに関する質問のなかで、学習中の方から頻出した5問を整理します。

まとめ：作品を並べる場ではなく「発注の判断材料」をつくる

案件獲得のためのポートフォリオは、作品集ではなく、発注側が「この人に頼んで大丈夫か」を判断するための材料です。発注・採用の現場で言えるのは、効くのは作品の数ではなく「1点の完成度」と「なぜそう作ったかの言語化」だということ。

制作物を作る・意図を言語化するという独学で積める部分はしっかり積んだうえで、「自分の作品が発注基準でどう見えるか」という一人では気づけない部分だけは、早めに第三者の目を借りる。これが遠回りを避けるいちばん現実的な進め方です。焦らず、まずは狙うジャンルの1点を、意図まで添えて仕上げてみてください。

免責事項