フリーランスWebデザイナーが案件を獲得するには、ポートフォリオの構成を「誰に・何を・どう伝えるか」の3軸で整理することが最短ルートです。競合記事では触れられていない問い合わせフォーム設計や守秘義務対応まで、受注直結の7項目を解説します。
この記事でわかること
「作品はあるのに問い合わせが来ない」状態を脱するための7ブロック構成の全体像がわかります。作品詳細に何を書くべきか、目的・課題・担当範囲・成果の4項目で制作力を伝える方法を習得できます。問い合わせフォームの設計から料金掲載の判断基準まで、受注率を左右する実務ノウハウを得られます。
30秒診断全2問・あなたに合う働き方のタイプが分かります
Q1. 今のデザインの仕事で、一番近い悩みは?
この記事の結論
フリーランスWebデザイナーのポートフォリオは、プロフィール・サービス・作品・制作フロー・料金目安・問い合わせの6ブロックで構成します。作品数より「受注したい案件に近い作品の説明密度」が案件獲得を左右します。各作品に目的・課題・担当範囲・成果の4点を記載することで、依頼者は発注前の不安を解消でき、問い合わせへの心理的ハードルが下がります。
今日やるべき1つ
現在のポートフォリオから最も自信のある作品1点を選び、「目的・課題・担当範囲・成果」の4項目を200文字以上で書き直す(所要時間:30分)。
状況別ショートカット
| 状況 | 読むべきセクション | 所要時間 |
| 何を載せるか決まっていない | ポートフォリオの基本構成は7ブロックで整理 | 3分 |
| 作品説明を充実させたい | 作品詳細は4要素で制作プロセスを可視化 | 4分 |
| 実績が少なく作品が足りない | 実績なしでも信頼感を出す3つの対応 | 4分 |
| 誰を対象にするか迷っている | ターゲット別に構成を3分で診断 | 3分 |
| 受注事例から学びたい | 構成の違いが案件獲得を分けた2つの実例 | 3分 |
| 受注率を上げるノウハウが欲しい | 受注率を上げる実務ハック5選 | 5分 |
| 問い合わせが来ない原因を知りたい | 問い合わせが来ないポートフォリオを8項目で診断 | 3分 |
ポートフォリオの基本構成は7ブロックで整理
ポートフォリオに「何を載せればいいかわからない」と感じる段階では、まず全体の骨格を把握することで各要素の役割が整理しやすくなります。7ブロックの構成と役割を順に確認してください。
ファーストビューは肩書きと価値提案を1文で伝える
ポートフォリオを開いた瞬間に依頼者が知りたいのは「この人に何を頼めるか」という1点です。ファーストビューには、肩書き(例:「LP・コーポレートサイト制作」)、得意分野(例:「BtoB向けUI設計とコーディング対応」)、問い合わせボタンの3点をセットで配置します。プロフィール冒頭の1〜2文で提供価値が伝わらない場合、依頼者は作品一覧まで進まずに離脱します。肩書きは職種名だけでなく「誰の・どんな課題を・何で解決できるか」を含む形に書くことで、依頼者の自己照合が一瞬で完了します。
プロフィールには経歴・得意領域・稼働条件を含める
プロフィールセクションでは、デザイン歴・職歴・得意なジャンル・使用ツール・稼働時間・対応可能な地域・リモート可否を記載します。フリーランスに依頼する際、依頼者が最も気にする情報は「本当に対応できるか」という稼働面です。稼働条件を明記するだけで、依頼前の確認メールが減り、問い合わせから受注までのリードタイムを短縮できます(ポートフォリオの基本項目と構成)。フリーランスWebデザイナーの仕事内容や独立に必要なステップについても、あわせて確認しておくと稼働条件の整理に役立ちます。

