本文へ移動

デザイナーのポートフォリオの作り方|作品の選び方・順番・説明文

実践編

INDEX目次

    ポートフォリオは、自分の作品と考え方をまとめた作品集です。きれいな完成画像を並べるだけではなく、「何を作れるか」「どんな課題をどう考えたか」「どこを担当したか」を相手へ伝えます。

    このレッスンでは、採用担当者や仕事の依頼者が判断しやすいポートフォリオの基本構成、作品の選び方、制作意図の書き方を説明します。案件の獲得方法ではなく、作品集そのものの設計に絞ります。

    ポートフォリオは、相手が依頼できるか判断する資料

    見る相手は作品の好みだけでなく、自社の仕事に合うか、必要な技術があるか、課題を理解して作れるかを見ています。そのため、作品数を増やすより、応募先や受けたい仕事に合う作品を選ぶことが大切です。

    見る時間が限られていても判断できるよう、最初の画面で得意分野を示し、各作品では結論から説明します。見る人が情報を探し回らなくてよいことも、ポートフォリオ自体のデザイン品質です。

    たとえばWebサイト制作を受けたいのに、名刺だけを20点載せても、画面設計の力は判断できません。LPを受けたいならLP、バナーを受けたいならバナーを中心にし、関連する制作物を補助として見せます。

    ポートフォリオの主役は作品数ではなく、「この人へ何を頼めるか」が分かる構成です。

    最初に決める3つのこと

    1. 誰に見せるか:制作会社の採用担当、事業会社、個人の依頼者など
    2. 何を任せてほしいか:Webサイト、LP、バナー、紙ものなど
    3. 何を根拠に伝えるか:作品、制作過程、担当範囲、使用ツール

    応募先ごとに作品を全部作り直す必要はありません。最初に見せる作品や説明の順番を調整し、相手が探している能力へ早くたどり着けるようにします。

    基本構成は5つ

    ポートフォリオを表紙、作品一覧、作品詳細、プロフィール、連絡先の5要素で構成する図解
    • 表紙・トップ:名前、肩書き、得意分野を短く示す
    • 作品一覧:完成画像と種類を見やすく並べる
    • 作品詳細:目的、相手、工夫、担当範囲を説明する
    • プロフィール:学習歴、使えるツール、仕事で大切にすることを書く
    • 連絡先:問い合わせ方法を分かりやすく置く

    Webサイト形式ならメニュー、PDF形式なら目次を付けます。PDFはページ順が固定された文書形式です。応募先から形式や容量を指定された場合は、その条件を優先します。

    作品は「見せたい仕事」に合わせて選ぶ

    最初は3〜6点でも構いません。同じ見た目の作品を大量に並べるより、受けたい仕事に必要な力を説明できる作品を選びます。

    • 応募先や受けたい案件と種類が近い
    • 自分の工夫を具体的に説明できる
    • 文字、配色、レイアウトなど基礎が確認できる
    • 担当した範囲を正直に示せる
    • 公開許可や素材の利用条件に問題がない

    共同制作は、自分の担当範囲を書けば掲載できます。「デザイン全般」と曖昧にせず、「ワイヤーフレーム、トップページデザイン、バナー3点」のように示します。

    作品詳細は6項目で書く

    項目書く内容
    概要何のための制作物か
    対象誰が、どんな場面で見るか
    課題制作前に何が問題だったか
    工夫課題に対して何をどう設計したか
    担当範囲自分が担当した作業
    制作条件使用ツール、期間、サイズなど

    制作意図は「青が好きなので使った」ではなく、「信頼感を保ちつつ若い利用者にも硬く見えないよう、濃い青を基本色にして明るい青を補助にした」のように、目的と判断をつなげます。

    架空案件なら、架空であることを明記します。依頼条件も自分で作った場合は「自主制作」「想定案件」と書き、実際の企業案件のように見せません。

    見せる順番は強い作品から

    最初の作品は、受けたい仕事に最も近く、自分の強みを説明しやすいものにします。最後にも印象に残したい作品を置き、中間に種類の違う作品を入れると、全体の幅を見せやすくなります。

    作品一覧の画像は、比率や余白をそろえます。ただし、一覧を整えるために作品の重要部分を切らないよう注意します。詳細ページでは実際の画面や紙面が分かる大きさで見せます。

    公開前に確認する権利と情報

    • クライアントから掲載許可を得ている
    • 公開前の情報や個人情報が写っていない
    • 写真、イラスト、フォントの利用条件を守っている
    • 共同制作者の成果を自分だけの実績にしていない
    • 自主制作と実案件を区別している

    守秘義務は、仕事で知った公開前情報などを外へ漏らさない約束です。掲載可否が分からない場合は公開せず、依頼者へ確認します。

    よくある弱い見せ方と直し方

    弱い見せ方直し方
    完成画像だけ目的・課題・工夫を添える
    作品が多すぎる受けたい仕事に合う物へ絞る
    説明が抽象的相手・判断・変更点を具体化する
    担当範囲が不明自分が行った作業を列挙する
    連絡先が見つからない各ページから問い合わせへ移動できるようにする

    ミニ実践:3作品の掲載候補を作る

    1. 受けたい仕事を1種類書きます。
    2. 手持ち作品から、その仕事に近い3点を選びます。実績がなければ自主制作や模写でも構いません。
    3. 各作品について、目的・対象・工夫を2行ずつ書きます。
    4. 担当範囲と自主制作か実案件かを追記します。
    5. 最も強い1点を最初に置き、理由を書きます。

    実績がないときの作品テーマや案件獲得までの考え方は、既存の「実績なしのポートフォリオ」記事で詳しく扱っています。このレッスンでは、選んだ作品を伝わる形にまとめることへ集中します。

    よくある質問

    作品は何点必要ですか?

    固定の正解はありません。最初は受けたい仕事に合う3〜6点でも構いません。数より、各作品の目的と自分の担当を説明できることを優先します。

    模写を載せてもよいですか?

    模写と明記し、元作品の権利や公開条件に配慮します。自分の企画・設計力を示す作品とは分け、学習過程として扱います。

    WebサイトとPDFはどちらがよいですか?

    応募先の指定を優先します。URLで見せやすいWebサイトと、順番を固定して送れるPDFを両方用意すると使い分けやすくなります。

    次に学ぶこと

    掲載する作品を決めたら、公開前のセルフチェックで基礎の崩れや説明不足を確認しましょう。

    コース全体の流れはデザイン基礎コースの目次から確認できます。

    実践編 の他のレッスン

    前後のレッスン

    ← コースの目次へ戻る

    目次

      \ スクールが気になったら、まずはLINEで /

      公式LINE登録で、3大特典をプレゼント

      無料相談(Zoom・30分)の予約もLINEから。勧誘なし・ブロックはいつでもOKです。

      FOR BUSINESS

      法人向け「AI×デザイン」研修

      生成AIを取り入れた制作ワークフローを、半日〜2日のカスタム研修でチームに導入。デザイナー以外の職種の方にも対応します。

      研修について相談する

      オンライン・対面どちらも可 / お見積り無料

      LINE登録で3大特典
      LINE登録で3大特典スクール詳細
      PR バナー
      公式LINEで無料相談 + ロードマップPDFプレゼント中 LINE友だち追加