この記事でわかること
フリーランスデザイナーが案件獲得率を上げる7ページ構成の全体像、各作品詳細に記載すべき7項目の統一フォーマット、実績不足を補う3種の自主制作の作り方がわかります。
フリーランスデザイナーの案件獲得率は、ポートフォリオの構成次第で大きく左右されます。作品の質だけでなく、「誰向けか」「何を解決できるか」をファーストビューで伝える構成が、問い合わせにつながる分岐点です。この記事では、案件獲得を目的とした7ページ構成と作品詳細テンプレートを具体的に解説します。
30秒診断全2問・あなたに合う働き方のタイプが分かります
Q1. 今のデザインの仕事で、一番近い悩みは？
この記事の結論
フリーランスデザイナーのポートフォリオは、プロフィール・スキル・作品一覧・作品詳細・サービス・料金・連絡先の7ページ構成が案件獲得に直結します。作品の数より「誰のどんな課題を解決できるか」を言語化する構成が、クライアントの問い合わせ判断を左右します。各作品ページに背景・課題・担当範囲・成果を統一フォーマットで記載することで、見た目以外の問題解決力を伝えられます。
今日やるべき1つ
ポートフォリオのファーストビューに「肩書き・得意分野・対象顧客・提供価値」の4要素を記載する文章を書き、既存のトップページに反映してください（所要時間：20分）。
状況別ショートカット
| 状況 | 読むべきセクション | 所要時間 |
| 何ページ構成にすればいいか迷っている | ポートフォリオ構成は7ページが基準 | 3分 |
| 作品詳細に何を書けばいいか分からない | 作品詳細は7項目で統一する | 4分 |
| 実績が少なくて掲載できる作品がない | 実績不足は3種の自主制作で補う | 3分 |
| 問い合わせが来ない構成になっている | 問い合わせ導線は5箇所に設ける | 3分 |
| 自分の構成が案件獲得向けか確認したい | ポートフォリオ構成を3分で診断 | 3分 |
ポートフォリオ構成は7ページが基準
フリーランスデザイナーが案件獲得を目的とする場合、必要なページは7つに整理できます。ページ数が多すぎると情報が分散し、少なすぎると判断材料が不足します。7ページは、クライアントが「依頼できるか」を判断するために必要な情報量と、管理のしやすさのバランスが取れた構成です。
トップページは4要素をファーストビューに配置
トップページは、クライアントが最初に目にする場所であり、ここで「このデザイナーに依頼できるか」の判断が始まります。ファーストビューに記載すべき4要素は、肩書き・得意分野・対象顧客・提供価値です。
「ECサイトのUIデザインを専門とするWebデザイナー。中小規模のD2Cブランドの売上改善を得意としています」のように、誰向けで何を解決できるデザイナーなのかを1〜2文で明示します。この4要素が揃っていないトップページでは、クライアントが「自分の案件に合うか」を判断できず、離脱につながります。トップページの役割は作品の見せ方ではなく「依頼判断の材料を渡すこと」です。フリーランスのWebデザイナーの仕事内容や案件獲得の方法についても、あわせて確認しておくと構成設計の参考になります。
プロフィールページは依頼理由を伝える構成にする
プロフィールは単なる経歴紹介ではなく、「なぜこのデザイナーに依頼するのか」の根拠を示すページとして設計します。記載する内容は、デザイナーとしての経歴・実務経験年数・得意な制作領域・仕事に対する姿勢の4点です。
経歴を時系列で並べるだけでは「事実の羅列」に終わります。「飲食業界出身のデザイナーとして、現場感覚を活かしたメニューデザインやブランディングを得意としています」のように、経歴から生まれる強みを言語化することで、クライアントが「自分の業界に合う」と判断できます。プロフィールの目的は「この人に依頼したい」と思わせることであり、経歴を並べることではありません。
スキルページはツール名と業務範囲をセットで記載
スキルページでは、PhotoshopやFigmaなどのツール名だけでなく、そのツールで対応できる業務範囲を併記します。「Figma：UIデザイン、コンポーネント設計、プロトタイプ作成まで対応」のような形式が、クライアントの業務レベル判断を助けます。
ツール名だけの羅列では、実際にどのレベルで使えるかが伝わりません。業務範囲を明記することで、「このデザイナーなら自社のプロジェクトをどこまで任せられるか」をクライアントが具体的に判断できます。フリーランスのUIデザイナーの仕事内容や独立に必要なステップを参照すると、スキル記載の粒度感をつかみやすくなります。
サービス・料金・制作フローは独立ページまたはセクションに設ける
多くのポートフォリオが作品一覧で終わっており、「何ができてどこまで対応してどれくらいかかるか」が分からない構成になっています。サービスページの設計は、競合デザイナーと差別化できる盲点です。
記載する内容は、対応可能な制作物の種類・制作の流れ（ヒアリング→提案→制作→修正→納品の各ステップ）・修正回数・納期目安・料金の価格帯の5項目です。料金は「ランディングページ：15万円〜」のように価格帯と条件を明示します。価格帯を公開することで、予算が合わないクライアントからの問い合わせが減り、成約率が上がります。
連絡先ページは問い合わせの心理的負担を下げる設計にする
連絡先ページには、問い合わせフォーム・メールアドレス・関連SNSリンクを掲載します。加えて、「通常2営業日以内に返信します」「まずはご相談だけでも歓迎です」という一文を添えることで、問い合わせへの心理的ハードルを下げられます。連絡先が「見つかりにくい場所にある」「フォームが重くて動かない」ポートフォリオでは、依頼する意思があるクライアントを逃します。
CHECK
▶ 今すぐやること: 自分のポートフォリオのトップページを開き、ファーストビューに「対象顧客」が明記されているか確認する（5分）
Q: 1ページ完結型のポートフォリオでも問題ありませんか？
A： 目的によって問題ありません。ただし、1ページ完結型の場合でも、プロフィール・作品・サービス・料金・連絡先のセクションを順番に配置し、各セクションへのアンカー導線を設けることが必要です。
Q： 競合デザイナーと差別化するために最も効果的なページはどれですか？
A： サービス・料金・制作フローのページです。作品一覧は多くのデザイナーが持っていますが、「何をどのくらいの期間でいくらで対応するか」を明記しているポートフォリオは少なく、クライアントの問い合わせ判断に直接影響します。
作品詳細は7項目で統一する
作品の完成画像を並べるだけでは、クライアントはデザイナーの問題解決力を評価できません。各作品の詳細ページに記載すべき7項目を統一することで、見た目以外の価値を伝えられます。7項目とは、背景・課題・担当範囲・制作プロセス・成果・使用ツール・制作期間です。
背景・課題・目的を冒頭に記載する
作品詳細の冒頭には、「どのような状況で、何のために、誰向けに作ったか」を明記します。「飲食チェーンのリニューアルにあたり、既存サイトの直帰率が高く、来店予約への導線が不明確という課題があった」のように、制作が始まった背景と解決すべき課題を先に示します。
背景を書かずに完成画像から入る作品ページでは、クライアントに「どんな問題を解いたのか」が伝わりません。課題が先に示されることで、その後の制作プロセスと成果が「問題→解決」のストーリーとして読め、デザインの意図が評価されやすくなります。
担当範囲とチーム制作の役割分担を明確にする
チーム制作の場合、自分が担当した工程と他メンバーの担当を明記します。「情報設計・ワイヤーフレーム作成・UIデザイン：自分担当 / フロントエンドコーディング：別メンバー担当」のように工程ごとに分けて記載します。
担当範囲が不明確な作品では、クライアントが「このデザイナーがどこまでできる人か」を判断できません。個人に帰属する実力を正確に示すことが、過大評価も過小評価も防ぎます。担当範囲の明確化は誠実さの表明でもあり、長期取引の信頼構築にもつながります。
制作プロセスは選択と判断の理由まで説明する
ワイヤーフレーム・デザイン案・修正過程の画像を並べるだけでなく、「なぜこのレイアウトを選んだか」「なぜこの配色にしたか」の判断理由を文章で補足します。「ターゲットが40代以上の男性ユーザーであることから、視認性を優先しフォントサイズを18px以上に設定しました」のような記述が対象例です。
プロセスの画像だけでは「どんな思考で作ったか」が伝わりません。判断の根拠を言語化することで、デザインを「見た目の完成度」ではなく「課題解決の手段として扱える人」として評価されます。プロセスの説明に500〜800文字程度を費やした作品ページは、クライアントからの返信率が高くなる傾向があります。
成果は数値化できる範囲で明記する
制作後に測定できた成果を、数値で記載します。「ランディングページのリニューアル後、コンバージョン率が1.2%から2.8%に改善」「直帰率が68%から41%に低下」のような具体的な数値が、デザインの効果を客観的に示します。
守秘義務やクライアントとの合意内容によって公開できない数値は掲載しません。公開できない場合は「コンバージョン率が改善（数値は非公開）」と明記するだけで十分です。数値がないことよりも、成果について言及する姿勢があることの方が、クライアントへの印象として有効です。フリーランス自己紹介例文の5構成も参考にすると、成果の言語化に応用できます。
使用ツールと制作期間を末尾に記載する
作品詳細の末尾に、使用ツール名と制作期間をまとめて記載します。「使用ツール：Figma・Photoshop・Adobe XD / 制作期間：3週間（ヒアリング含む）」のような形式が標準です。
制作期間の明記は、クライアントがスケジュール感を把握するうえで重要な判断材料になります。類似プロジェクトへの依頼を検討しているクライアントは、「このデザイナーに頼むと何週間かかるか」を事前に把握したいと考えているためです。
CHECK
▶ 今すぐやること: 手持ちの作品1点について「背景・課題・担当範囲・成果・使用ツール・制作期間」の6項目を書き出し、作品詳細ページのドラフトを作成する（30分）
Q: 作品詳細ページを作る際、画像と文章の比率はどうすればよいですか？
A： 完成画像・プロセス画像を中心に、文章は300〜600文字程度が目安です。画像だけでは意図が伝わらず、文章だけでは読まれないため、画像を見せながら判断理由を補足する構成が効果的です。
Q： 1つの作品ページにどれくらいのボリュームが必要ですか？
A： 7項目すべてを記載した場合、文章600〜1,000文字程度、画像5〜10枚が一般的な目安です。作品の複雑さに応じて増減して問題ありません。
ポートフォリオ構成を3分で診断
以下の3つの質問に順番に答えることで、現状の構成の課題を3分で特定できます。
Q1: トップページのファーストビューに「対象顧客」の記載がありますか？
Yesの場合、Q2へ進んでください。
Noの場合、【Result A】即座に改善が必要な状態です。クライアントはファーストビューで「自分の案件に合うデザイナーか」を判断します。「ECサイト専門」「飲食店向け」のような一言を追加してから次へ進んでください。
Q2: 各作品ページに「担当範囲」と「成果」の記載がありますか？
Yesの場合、Q3へ進んでください。
Noの場合、【Result B】作品数を増やす前に、既存作品の詳細を充実させることが優先です。担当範囲と成果が不明な作品は、クライアントに問題解決力が伝わりません。7項目フォーマット（背景・課題・担当範囲・プロセス・成果・ツール・期間）に沿って1点ずつ書き直してください。
Q3: 問い合わせボタンまたはCTAがページ末尾以外にも配置されていますか？
Yesの場合、【Result C】基本的な案件獲得向け構成が整っています。次のステップは、作品数の最適化とサービス・料金ページの追加です。
Noの場合、【Result D】問い合わせ導線の設計が不足しています。ヘッダー・作品詳細ページ末尾・トップページのサービスセクション末尾の最低3箇所にCTAを配置してください。問い合わせ意欲があるクライアントが導線を探せず離脱するケースが最も多いパターンです。
CHECK
▶ 今すぐやること: 上記Q1〜Q3を自分のポートフォリオで確認し、該当するResultの改善事項を書き出す（3分）
Q: ポートフォリオを見た人が問い合わせしない最大の理由は何ですか？
A： 最も多いのは「自分の案件に合うか判断できない」という理由です。対象顧客・対応範囲・料金目安が明記されていないポートフォリオでは、クライアントが問い合わせの判断材料を得られません。
Q： 診断でResult Aになった場合、どこから手をつければよいですか？
A： ファーストビューの改善から始めてください。「対象業種＋得意な制作物＋提供価値」を20〜40文字でまとめ、トップページの一番目立つ位置に配置します。これだけで問い合わせ率が変わります。
デザインの仕事で単価を上げたい方へ
Webデザインの学び方をLINEで受け取る
LINEで無料で届くもの
- 20本Webデザインの無料レッスン
- 全工程Photoshopの解説動画
- 4本限定のPDF・動画
登録1分・情報収集だけでもOK・セミナー参加は自由
タップするとLINEの友だち追加画面が開きます
LINE登録のよくある質問
- お金はかかりますか？
- LINEの登録と、届くレッスン・動画・PDFは無料です。
- どんな連絡が来ますか？
- レッスンや動画のほか、無料セミナーの案内が届きます。参加するかは自由です。
- やめたいときは？
- LINEでブロックすれば、それ以上は届きません。
PR提供: 日本デザインスクール（デザスク）
実績不足は3種の自主制作で補う
実績が少ない段階でも、掲載できる作品を3種類の方法で作れます。課題解決力と信頼性を伝えることが重要であり、ターゲットの業界に合わせてポートフォリオを最適化することが、問い合わせ精度に直結します。フリーランスの実績の見せ方についての解説記事も参照すると、自主制作の見せ方の参考になります。
ターゲットとする業界・業種に関連したテーマの作品を制作することで、「この業界に強いデザイナー」という印象を作れます。
架空案件と自主制作は目的を設定してから制作する
架空案件とは、実在しない企業やサービスのデザインを自分で企画・制作した作品です。重要なのは「作りたいものを作る」ではなく、「獲得したい案件に近い目的と対象を設定して作る」ことです。「飲食業界の新規顧客獲得を目的としたLPのUIデザイン（架空案件）」のように明記することで、クライアントは作品の前提条件を理解したうえで評価できます。
架空案件は実績がないことの代替ではなく、「この種の課題を扱える」という能力の証明として機能します。目的と対象を設定してから制作することで、完成後の作品詳細ページに「背景・課題・担当範囲・成果」を記載できる構成になります。
リデザインは既存サービスの課題分析から始める
リデザインとは、実在する既存のWebサービスやアプリのUIを自分の視点で改善した作品です。「現状の課題を分析し、改善案を作り、なぜそうしたかの根拠を示す」という手順が必要です。
「AというECサイトの商品詳細ページの購入ボタンが見つかりにくいという課題を発見し、UI改善案を制作した」という構成のリデザインは、課題発見力・分析力・解決力を1つの作品で示せます。実在するサービスのUIを無断で改変したものとして公開する場合、著作権や商標の観点から問題が生じることがあります。ポートフォリオに掲載する場合は「個人学習目的のリデザイン案であり、当該企業とは無関係」と明記してください。
公開許可がないクライアントワークは匿名化して掲載できる
守秘義務や公開許可がない場合でも、業種・課題・担当範囲・成果（非開示）の形式で匿名化して掲載できます。「飲食チェーン向けコーポレートサイトリニューアル（クライアント名非公開）/ 担当：情報設計・UIデザイン / 制作期間：4週間 / 成果：非公開」のような記述が対象例です。
クライアント名が分からなくても、どの業種でどのような課題を扱ったかが伝われば、類似業種の案件を検討するクライアントへの訴求力があります。開示できる範囲を正直に示すことが、長期的な信頼構築の前提です。フリーランスの秘密保持契約（NDA）の注意点も確認しておくと、掲載判断の基準が明確になります。
CHECK
▶ 今すぐやること: 獲得したい案件ジャンルを1つ決め、そのジャンルの架空案件のテーマと制作目的を書き出す（10分）
Q: 架空案件と実績を混在させてよいですか？
A： 問題ありません。ただし、架空案件には「架空案件」「個人制作」「自主制作」と明記する必要があります。区別なく掲載すると、クライアントからの信頼を損ないます。
Q： リデザイン作品はポートフォリオの何点目に掲載すればよいですか？
A： 実績（クライアントワーク）を先に並べ、架空案件・リデザインはその後に配置するのが基本です。実績がない場合は、ターゲット業種に最も関連するリデザインまたは架空案件を先頭に配置してください。
問い合わせ導線は5箇所に設ける
問い合わせボタンが「お問い合わせページにだけある」構成では、依頼意欲があるクライアントを逃します。CTAを5箇所に分散配置することで、ページ内のどこで意思決定しても問い合わせへ進める設計になります。
ヘッダーにCTAを固定表示する
ヘッダーに「お問い合わせ」ボタンを固定表示（スクロールしても追従する形式）することで、全ページ・全スクロール位置から問い合わせへのアクセスが可能になります。ヘッダーCTAは、ポートフォリオ全体で最も費用対効果が高い導線設計です。設置しない場合、ヘッダーの占有スペースが「ロゴと自分の名前だけ」という状態になり、クライアントが問い合わせ方法を探すためにスクロールする必要が生まれます。
作品詳細ページの末尾にCTAを設置する
作品詳細ページを最後まで読んだクライアントは、依頼を検討している可能性が最も高い状態です。この状態でページが終わり、次のアクションの導線がない構成は機会損失です。「このような制作が可能です。まずはご相談ください」という一文とともに問い合わせボタンを配置します。
トップページのサービスセクション末尾にCTAを設置する
サービス内容・料金・制作フローを読み終えたクライアントが次に求めるのは「実際に依頼する方法」です。サービスセクションの末尾に「ご依頼・ご相談はこちら」というCTAを設けることで、情報収集が完了したタイミングで問い合わせへ誘導できます。フリーランスの問い合わせを増やす実践法も合わせて参考にしてください。
返信対応時間をCTAの近くに記載する
「通常2営業日以内に返信します」「まずはご相談だけでも歓迎です」という一文をCTAの直下または近くに記載します。返信対応時間の明示は、問い合わせへの心理的ハードルを下げる効果があります。「問い合わせると即座に契約を迫られるのでは」という不安を持つクライアントは少なくなく、相談しやすい雰囲気を言葉で示すことが問い合わせ率に影響します。
公開前に問い合わせフォームの送信テストを必ず行う
問い合わせフォームが正常に機能しているか、公開前に実際に送信テストを行います。フォームのエラー・送信後の画面遷移の不具合・メール未着は、問い合わせ意欲があるクライアントを完全に逃します。スマートフォン表示での操作確認も合わせて実施してください。
CHECK
▶ 今すぐやること: 自分のポートフォリオで問い合わせボタンが何箇所あるか数え、3箇所未満であれば追加箇所を書き出す（5分）
Q: 問い合わせフォームとメールアドレスはどちらを掲載すべきですか？
A： 両方掲載することを推奨します。フォームを好むクライアントとメールを好むクライアントの両方に対応できます。メールアドレスのみの場合、フォームに慣れているクライアントが問い合わせをためらうケースがあります。
Q： SNSのDMを問い合わせ先として使っても問題ありませんか？
A： SNSのDMを連絡手段として記載すること自体は問題ありませんが、主要な問い合わせ先はメールアドレスまたは専用フォームに設定することを推奨します。SNSは非公開設定の変更やアカウントの停止リスクがあります。
ポートフォリオ管理は5つの仕組みで解決
ポートフォリオを「作ったら終わり」にしてしまうと、実績が更新されず活動状態が伝わらなくなります。案件獲得を継続するための5つの実務ハックを解説します。
ハック1: 作品ページに統一フォーマットを設けて作業時間を削減
【対象】: 作品詳細ページを毎回ゼロから作っており、更新が面倒で後回しになっているデザイナー
【手順】: ステップ1として、「背景・課題・担当範囲・プロセス・成果・使用ツール・制作期間」の7項目をFigmaまたはNotionのテンプレートとして作成します（所要時間：30分）。ステップ2として、新しい案件が完了したタイミングで、テンプレートの各項目に情報を入力します（案件ごとに20〜30分）。ステップ3として、入力した内容をポートフォリオサイトの作品詳細ページにコピーして公開します（15分）。
【ポイントと理由】: 案件が終わった後の新しい仕事に追われてポートフォリオの更新が止まるケースは多くあります。テンプレートを先に設計しておけば、案件完了後の入力が「穴埋め作業」になるため、作業時間を大幅に削減できます。フォーマットがない状態での作品ページ制作は毎回1〜2時間かかるのに対し、テンプレート運用では30〜40分で完了します。フォーマットがあることで「何を書くべきか」の思考が不要になるためです。
【注意点】: テンプレートに情報を詰め込みすぎる必要はありません。7項目すべてを必ず同じ分量で埋めようとする必要はなく、成果が明確でない作品は「担当範囲と使用ツール」だけでも掲載できます。完璧な作品ページを目指して更新が止まることの方が、掲載項目が少ないことよりも問題です。
ハック2: 掲載順を「獲得したい案件ジャンル」に揃えて問い合わせ精度を上げる
【対象】: 作品を時系列や制作日順に並べており、問い合わせが自分の希望と合わない案件ばかりのデザイナー
【手順】: ステップ1として、次の3〜6ヶ月で獲得したい案件ジャンルを1〜2個決めます（例：ECサイトのUIデザイン・飲食業界のブランディング）（10分）。ステップ2として、手持ちの作品から、決めたジャンルに最も関連する作品を先頭に配置します（入替作業：15分）。ステップ3として、4週間後に問い合わせの内容とジャンルが変化したか確認し、必要に応じて掲載順を再調整します（5分）。
【ポイントと理由】: 「実績の多い作品や最新作を先頭に並べる」よりも、「獲得したいジャンルの作品を先頭に配置する」方が問い合わせの精度が上がります。クライアントは最初に見た作品でデザイナーの専門性を判断するため、先頭作品がジャンルのシグナルになります。ECサイトのUIデザインの案件を獲得したいなら、ECサイトの作品が最初に表示されていることが、「この人に依頼できる」という判断を最短距離で支援します。
【注意点】: 掲載順を変える際に、質の低い作品をジャンル一致だけで先頭に持ってくることは逆効果です。ジャンルが合うだけでなく、「この作品を見てもらえるなら先頭に置ける」と自分が判断できる作品を選んでください。
ハック3: スキル欄に「業務範囲マトリクス」を加えて単価交渉を有利に進める
【対象】: スキルをツール名だけで羅列しており、業務範囲の説明ができずに単価交渉で不利になっているデザイナー
【手順】: ステップ1として、自分が対応可能な業務を「制作物の種類（LP、ECサイト、アプリUIなど）×工程（要件定義、情報設計、UIデザイン、コーディング）」のマトリクス形式で書き出します（20分）。ステップ2として、各セルに「対応可」「対応不可」「要相談」を記入し、スキルページに表形式で掲載します（15分）。ステップ3として、「対応不可」の工程については、「コーディングは対応不可。ただし、コーダーの方との協業制作であれば対応可能です」のように補足を加えます（10分）。
【ポイントと理由】: 「Figma：UIデザイン / Photoshop：バナー制作」のようなツール別スキル記載よりも、「制作物の種類×工程」のマトリクス形式の方が、クライアントが「自分の案件に対応できるか」を判断しやすいです。ツール名は「持っているかどうか」の情報であり、「どこまで任せられるか」の情報ではありません。マトリクスがあることで、クライアントは問い合わせ前に業務範囲を確認でき、ミスマッチの問い合わせが減ります。
【注意点】: マトリクスを「できること全部」で埋めようとしなくてよいです。対応不可の工程を明記することで、クライアントの期待値を適切に設定でき、納品後のトラブルを防ぎます。全対応可にした方が良さそうに見えますが、境界が曖昧な方が問題が起きやすくなります。
ハック4: 更新日の表示で「現在も活動中」を伝え、問い合わせ率を維持する
【対象】: ポートフォリオを作って以降更新しておらず、最後の実績掲載から半年以上経過しているデザイナー
【手順】: ステップ1として、ポートフォリオのトップページまたはプロフィールセクションに「最終更新：YYYY年MM月」を記載します（5分）。ステップ2として、新規案件完了のたびに、翌週以内に作品詳細ページを追加し、更新日を更新します（案件ごとに30〜40分）。ステップ3として、案件がない期間が3ヶ月続く場合でも、プロフィール文の調整や自主制作の追加で更新を維持します（月1回・30分）。
【ポイントと理由】: クライアントは更新日を見て「今も稼働しているデザイナーか」を判断しています。更新が止まったポートフォリオは、活動休止中と見なされる可能性があり、問い合わせ率が低下します。「最終更新：2年前」は、問い合わせる前からクライアントの不安を高める要素です。更新日を明記し、小さな変更でも更新することが、継続的な問い合わせを維持する仕組みになります。
【注意点】: 「更新日だけを書き換えて内容を変えない」という操作は必要ありません。クライアントがページを再訪したときに内容が変わっていないことに気づくと、逆に信頼を損ないます。更新日の変更は、実際にコンテンツを追加・修正した場合のみ行ってください。
ハック5: 公開前の5点チェックで問い合わせ機会の損失をゼロにする
【対象】: ポートフォリオを公開済みだが、スマートフォン表示やフォーム動作を確認しておらず、機会損失が発生している可能性があるデザイナー
【手順】: ステップ1として、スマートフォンで実際にポートフォリオを開き、全ページのレイアウト崩れ・文字の読みにくさ・ボタンの操作しやすさを確認します（15分）。ステップ2として、問い合わせフォームに実際のメッセージを入力して送信し、自分宛てにメールが届いているかを確認します（5分）。ステップ3として、全ページのリンクをクリックして、リンク切れがないかを確認します（10分）。ステップ4として、作品画像のファイルサイズを確認し、1枚あたり500KB以上の画像をWebP形式またはJPEG圧縮で軽量化します（20〜30分）。ステップ5として、別のブラウザ（Chrome・Safari・Firefox）で表示を確認し、見た目に差異がないかを検証します（10分）。
【ポイントと理由】: 公開後の問題（フォーム未着・画像表示遅延・スマートフォンでのレイアウト崩れ）に気づかないまま放置されるケースは多くあります。公開前の5点チェックを制度化することで、問い合わせ機会の損失を防げます。フォームが動作していないポートフォリオに問い合わせが届いていない状態は、クライアントではなくデザイナー自身が気づけません。5点チェックは初回で60分、以降の更新時は30分で完了します。
【注意点】: 画像圧縮で画質を落とさない方法を参考に、WebP形式で100〜200KB程度に収めれば表示速度と画質のバランスが取れます。圧縮によって作品の色味や質感が損なわれた場合、ポートフォリオの印象に直接影響するため、圧縮後は必ず画質を目視で確認してください。
CHECK
▶ 今すぐやること: ハック5の5点チェックを今すぐ実施し、スマートフォンでの表示とフォームの動作を確認する（60分）
Q: ポートフォリオの更新頻度はどのくらいが理想ですか？
A： 月1回を目安にしてください。新規案件がない月でも、プロフィールの修正・自主制作の追加・掲載順の見直しなど、30分程度で実施できる更新が継続的な活動状態の維持につながります。
Q： ポートフォリオはWebサイト、PDF、SNSのどれが最も効果的ですか？
A： 目的によって使い分けることが基本です。案件獲得の主軸にはWebサイト（更新・導線設計・SEOに対応できる）、採用応募にはPDF（担当者が印刷・保存しやすい）、認知拡大にはSNSを活用します。3つを連携させることが最も効果的です。
ポートフォリオ構成は7ページで完結する：今日から始める改善の進め方
ポートフォリオの案件獲得力は「何を作るか」より「誰向けに何を解決できるかを伝える構成になっているか」で決まります。トップページのファーストビューに対象顧客・提供価値を明示し、各作品詳細に7項目の統一フォーマットを適用し、CTAを5箇所に分散配置することで、問い合わせにつながる設計が完成します。今日から1つの作品ページを7項目フォーマットで書き直すことが、最短距離での改善です。
ポートフォリオは「作ったら完成」ではなく、案件の受注状況に合わせて掲載順・作品数・導線を継続的に調整するものです。まずはこの記事の診断（Q1〜Q3）を実施し、改善すべき箇所を1つ特定してから手をつけてください。
| 状況 | 次の一歩 | 所要時間 |
| ポートフォリオがまだない | 7ページ構成のサイトマップを書き出す | 20分 |
| トップページに対象顧客の記載がない | ファーストビューに4要素を追記する | 20分 |
| 作品詳細が画像のみ | 1点目に7項目フォーマットを適用する | 30分 |
| 問い合わせが0件 | CTAの設置箇所を5箇所に増やす | 30分 |
| 更新が半年以上止まっている | 更新日を表示し自主制作を1点追加する | 60分 |
デザイナーポートフォリオ構成に関するよくある質問
Q: ポートフォリオに掲載する作品数の目安はありますか？
A： フリーランスの案件獲得を目的とする場合は、質の高い代表作を5〜8点程度に絞ることが一般的です。数を増やすより、各作品の詳細（背景・課題・担当範囲・成果）を充実させることが評価につながります。
Q： 未経験でポートフォリオに載せる作品がない場合はどうすればよいですか？
A： 架空案件・自主制作・リデザインの3種類で作品を制作できます。いずれも「架空案件」「個人制作」「リデザイン（当該企業とは無関係）」と明記したうえで、7項目フォーマット（背景・課題・担当範囲・プロセス・成果・使用ツール・制作期間）に沿って作品詳細を記載してください。Webデザイン初心者のポートフォリオ作り方の詳細も参考にしてください。
Q: ポートフォリオを見てもらったのに問い合わせが来ない場合、まず何を確認すべきですか？
A： まずQ1〜Q3の診断を実施してください。次に確認すべきは、ファーストビューに対象顧客の記載があるか・CTAが3箇所以上あるか・フォームが正常に送信されるかの3点です。この3点が揃っていない場合、作品の質とは無関係に問い合わせが発生しにくい構成になっています。