スキル・使用ツールは実務で使えるものに絞る
FigmaやPhotoshop、Illustrator、Adobe XDなどのツールと、HTML/CSS・JavaScript・WordPressなどのコーディングスキルは、実際に業務として対応できるものだけを掲載します。ツールリストをすべて列挙すると「なんでもできる」という印象になり、逆に専門性が伝わりにくくなります。コーディング対応の有無は依頼者の発注判断に直結するため、「Figmaでデザインデータ納品のみ」「HTML/CSS実装まで対応」のような形で範囲を明記することが実用的です。
サービス一覧には対応範囲・納期・修正条件を記載する
フリーランス向けのポートフォリオでは、サービス一覧ページが営業資料の役割を果たします。LP制作・コーポレートサイト・バナー・UIデザインなど対応できる制作物の種類を明記し、各サービスに標準的な納期の目安と修正回数の条件を添えます。料金の掲載については後述しますが、少なくとも「作業範囲によって変動する」という注釈をサービス一覧内に記載することで、問い合わせ後の条件交渉がスムーズになります(フリーランスのポートフォリオ掲載項目)。
作品一覧はカテゴリと担当範囲を一目で伝える形式にする
作品一覧のサムネイルには、作品タイトル・カテゴリ(LP/コーポレート/バナーなど)・担当範囲(デザインのみ/コーディング含む など)をラベル表示します。依頼者は作品数よりも「自分の依頼に近いものがあるか」を最初に確認します。ジャンル別にフィルタリングできる構成や、目立つ場所に「受注したい仕事に最も近い代表作」を配置することが問い合わせ率の向上につながります。フリーランスの仕事につながるポートフォリオの作り方では、実績・価格・著作権の記載ポイントも解説しています。

制作フローは5〜7ステップで納品までを可視化する
ヒアリング→要件定義→ワイヤーフレーム→デザイン→コーディング→修正→納品のフローを、各ステップの所要期間とともに記載します。初めてフリーランスに依頼する依頼者は「どこで確認が必要か」「何回修正できるか」を事前に把握できないため、フロー図または文章で工程を可視化するだけで安心感が大幅に高まります。制作フローを掲載しているポートフォリオは競合記事でも例が少なく、差別化ポイントになります。
問い合わせ導線は入力項目を最小限に絞る
問い合わせフォームの入力項目が多すぎると、フォーム途中で離脱されます。最低限必要な項目は「お名前・メールアドレス・ご相談内容・ご希望納期・おおよその予算」の5項目です。参考URLの入力欄を設けると、依頼者の事前情報を取得でき、ヒアリング工数が削減されます。フォームの直前に「2営業日以内に返信します」という一文を入れると送信率が向上します(未経験向けポートフォリオ構成と問い合わせ設計)。
CHECK
▶ 今すぐやること: 自分のポートフォリオの7ブロックを紙に書き出し、現状で欠けているセクションを特定する(10分)
Q: プロフィール写真は必須ですか?
A: 必須ではありません。顔写真を掲載すると依頼者との信頼関係を築きやすくなります。写真を使わない場合は、イラストや似顔絵でも同様の効果が得られます。
Q: ポートフォリオはPDFとWebサイトどちらが良いですか?
A: フリーランスとして継続的に案件を獲得することが目的であれば、更新や検索対応の観点からWebサイトが推奨されます。PDFは商談時の補助資料として併用する形が実用的です。
作品詳細は4要素で制作プロセスを可視化
「完成画像だけ貼っている」「何を工夫したか説明できない」という悩みは多くのWebデザイナーが抱えています。作品1点ごとに読むべき情報を整理すれば、制作力の説明が体系的になります。
作品詳細ページには目的・課題・担当範囲・成果を記載する
作品詳細ページの構成は、目的(このデザインで何を達成しようとしたか)・課題(依頼者や自分が解決しようとした問題)・担当範囲(デザイン/コーディング/構成の企画まで)・成果(CVR改善、表示速度向上、依頼者からのフィードバックなど)の4要素を基本とします。成果を数値で示せない場合でも「依頼者からのフィードバック内容」「制作上で工夫した判断の根拠」を記載することで、問題解決プロセスを伝えられます(駆け出しWebデザイナー向けポートフォリオ)。成果の数値よりも「なぜその判断をしたか」の説明がある作品のほうが、ヒアリング時に具体的な会話に発展しやすい傾向があります。
PC版・スマホ版の両方を見せると対応力が伝わる
作品画像はPC版とスマートフォン版の両方を掲載します。レスポンシブ対応が標準化された現在、一方だけの掲載は「もう片方の品質が低い」という印象を与えかねません。両方の画面を並べることで、デバイスを意識したレイアウト設計力を視覚的に示せます。PC版のみ対応の案件であっても、スマホ版のモックアップを制作して掲載することは制作力の訴求として有効です。フリーランスWebデザイナーの必要スキルの一覧も参考にすると、掲載すべきスキルの優先順位が整理しやすくなります。

