フリーランスデザイナーのポートフォリオは、作品をたくさん並べるより、「どんな依頼に合うか」「何を担当したか」「なぜその形にしたか」「どう相談できるか」が分かる構成にすることが大切です。依頼者が自分の案件を任せられるか判断できれば、作品数が少なくても相談の入口になります。
この記事では、載せる作品の選び方、1作品の説明順、共同制作の書き分け、公開許可、実績が少ない時期の見せ方、問い合わせ前の確認までを整理します。ホームページ制作全体の順番を先に知りたい方は、初めてのホームページ制作で決めることもあわせて確認してください。
結論：依頼者が確認したい4つの答えをそろえる
依頼者は、好みの作品を見つけるためだけにポートフォリオを見ているわけではありません。自社の目的に近い経験があるか、どこまで任せられるか、相談後にどのように進むかを確かめています。次の4点が見つかる順番にすると、判断しやすくなります。
| 依頼者の質問 | ページで示す答え |
|---|---|
| 自社の相談に合うか | 得意な相手、仕事の種類、解決したい課題 |
| 何を任せられるか | 企画、文章、デザイン、実装などの担当範囲 |
| どのように考えるか | 依頼の背景、制約、制作時に選んだ理由 |
| どう相談できるか | 相談時に必要な情報、進め方、連絡方法 |
最初に「誰から何を依頼されたいか」を決める
先に作品を選ぶと、ロゴ、チラシ、ホームページ、写真が同じ重さで並び、何を頼める人か分かりにくくなります。「地域の小規模事業者から、会社案内のホームページと更新しやすい仕組みを相談されたい」のように、相手と仕事を一文にします。
| 決めること | 確認する質問 | 書き方の例 |
|---|---|---|
| 相手 | 誰の相談を受けたいか | 製造業、店舗、小規模な会社 |
| 仕事 | 何を任せてほしいか | ホームページ、会社案内、採用資料 |
| 範囲 | 一人でできることはどこまでか | 構成とデザイン、実装は協力者と連携 |
| 地域・方法 | 対面とオンラインの範囲は | 近隣は訪問、遠方はオンライン |
最初の画面で専門分野と相談方法を伝える
名前や肩書だけでは、依頼者は自分に関係があるか判断できません。最初の画面には、得意な仕事、対象、代表作品への入口、相談方法を置きます。「デザインで価値を高めます」のような広い言葉だけにせず、何を一緒に整えられるかまで書きます。
- 何を作る人か
- どのような相手や課題を得意とするか
- 代表的な2〜3作品
- 現在受けられる相談と連絡方法
作品数は多さより、依頼との近さで選ぶ
最初から全作品を載せる必要はありません。まず3〜6作品を選び、依頼してほしい仕事に近い順に並べます。同じ種類の見た目が続く場合は、業種ではなく解決した課題や担当範囲の違いが分かる作品を残します。古い作品は、現在も提供する仕事か、説明を更新できるかで判断します。
1作品を6項目のケーススタディにする
完成画像の前後に説明を置くと、制作の判断が伝わります。成果の数値が確認できないときは無理に作らず、依頼の目的、行ったこと、公開後に確認できた事実だけを書きます。
| 順番 | 書くこと | 注意点 |
|---|---|---|
| 1. 背景 | 業種、依頼の目的、制作前の状況 | 守秘情報や個人名を出さない |
| 2. 課題 | 今回解決する範囲 | 広げすぎず一つか二つに絞る |
| 3. 制約 | 期間、素材、予算、既存仕様 | 相手の不備として書かない |
| 4. 担当 | 自分と協力者の担当範囲 | 共同制作を一人の実績に見せない |
| 5. 判断 | 構成、言葉、見せ方を選んだ理由 | 専門語だけで説明しない |
| 6. 結果 | 完成物と確認できた変化 | 根拠のない成果を断定しない |
依頼から公開までの担当範囲を整理する際は、ホームページ制作の流れと確認時期も参考になります。
担当範囲と共同制作を分けて書く
ディレクター、ライター、写真家、実装担当者と一緒に作った場合は、自分が担当した部分を明記します。依頼者は一人ですべてできるかより、必要な人とどのように連携するかを知りたい場合があります。制作会社とフリーランスの違いを依頼者側の視点で確かめるなら、フリーランスと制作会社を比較する判断基準も確認してください。
| 項目 | 書く例 |
|---|---|
| 全体 | 企画と進行は依頼元が担当 |
| 自分 | 情報整理、画面構成、デザインを担当 |
| 協力者 | 撮影と文章は外部担当者と連携 |
| 納品 | 画面デザインと画像素材を納品 |
公開前に作品・ロゴ・写真の利用範囲を確認する
納品した制作物を自分のポートフォリオへ載せられるとは限りません。契約、発注書、メールなどを確認し、公開する媒体、期間、画像、社名やロゴ、数値、担当者名、公開前確認の方法を相手と整理します。文化庁は著作権が創作時に発生することや、利用許諾などの契約を文書で整理する支援情報を公開しています。判断が難しい案件は専門家へ確認してください。
| 確認対象 | 確認すること |
|---|---|
| 制作物 | ポートフォリオサイトやSNSで掲載できる範囲 |
| 社名・ロゴ | 表示可否、表記、公開開始日 |
| 写真 | 人物、店舗、商品、撮影者の許可範囲 |
| 数値 | 成果として公開できる根拠と期間 |
| 共同制作 | 各担当者の名前と役割の示し方 |
| 公開後 | 修正・非公開依頼の連絡方法 |
公正取引委員会のフリーランス法案内では、業務委託時に給付の内容などの取引条件を直ちに書面または電磁的方法で明示することが案内されています。制作を始める前に、納品物と担当範囲に加え、実績公開の扱いも別項目で確認しておくと、公開時の行き違いを減らせます。
実績が少ない時期は、自主制作と実案件を明確に分ける
実案件が少ないときは、架空の課題を扱う自主制作でも考え方を示せます。ただし、実在する依頼や成果のように見せてはいけません。「自主制作」「想定した相手」「自分で設定した課題」「実際には確認していない結果」を明記します。学習課題や既存作品の改善案も、元の権利と公開条件を確認します。
- 自主制作であることを作品名の近くに表示する
- 実在の会社名、ロゴ、顧客の声を作らない
- 担当範囲を「すべて」と曖昧にせず、行った作業を書く
- 制作意図と改善したい点を自分の言葉で説明する
SNSは入口、ポートフォリオは判断する場所に分ける
SNSは新しい作品や日々の考えを見つけてもらう入口に向きます。一方、ポートフォリオは作品の背景、担当範囲、相談方法を落ち着いて確認する場所です。投稿ごとに詳しいケーススタディへ通常のリンクを置き、ポートフォリオ側はSNSを見なくても判断できる情報をそろえます。
画像は見栄え・権利・読みやすさを一緒に確認する
高解像度の画像をそのまま何枚も載せると、スマートフォンで表示が遅くなる場合があります。掲載許可を確認したうえで、画像サイズを調整し、スマートフォンでも読めるかを実機で見ます。古い写真を使うか迷う場合は、古い写真を補正するか撮り直すかの判断も参考になります。
作品画像には、周辺の文章と役割が重ならない短い代替テキストを設定します。W3Cは、情報を伝える画像にはその目的に合う代替テキストを用意し、飾りだけの画像は空の代替テキストにする考え方を示しています。Googleも、標準の画像要素、関連する周辺文、説明的なファイル名と代替テキストを案内しています。
相談前に料金ではなく、依頼条件を分かるようにする
料金表を出すかどうかにかかわらず、相談できる仕事、含まれない作業、進め方、返答の目安を示します。依頼者が最低限の情報を送れるフォームやメール項目があると、最初のやり取りが具体的になります。
| 相談時に尋ねること | 理由 |
|---|---|
| 作りたいもの | 必要な専門分野を確認する |
| 目的と対象者 | 見た目より先に判断の基準をそろえる |
| 希望時期 | 確認日と納品日を現実的に決める |
| 用意できる素材 | 写真・文章・ロゴの準備範囲を分ける |
| 社内の確認者 | 誰がどの段階で承認するか決める |
自分の作品集ではなく、会社や事業の実績紹介を含むホームページ全体を整えたい場合は、Bämのホームページ制作サービスをご覧ください。まだ依頼範囲が決まっていない場合も、現在の困りごとから相談できます。
公開前チェックリスト
- 誰から何を依頼されたいかを一文で説明できる
- 代表作品が依頼してほしい仕事に近い順で並んでいる
- 各作品に背景、課題、担当、判断、確認できる結果がある
- 共同制作の担当範囲を正確に書いている
- 自主制作と実案件を区別している
- 作品、社名、ロゴ、人物写真、数値の公開条件を確認した
- 画像の容量、代替テキスト、390pxと320pxの表示を確認した
- 相談できる仕事、進め方、連絡方法が分かる
- リンク切れや古い受付状況がない
まとめ
ポートフォリオは作品の保管場所ではなく、依頼者が相談するか判断するためのページです。依頼してほしい仕事を決め、代表作品を絞り、背景、担当範囲、制作時の判断、公開条件を一つずつ説明します。実績数を大きく見せるより、事実を正確に示して相談方法までつなぐほうが、長く使える営業資料になります。
参考資料
- 文化庁「著作権テキスト 令和8年度版」（2026年9月6日確認）
- 文化庁「著作権契約書作成支援システムの構築について」（2026年9月6日確認）
- 公正取引委員会「2025年フリーランス法特設サイト」（2026年9月6日確認）
- W3C Web Accessibility Initiative「Images Tutorial」（2026年9月6日確認）
- W3C Web Accessibility Initiative「Writing for Web Accessibility」（2026年9月6日確認）
- Google Search Central「Image SEO Best Practices」（2026年9月6日確認）
