案件獲得につながるデザイナーポートフォリオの構成｜見せ方・作品選び・CTA設計

デザイナーがよく陥るのは、ポートフォリオを「過去の作品アーカイブ」にしてしまうことです。しかし、案件を取りたいクライアントが見たいのは、過去の全作品ではなく「自分の案件を任せられそうか」「相性が合いそうか」「連絡しやすいか」です。

つまり、案件獲得型ポートフォリオは、作品集＋提案書＋名刺を1 URL にまとめたもの、と考えると設計しやすくなります。

DesignLayer のテンプレートも、Hero → Works → About → Contact という「信頼と行動」につなげるストーリー構成を前提に作られています。

クライアント（特に非デザイナーの決裁者）が知りたいのは次の4点です。

① どんなデザイナーか（専門・スタイル）。② 似た案件の実績があるか。③ 一緒に仕事しやすそうか（プロセス・コミュニケーション）。④ どう連絡すればよいか。

これに対応するセクションが Hero、Works、About、Contact です。Skills の羅列より、「ブランド立ち上げから Web UI まで一気通貫」のような提供範囲の一文の方が伝わります。

料金や納期の目安を載せるかは業種次第ですが、「まずは30分のヒアリングから」のような低いハードルの CTA は問い合わせ率を上げやすいです。

載せる作品は、過去の順番ではなく「これから取りたい案件」に近い順に並べます。

例：SaaS の UI 案件を増やしたい → ダッシュボード・オンボーディングの実績を先頭に。

例：飲食ブランディングをやりたい → ロゴ・メニュー・店舗ビジュアルを先頭に。

1案件あたり、ビジュアル1枚＋役割1行＋成果1行の3点セットで十分です。詳細は別 URL や PDF にリンクしてもよいでしょう。

Scene Switch のように1枚ずつ強く見せるテンプレートと、Portfolio Profile のように複数を一覧するテンプレートでは、作品数に合わせて選び分けてください。

主 CTA は1つに絞ります。「お問い合わせ」「仕事の相談をする」「30分話す」など、自分が対応しやすい文言に統一してください。

Contact セクションには、メール・フォーム・Calendly・Instagram DM など、実際に返信する手段だけを載せます。

Hero とページ最下部の2箇所に同じ CTA を置くのが基本です。モーションテンプレでは、スクロール後に Contact が自然に現れる構成も多いです。

「空き状況」や「対応可能な案件タイプ」を1行添えると、問い合わせの質が上がります（例：「2026年Q3 — UI デザイン・ブランド案件を受付中」）。

自己紹介は「Photoshop / Figma が使えます」ではなく、「スタートアップの MVP を3週間で UI まで仕上げます」のように、クライアントが得られる未来で書きます。

About では、プロセス（ヒアリング → ラフ → フィードバック → 納品）を3ステップ程度で示すと、発注側の不安が減ります。

AI が生成したコピーはたたき台として優秀ですが、実績数値・対応範囲・トーンは必ず人が確認してください。プレビュー上でダブルクリック編集できます。

Instagram や X では日々の制作過程を見せ、ポートフォリオ URL では「まとめて信頼を決定づける」役割分担が効果的です。

リールでテンプレートのスクロール演出を数秒見せ、「リンクから自分のサイトを確認して」と誘導すると、プロフィールクリック率が上がります。

DesignLayer の訴求どおり、プロダクト自体が広告素材になる前提で、動くサイトをそのままマーケコンテンツに使えます。

制作の始め方は「フリーランスデザイナーのポートフォリオサイトの作り方」、テンプレ選定は「デザイナー向けポートフォリオテンプレートの選び方」をご覧ください。