制作期間と制作体制を記載して作業規模を伝える
「制作期間:2週間(デザイン1週間・コーディング1週間)、担当:デザイン・コーディング・ディレクションすべて1名で対応」といった情報は、依頼者が発注可能な案件規模を判断するための材料になります。チーム制作の場合は「ディレクター1名・自分(Webデザイン・コーディング担当)」のように自分の担当範囲を明確に区別します。自分の役割が曖昧なまま掲載すると、ディレクターが主体の仕事をWebデザイナーの実績と誤解されるリスクがあるため、担当範囲の記載は依頼者への誠実さとしても重要です。
守秘義務案件は4つの対応パターンで掲載を検討する
クライアントの守秘義務により公開できない案件については、掲載可否を判断するための4パターンがあります。第一に、クライアントへの掲載許可申請です。事後でも許可が得られれば通常掲載できます。第二に、匿名化対応です。企業名・ロゴ・固有情報を消した状態で制作過程とデザインを見せる方法です。第三に、画像加工対応です。一部にモザイクやぼかしを入れつつ、デザインの方向性を伝える方法です。第四に、パスワード付き非公開ページへの誘導です。問い合わせ時に限定公開URLを共有する方法で、実績の存在自体は伝えられます。いずれの方法でも、掲載時にはクライアントへの確認・了承を優先することが原則です。フリーランスの秘密保持契約(NDA)の注意点も事前に把握しておくと安全です。

使用ツールと作業ファイルの形式を記載する
作品ごとに使用したツール(FigmaやPhotoshop、Illustratorなど)と、納品ファイルの形式(Figmaデータ、PNG書き出し、HTML/CSSファイルなど)を記載します。依頼者が社内で引き継ぎをする場合、自分たちが使えるツールで作業されているかを事前に確認したいニーズがあります。「Figmaでデザインデータを納品、修正時は依頼者側で編集可能」という一文があるだけで、発注後の運用イメージが具体的になり、継続契約につながりやすくなります。
CHECK
▶ 今すぐやること: 手持ちの作品1点について「目的・課題・担当範囲・成果」の4項目を200文字以上で書き出す(30分)
Q: 作品に成果数値がない場合はどう対応すればよいですか?
A: 数値がない場合は「依頼者からのフィードバック内容」「制作上で工夫した判断の根拠」「改善した箇所の比較」を記載します。なぜその判断をしたかの説明が、数値の代替として機能します。
Q: 作品詳細は何文字程度書けばよいですか?
A: 最低でも各項目100文字以上、全体で400〜600文字程度を目安にします。長すぎる場合は段落に分けて散文で記述します。
実績なしでも信頼感を出す3つの対応
「掲載できる作品が足りない」という悩みはフリーランスになりたての段階でぶつかる壁です。依頼者が気にするのは作品の数ではなく、仕事を任せられるかどうかの判断材料です。
架空案件は目的・ターゲット・要件を設定してから制作する
架空案件をポートフォリオに掲載する際は、「誰のどんな課題を解決するか」という前提を設定した状態で制作します。「飲食店向けランチ予約LPを制作。ターゲット:20〜30代のランチ利用者、目的:電話予約をWebに移行してスタッフ負担を削減、要件:スマホ対応・3秒以内に予約ボタンへ誘導」のように要件定義から始めた架空案件は、実案件のプロセスを再現できているため、制作力と問題解決力を同時に示せます(フリーランスのポートフォリオ掲載項目)。架空案件であることは「自主制作」として明記することが誠実な対応です。Webデザイン初心者のポートフォリオ作り方では、架空案件で実績0でも受注できる5ステップを解説しています。

