本記事には広告・アフィリエイトリンクが含まれます。

Webデザインの仕事を取るときに、もっとも見られるのがポートフォリオ（作品集）です。発注者や採用担当者は、ポートフォリオを見て「この人に頼んだらどんなものができるか」を判断します。

この記事では、実績がない未経験者でも作れるポートフォリオの中身と、伝わる見せ方を解説します。

ポートフォリオに載せる作品の目安

作品目安ポイント
バナー3〜5点目的（セール告知・資料請求など）の違うものをそろえる
LP（ランディングページ）1点以上スマホでの見え方も用意する
Webサイト1点トップページと下層ページの両方を見せる

数を増やすより、1つひとつの作品で「なぜこのデザインにしたのか」を説明できることのほうが大切です。

実績がなくても作品は作れる

架空の案件を設定して作る

実際の依頼がなくても、「地元のカフェのLP」「オンライン英会話の無料体験バナー」のように、依頼主・目的・ターゲットを自分で設定して作ることができます。架空の案件であることは、作品の説明に明記しておきましょう。

既存サイトのリデザインに挑戦する

実在するWebサイトを「自分ならこう改善する」という視点で作り直す方法もあります。改善前と改善後を並べて、どこをなぜ変えたのかを書いておくと、考える力も伝わります。ただし、他社のロゴや画像をそのまま公開するのは避け、作品として載せる範囲には注意してください。

スクールの課題やコンペを活用する

スクールによっては、課題制作やコンペへの参加が用意されています。たとえばWEBプロ by studio USの公式サイトでは、カリキュラムの最終段階でポートフォリオ制作サポート、模擬案件、スクールコンペへの参加などで実績を積むと紹介されています。

1作品ごとに書いておきたい説明

  • 目的：誰に、何をしてもらうためのデザインか
  • ターゲット：想定した年齢や悩み
  • 工夫した点：配色・レイアウト・文字の大きさなどを決めた理由
  • 使ったツールと制作時間：Figma・Photoshop・STUDIOなど、何で何時間かかったか
  • 担当範囲：デザインのみか、コーディングや公開までしたか

制作時間を書いておくと、発注者は納期の見通しを立てやすくなります。

ポートフォリオを公開する場所

方法特徴
自分でWebサイトを作るWebデザインのスキルそのものを見せられる。STUDIOなどのノーコードツールでも作れる
ポートフォリオサービスを使う作品をアップするだけで公開できる。すぐに始めたい人向け
PDFにまとめる応募先に送りやすい。Webサイトと併用するのがおすすめ

Webデザイナーとして仕事を探すなら、ポートフォリオサイト自体を自分でデザインして作ると、それがひとつの作品になります。

公開前のチェックリスト

  • スマホで見ても崩れていないか
  • 文字の誤字・脱字がないか
  • 画像が重すぎて表示が遅くなっていないか
  • 連絡先や問い合わせ方法が分かりやすく載っているか
  • 他人の著作物（写真・ロゴ・フォント）を許可なく使っていないか

まとめ：数より「説明できる作品」をそろえる

Webデザインのポートフォリオは、バナー数点とLP・Webサイト1〜2点を、目的と工夫が説明できる形でそろえるのが基本です。実績がなくても、架空の案件やリデザインで十分に作れます。

ポートフォリオができたら、Webデザインの副業の始め方を参考に、最初の案件に応募してみましょう。

プロに添削してもらいながらポートフォリオを仕上げたい人は、添削無制限・サポート期間無制限のWEBプロ by studio USも検討してみてください。

WEBプロ by studio USの詳細を見てみる：公式サイトはこちら