1〜2作品をケーススタディ形式に昇格させる
5〜8作品程度を掲載する場合、そのうち1〜2作品を詳細なケーススタディ形式にすることが有効です(駆け出しWebデザイナー向けポートフォリオ)。ケーススタディ形式とは、ヒアリング内容・競合調査・ワイヤーフレーム・デザインの変遷・修正過程・最終成果物までを時系列で見せる形式です。1作品を深く掘り下げることで、10作品の完成画像を並べるよりも依頼者への情報伝達密度が高くなります。実績がない段階ほどケーススタディ1本に時間を集中させるほうが問い合わせにつながりやすい傾向があります。
実績がない期間は習作・ハンズオン課題も掲載対象にする
Webデザインのスクールや勉強会で作成した課題作品、既存サイトのリデザイン模写も掲載できます。その際は「○○スクールの課題制作」「実在するサイトを参考にしたリデザイン練習」と明記し、実案件と区別します。模写やリデザインであっても、なぜその色やレイアウトを選んだかという判断の説明を添えることで、単なる練習ではなく思考力のある制作として評価されます。依頼者は作品の出自よりも「どう考えてデザインしたか」の説明密度を見ている場合がほとんどです。
CHECK
▶ 今すぐやること: 手持ちの作品から1点を選び、ケーススタディ形式(ヒアリング→方針→デザイン→修正→納品の5段階)で書き直す計画を立てる(15分)
Q: 架空案件はいくつまで掲載して良いですか?
A: 実案件を獲得するまでは3〜5点の架空案件を掲載することが一般的です。実案件が増えたら差し替えていくことを前提に、現時点での最良の作品として掲載します。
Q: 他のデザイナーの模写やトレースは掲載できますか?
A: 掲載できません。他者の著作物をそのままトレースした作品は著作権の観点からポートフォリオへの掲載が適切ではありません。参考にしたうえで自分のオリジナルとして制作した作品に限ります。
ターゲット別に構成を3分で診断
ポートフォリオの構成はターゲットによって優先すべきセクションが変わります。以下のフローで自分のターゲットを確認してください。
Q1: 受注したい主な顧客層はどれに近いですか?
個人事業主・小規模事業者を中心に受注したい場合はQ2へ進んでください。制作会社・エージェント経由の案件を中心に受注したい場合はResult Bへ。企業の内製チームやインハウスの仕事を中心に受注したい場合はResult Cへ進んでください。
Q2: 料金や納期をポートフォリオで公開することに抵抗はありますか?
ない(積極的に公開したい)場合はResult Aへ。ある(問い合わせ後に伝えたい)場合はResult A-2へ進んでください。
Result A:個人事業主・小規模事業者向け(料金・納期公開型)
サービス一覧・料金目安・制作フロー・問い合わせフォームのセクションを充実させます。個人事業主の依頼者は、問い合わせ前に予算感を把握してから連絡するケースが多いため、「○○円〜、標準納期○週間」といった目安を掲載するだけで問い合わせへの心理的ハードルが下がります。
Result A-2:個人事業主・小規模事業者向け(問い合わせ誘導型)
料金の代わりに「ご予算や作業範囲に応じてお見積もりします」という文を配置し、まず相談を促す構成にします。初回相談の無料化や返信の早さを明記すると、問い合わせへの誘導効果が高まります。
Result B:制作会社・エージェント向け
担当範囲・使用ツール・制作期間・チーム制作の経験を中心に構成します。制作会社はプロジェクトに組み込む前提で評価するため、「Figmaを使ってディレクターと連携できる」「2週間でデザインとコーディングを完了した実績がある」といった具体的な作業能力と実績が評価されます。作品の完成度よりも再現性と対応範囲を重視してください。フリーランスのマッチングサービスの使い方では、エージェント経由の案件獲得のコツも解説しています。

Result C:企業インハウス・大型案件向け
提案力・課題整理能力・成果指標との連動を重点的に見せます。企業担当者はデザインの美しさだけでなく「KPI達成に貢献できるか」を確認するため、CVR改善・ページ速度改善・ユーザーテスト実施経験などを作品詳細に記載します。ケーススタディ形式の作品を2〜3点用意することが、このターゲット層では特に効果的です。
自分のターゲットが複数にまたがる場合は、最も受注したい顧客層に合わせた構成を主軸にしてください。
CHECK
▶ 今すぐやること: 上記フローで自分のResult(A・A-2・B・C)を確認し、現在のポートフォリオでそのResultに対応したセクションが揃っているか確認する(3分)
Q: 複数の顧客層を同時に狙えますか?
A: 物理的には可能ですが、メインターゲットを1つに絞ったほうがポートフォリオの訴求が明確になります。複数ターゲットに対応する場合は、顧客層ごとに別ページや別バージョンのポートフォリオを用意することが実用的です。
Q: 制作会社に登録するためのポートフォリオは何が最重要ですか?
A: 担当範囲の明確さと使用ツールの具体性が最重要です。「Figmaでデザイン完成データを○日で納品した実績」のように、プロジェクトに組み込む際の実務判断に使える情報を優先してください。
デザインの仕事で単価を上げたい方へ
Webデザインの学び方をLINEで受け取る
LINEで無料で届くもの
- 20本Webデザインの無料レッスン
- 全工程Photoshopの解説動画
- 4本限定のPDF・動画
登録1分・情報収集だけでもOK・セミナー参加は自由
タップするとLINEの友だち追加画面が開きます
LINE登録のよくある質問
- お金はかかりますか?
- LINEの登録と、届くレッスン・動画・PDFは無料です。
- どんな連絡が来ますか?
- レッスンや動画のほか、無料セミナーの案内が届きます。参加するかは自由です。
- やめたいときは?
- LINEでブロックすれば、それ以上は届きません。
PR提供: 日本デザインスクール(デザスク)
構成の違いが案件獲得を分けた2つの実例
ポートフォリオの構成の差が、実際の受注にどう影響するかを2つのパターンで確認します。
ケース1(成功パターン): 受注したい案件を起点に構成を設計した例
フリーランスデビューから3ヶ月のWebデザイナーが、「LP制作特化」として作品詳細とサービス内容を整理し直したところ、問い合わせが入るようになった事例があります。ファーストビューに「LP制作専門・コーディング込みで2週間納品」の一文を加え、代表作1点にターゲット設定・課題・デザイン意図・クライアントフィードバックを400文字で記載しました。LP制作の案件に絞って構成を整えた結果、問い合わせの質とジャンル一致率がともに改善したという報告があります(Webデザイナーのポートフォリオ作成例)。
ケース2(失敗パターン): 作品数だけ増やして説明が薄かった例
作品を15点掲載しているにもかかわらず、各作品が完成画像のみで制作意図の説明が一切ない構成では、依頼者が「本当に自分で作ったのか」「何が得意なのか」を判断できない状態になります。作品数が多いほど説明が薄くなり、1点ごとの信頼感が低下する傾向があります。「制作意図や工夫点を書いていなかったために、問い合わせが来ても条件が全く違う案件ばかりで悩んでいた」という状況に陥ったWebデザイナーの報告があります(駆け出しWebデザイナー向けポートフォリオ)。最初から1〜2作品にケーススタディ形式で制作プロセスを記載していれば、依頼者が自分に合った案件かどうかを事前に判断でき、問い合わせの質が上がります。
CHECK
▶ 今すぐやること: 自分のポートフォリオを「依頼者目線」で見直し、画像のみ・説明なしの状態になっている作品が何点あるかを数える(5分)
Q: 作品数は何点が最適ですか?
A: 各作品に制作意図と担当範囲の説明がある状態で3〜8点が実務的な目安です。説明のない作品を増やすよりも、説明密度の高い代表作3〜5点に絞る構成を推奨します(ポートフォリオの基本項目と構成)。
受注率を上げる実務ハック5選
問い合わせが来ない状況は、構成よりも各要素の設計に原因があることがほとんどです。競合記事にはない実務視点のハックを5つ紹介します。
ハック1: ファーストビューに問い合わせボタンを配置して離脱を60秒以内に防ぐ
【対象】: 問い合わせが来ているかわからず、ポートフォリオを見た依頼者の行動が把握できていないWebデザイナー
【手順】: ファーストビュー(スクロールなしで見える領域)に「まずは相談する」または「制作を依頼する」という文言のボタンを1つ配置します(所要時間:20分)。ボタンのリンク先を問い合わせフォームに設定し、フォームの入力項目を「お名前・メールアドレス・ご相談内容・ご希望納期・おおよその予算」の5項目に絞ります。ボタン直前に「2営業日以内に返信します」という一文を入れ、送信後の不安を除去します。
【コツと理由】: ファーストビューへの配置が問い合わせ率を高める理由は、スクロールなしで意思決定が完了するからです。依頼者がポートフォリオを開いて作品を見た後、改めてページ末尾まで戻ってフォームを探す行動コストが問い合わせの壁になります。ボタンを全ページのヘッダーに固定表示することで、どのページを読んでいても問い合わせへのパスが消えない状態になります。
【注意点】: ボタンテキストに「お問い合わせはこちら」という汎用表現を使わないことが重要です。「○○の制作を相談する」のように案件種別を明記した文言のほうが、依頼者の自己照合を助け、問い合わせの質が上がります。
ハック2: 料金目安の掲載で問い合わせ前の離脱を防ぐ
【対象】: 料金を公開することに不安があり、問い合わせが少ない状態が続いているフリーランスWebデザイナー
【手順】: 「LP制作:○万円〜(コーディング込み、スマホ対応、修正3回まで含む)」のような形式で、作業範囲・修正条件を明記した料金目安を作成します(所要時間:30分)。料金の下限だけでなく「何を含むか」の条件を必ず併記します(例:「素材準備はクライアント負担、追加修正は1回○円」)。「作業内容によって変動します。まずはご相談ください」という一文を料金の直後に記載し、問い合わせへの誘導と価格交渉の余地を両立させます。
【コツと理由】: 目安料金を先に公開する構成のほうが問い合わせの総数と質の両方が改善しやすくなります。予算感の合わない依頼者との往復メールコストが削減されるためです。料金の公開がポジショニングの明確化として機能し、自分が本当に受注したい顧客層を事前に絞る効果があります。
【注意点】: 料金を固定価格として掲載すると、条件によって変動する案件への対応が困難になります。必ず「○万円〜」の下限と「作業範囲によって変動」という注釈をセットで記載してください。
ハック3: 受注したい案件の代表作をトップ配置して問い合わせ案件のミスマッチを削減する
【対象】: 問い合わせは来るが自分が受注したい案件と異なる依頼が多いと感じているWebデザイナー
【手順】: 自分が最も受注したい案件のジャンル(LP・コーポレート・バナー・UIなど)を1つ決め、そのジャンルの代表作を作品一覧の1番目に配置します(所要時間:20分)。代表作のタイトルやカテゴリラベルに「LP制作(コーディング込み)」のように受注したい案件を明示します。ファーストビューの肩書き欄を「LP・ランディングページ制作専門」のように代表作のジャンルと連動させます。
【コツと理由】: 受注したいジャンルをトップに固定することで、問い合わせ案件のジャンル一致率が上がります。作品一覧の先頭に配置された作品は依頼者の「この人に頼める仕事」という認知の起点になるためです。依頼者が作品一覧を見るのは平均して30秒程度であり、先頭作品が期待値を形成した後に他の作品を評価するという認知の順序が存在します。
【注意点】: 受注したいジャンルの代表作が手元にない場合、架空案件を制作してトップに掲載することをお勧めします。空の作品一覧トップよりも「自主制作」として要件定義から作った架空案件のほうが制作力を伝えられます。全ジャンルを均等に並べる必要はありません。
ハック4: 作品詳細に「制作意図の変遷」を記載して提案力をアピールする
【対象】: デザインの技術力はあるが「提案力」「課題解決力」をポートフォリオで伝えられていないと感じているWebデザイナー
【手順】: 作品詳細ページに「初期案と最終案の比較」として、最初のデザイン案と修正後の最終納品物を並べて掲載します(所要時間:45分)。「初期案では○○というアプローチを取ったが、ヒアリングで△△という課題が明確になり、□□に変更した」という修正の判断根拠を100文字以上で記載します。最終案に「この修正によって○○という状態が改善された」という結果の記述を加えます。
【コツと理由】: 完成物を美しく見せるだけでなく、「なぜそのデザインにしたか」という判断プロセスを示すことが実務では重要な評価軸になっています。完成物の美しさは個人の好みに依存しますが、判断根拠は依頼者の課題解決と直接結びつくためです。依頼者がフリーランスを選ぶ際の最大の懸念は「指示通りに作るだけで提案してくれないのでは」というものであり、修正の判断根拠を見せることがその懸念を払拭する有効な方法です。
【注意点】: 初期案が大幅に崩れているデザインの場合、掲載することで「最初のクオリティが低い」という印象を与えるリスクがあります。初期案の完成度が著しく低い場合は、比較掲載ではなく「修正点の説明文のみ」にする対応が適切です。
ハック5: 問い合わせフォームの「参考URL欄」で初回ヒアリング工数を削減する
【対象】: 問い合わせが来た後のヒアリングに時間がかかり、見積もり提出まで3〜5日かかっているフリーランスWebデザイナー
【手順】: 問い合わせフォームに「参考にしたいサイトのURL(任意)」という入力欄を追加します(所要時間:15分)。フォームの入力欄に「制作イメージや参考サイトがあれば記入してください(複数可)」というガイドテキストをプレースホルダーとして設定します。参考URLを受け取った後、初回返信時に「ご記入いただいたサイトをもとに、こちらのイメージで進められます」という確認を含めることで、ヒアリング回数を削減します。
【コツと理由】: 参考URL欄を任意で追加することで、問い合わせの質と初回対応の速度の両方が改善しやすくなります。参考URLという記入負荷が低い項目は依頼者の離脱を増やさず、一方で制作イメージの共有を加速するためです。フリーランスとクライアントのミスマッチの多くは「イメージの共有不足」に起因しており、フォーム段階でイメージを共有することがキャンセルリスクの削減にも機能します。
【注意点】: 参考URL欄を必須項目に設定することは避けてください。任意項目にすることで、参考サイトを持っていない依頼者の問い合わせハードルを上げずに済みます。
CHECK
▶ 今すぐやること: ファーストビューに問い合わせボタンがあるかを確認し、なければ「まずは相談する」ボタンを1つ追加する(20分)
Q: ハック1〜5のうち最初に取り組むべきはどれですか?
A: ハック1(ファーストビューへの問い合わせボタン設置)が最優先です。他のハックがどれだけ優れていても、問い合わせへのパスが見えない状態では機能しません。ハック1を設置した後、ハック3(代表作のトップ配置)に取り組むと、問い合わせ案件のジャンルが安定しやすくなります。
問い合わせが来ないポートフォリオを8項目で診断
「作品はあるのに問い合わせが来ない」という状況は、構成の欠落が原因の場合がほとんどです。以下の8項目で自分のポートフォリオを確認してください。
| 診断項目 | チェック内容 | 改善アクション |
| ファーストビュー | 肩書き・提供価値・問い合わせボタンがあるか | なければ最優先で追加 |
| 作品詳細 | 目的・課題・担当範囲・成果が各作品にあるか | 1作品から順に追記 |
| 代表作の位置 | 受注したい案件に近い作品が1番目にあるか | 順番を入れ替える |
| 対応範囲の明記 | デザインのみかコーディング込みかが明確か | サービス一覧に明記 |
| 料金の有無 | 目安料金または問い合わせ促進文があるか | どちらか一方を追加 |
| 制作フロー | 納品までの工程・期間が記載されているか | 5〜7ステップで追加 |
| 問い合わせ導線 | フォームの入力項目が5項目以内に絞られているか | 不要項目を削除 |
| 更新状況 | 直近6ヶ月以内に作品または情報が更新されているか | 更新日を明記 |
8項目のうち半数以上に「いいえ」がつく場合は、問い合わせが来ない直接的な要因が複数存在します。3〜4項目から改善を始め、問い合わせ状況の変化を確認しながら残りの項目を更新する方法が現実的です。ポートフォリオの公開後は定期的にアクセス状況と問い合わせ内容を確認し、問い合わせ案件のジャンルがずれている場合は作品の順番と代表作の説明を更新することが長期的な受注安定につながります(Webデザイナーのポートフォリオガイド)。フリーランスポートフォリオ改善で案件獲得率を5つの手順で上げる方法も実践の参考になります。

CHECK
▶ 今すぐやること: 上記8項目の診断を実施し、「いいえ」がついた項目のうち最も改善しやすいものを今週中に対応する(5分の診断+改善は項目により15〜30分)
Q: ポートフォリオの更新頻度はどのくらいが目安ですか?
A: 最低でも3ヶ月に1回は作品情報か掲載順を見直します。新規作品がない場合でも、既存作品の説明文を加筆するだけで情報の鮮度が保たれます。
Q: Googleアナリティクスなどのアクセス解析は設定すべきですか?
A: 設定することを推奨します。どのページが最も見られているか、どこから離脱されているかを把握することで、次の改善箇所が特定しやすくなります。無料で設定でき、問い合わせへの導線改善に直接活用できます。
ポートフォリオ構成は7ブロックで整備:今日から始める改善の手順
フリーランスWebデザイナーのポートフォリオは「誰に・何を・どう伝えるか」の3軸で整理することが案件獲得の最短ルートです。作品数の多さではなく、各作品の説明密度と問い合わせへの導線設計が受注率を左右します。今日からできる最初の一歩は、最も自信のある作品1点に「目的・課題・担当範囲・成果」の4項目を書き加えることです。
ポートフォリオは一度完成させて終わりではなく、問い合わせ内容や受注案件のジャンルを見ながら継続的に改善していくものです。まず7ブロックの骨格を整えてから、各要素の説明密度を上げていく順番で進めると、最初の問い合わせが来るまでの期間を短縮できます。
| 状況 | 次の一歩 | 所要時間 |
| 構成が白紙の状態 | 7ブロックのアウトラインを紙に書き出す | 10分 |
| 作品はあるが説明がない | 代表作1点に4項目(目的・課題・担当範囲・成果)を追記 | 30分 |
| 問い合わせボタンがない | ファーストビューに「まずは相談する」ボタンを追加 | 20分 |
| 問い合わせが来ているが案件がずれる | 受注したい案件の代表作を作品一覧の1番目に移動 | 15分 |
| 実績が少ない | 架空案件1点をケーススタディ形式で制作・掲載 | 3〜5時間 |
Webデザイナーポートフォリオ構成に関するよくある質問
Q: ポートフォリオに載せる作品数は何点が最適ですか?
A: 各作品に制作意図と担当範囲の説明がある状態で3〜8点が実務的な目安です。作品数を増やすより説明密度の高い代表作3〜5点に絞る構成のほうが、依頼者への情報伝達密度は高くなります。
Q: 未経験・実績なしの状態でポートフォリオは作れますか?
A: 作れます。架空案件(自主制作)をケーススタディ形式で1〜3点制作し、ヒアリング設定・ターゲット設定・デザイン意図を明記することで、実案件に近い制作力の訴求が可能です。「自主制作」として明記することが誠実な対応です。
Q: 料金をポートフォリオに掲載すべきか迷っています。どう判断しますか?
A: 個人事業主・小規模事業者を主なターゲットとする場合は、「○万円〜(作業範囲によって変動)」という形式で目安を公開してください。料金目安の掲載により、予算感の合わない依頼者との往復コストが削減されます。制作会社やエージェント経由の受注を主とする場合は、問い合わせ後の提示で問題ありません。