PR|無料レッスン20本を受け取る

WebデザイナーポートフォリオのNG例7選と改善法

◆ ◆ ◆

Home › フリーランスの仕事術 › Webデザイナーポートフォリオ...

FREELANCE CAREER GUIDE
フリーランスの仕事術
WebデザイナーポートフォリオのNG例7選と改善法
フリ転。

▼ 2問・30秒の診断で、あなたに合う働き方をチェック

目次

この記事でわかること

この記事に関連するツール

提案書テンプレート

実績を提案書の形にまとめられます

ポートフォリオの問い合わせがゼロになる7つのNGパターンとその原因がわかります。各作品に5項目の説明を追記するだけで受注率が改善する具体的な手順を解説します。実績なしでも3〜5点の自主制作で案件獲得できる構成の作り方を紹介します。

ポートフォリオに作品を並べても問い合わせが来ない原因は、7つのNG例のいずれかに該当するケースがほとんどです。この記事では案件獲得につながる構成への改善法を具体的に解説します。

30秒診断全2問・あなたに合う働き方のタイプが分かります

Q1. 今のデザインの仕事で、一番近い悩みは?

この記事の結論

ポートフォリオで案件が取れない最大の原因は、「作品を見せること」と「仕事を依頼させること」を混同している点にあります。クライアントは作品の美しさよりも、自分の課題を解決できるデザイナーかどうかを判断しようとしています。7つのNGパターンを把握し、各作品に制作意図・担当範囲・成果を加えるだけで、問い合わせ率は大幅に改善できます。

今日やるべき1つ

自分のポートフォリオのファーストビューを開き、「誰向けに、何を提供できるか」が10秒以内で伝わるか確認してください。伝わらない場合はキャッチコピーを1文書き直してください(所要時間: 15分)。

状況別ショートカット

状況読むべきセクション所要時間
問い合わせがゼロで原因を知りたいポートフォリオNGは7パターンに集約5分
作品の説明をどう書けばよいか迷っている各作品の説明は5項目で評価が変わる5分
実績がなく自主制作で代替したい実績なしはWebデザイナーの3〜5点が基準3分
受注したい案件と掲載内容がズレている案件獲得のNG習慣は5つの仕組みで解決7分
どれを直せばいいか優先順位がわからないポートフォリオの改善を3分で診断3分

ポートフォリオNGは7パターンに集約

採用担当者やクライアントがポートフォリオを確認する際に離脱するポイントは、共通した7つのパターンに集約されます。自分のポートフォリオがどのパターンに該当しているかを確認してください。

NG1: ファーストビューで専門性がゼロ

ポートフォリオを開いた瞬間に「誰に、何を提供するデザイナーか」が伝わらない場合、クライアントはその時点で離脱します。「Webデザイナーです」という肩書きだけでは、企業サイト専門なのか、LP制作が得意なのか、UIデザインを担当できるのかがまったく判断できません。クライアントはごく短時間でポートフォリオの適合性を判断するため、ファーストビューに対象顧客・提供サービス・強みの3要素がなければ、作品の中身を見てもらえません。

「スタートアップ向けのLP・コーポレートサイト制作」「Figmaを使ったUIデザイン専門」のように、業種や制作物の種類を明示することで、クライアントは自分の案件に合うかどうかをすぐに判断できます。ファーストビューは、クライアントが「話を聞く価値がある」と判断する唯一のスクリーニング地点です。フリーランスのWebデザイナーの仕事内容や独立のステップを理解したうえで、自分の専門性を1文で言語化することが第一歩です。

NG2: 作品画像だけで説明文がない

作品のスクリーンショットや画像だけを並べて、制作の背景や工夫を一切説明しないのは、ポートフォリオで最も多いNGパターンです。クライアントが知りたいのは「見た目が綺麗か」ではなく、「自分の課題をこのデザイナーに解決してもらえるか」です。画像だけのポートフォリオは、腕の見せ場を9割捨てているのと同じです。

各作品には「課題・目的・ターゲット・制作意図・担当範囲・使用ツール・制作期間・工夫点・成果」の説明を加えることで、思考プロセスと問題解決能力が伝わります。作品画像はあくまで「結果」であり、クライアントが評価したいのはそこに至るプロセスです。

NG3: 受注したい案件と作品がバラバラ

ECサイトの制作依頼を取りたいのに、バナーとSNS用画像しか掲載していない場合、クライアントはECサイトを発注できるデザイナーだと認識できません。ポートフォリオに掲載する作品は「過去に作ったもの」ではなく「受注したい案件に近いもの」を優先するという視点が抜けているケースが多くあります。

希望案件の種類(企業サイト、LP、ECサイト、UI、バナーなど)を先に決め、それに合う作品を3〜5点に絞って前面に出す構成にすると、クライアントの適合判断が格段にしやすくなります。作品の種類が散漫なポートフォリオは「何でもできます」というメッセージになりますが、クライアントから見れば「何が専門かわからない」という意味にしかなりません。フリーランスの仕事につながるポートフォリオの作り方では、掲載作品の選定基準について詳しく解説しています。

NG4: 担当範囲が不明確

チームや外注を含む制作物を、あたかも自分がすべて制作したかのように掲載することは、後でトラブルになるリスクがあります。逆に、どこまでが自分の担当かを明記しないままにすると、クライアントは実際の作業範囲を把握できず、依頼後に認識のズレが生じます。

各作品の説明に「ディレクション・ワイヤーフレーム・ビジュアルデザイン・コーディング・マークアップ」のうち、どの工程を担当したかを明示してください。担当範囲の明示は、透明性を高めるだけでなく、クライアントが依頼できる業務を具体的にイメージする手がかりになります。

NG5: 料金・納期・対応範囲の記載なし

料金の目安や納期の感覚、修正回数の上限が一切書かれていないと、クライアントは予算感を判断できないまま問い合わせを諦めます。フリーランスへの発注経験が少ないクライアントほど、「聞いたら失礼かもしれない」という心理が働き、問い合わせを控えるケースがあります。

料金の目安・制作期間の目安・修正対応の範囲・対応可能な業務の一覧をサービス概要として1ページに整理することで、クライアントは問い合わせ前にある程度の判断ができます。料金を明示することで問い合わせハードルが下がり、目標予算と合わない案件を事前に除外できるため、商談の質が上がります。

NG6: 問い合わせ先が見つけにくい

作品を見てもらえたとしても、問い合わせボタンやフォームが下部にしかない、または探さなければ見つからない配置になっていると、興味を持ったクライアントがそのまま離脱します。フォームの入力項目が多すぎる場合も同様で、入力の手間が問い合わせのハードルになります。

問い合わせボタンはページ上部と下部の両方に設置し、フォームの入力項目は「名前・メールアドレス・ご相談内容」の3項目程度に絞ることが基本です。問い合わせフォームの目的は「作ること」ではなく、「クライアントが迷わず送信できること」です。

NG7: スマートフォン表示の確認不足

PCで美しく整ったデザインのポートフォリオでも、スマートフォンで確認するとレイアウトが崩れ、文字が潰れ、ボタンが押せない状態になっているケースは珍しくありません。クライアントがスマートフォンでポートフォリオを確認するケースは相当数あり、その時点で閲覧を止めてしまう可能性があります。

公開前にスマートフォン・タブレット・複数のブラウザで表示を確認し、定期的にリンク切れや画像の読み込み状態もチェックしてください。ポートフォリオはリリース後も「生きた営業資料」として継続的にメンテナンスする前提で運用することが、長期的な案件獲得につながります。

CHECK

▶ 今すぐやること: 自分のポートフォリオを今すぐスマートフォンで開き、ファーストビューで専門性が伝わるかと問い合わせボタンの位置を確認する(5分)

Q: ポートフォリオに何点の作品を掲載すれば十分ですか?

A: 3〜5点が基準です。点数よりも各作品の説明の充実度が評価に直結します。作品画像だけの10点より、制作意図・担当範囲・成果まで書かれた3点の方が案件獲得につながりやすいです。

Q: おしゃれなデザインのポートフォリオにした方がよいですか?

A: デザインの凝り過ぎは避けてください。作品やサービス情報が見づらくなるケースがあります。ポートフォリオ自体のデザインは「作品の内容を邪魔しないシンプルさ」を基準に選んでください。

ポートフォリオの改善を3分で診断

自分のポートフォリオのどこから手をつければよいか迷う場合、以下の質問に順番に答えることで、優先して修正すべき箇所を3分で特定できます。

Q1: ポートフォリオのファーストビューに「対象顧客・提供サービス・強み」の3要素が明記されていますか?

Yesの場合はQ2へ進んでください。Noの場合はResult A(最優先で修正が必要)に該当します。

Q2: 掲載している作品に「課題・制作意図・担当範囲・成果」の説明がついていますか?

Yesの場合はQ3へ進んでください。Noの場合はResult B(作品説明の追記が必要)に該当します。

Q3: 受注したい案件の種類に合った作品が前面に掲載されていますか?

Yesの場合はQ4へ進んでください。Noの場合はResult C(作品選定の見直しが必要)に該当します。

Q4: 料金目安・納期感・問い合わせ先がすぐに見つかる位置に配置されていますか?

Yesの場合はResult D(運用メンテナンスを継続)に該当します。Noの場合はResult C(情報整理と導線改善が必要)に該当します。

Result A: ファーストビューを最優先で書き直す

クライアントが最初に見る箇所が最大の離脱ポイントです。「[対象顧客]向けの[提供サービス]を[強み]で提供するWebデザイナー」という1文を最上部に配置することから始めてください(所要時間: 15〜30分)。

Result B: 各作品に5項目の説明を追記する

作品画像だけの状態は、腕前を見せる機会を半分以下に減らしています。「課題・目的・制作意図・担当範囲・成果」の5項目を1作品ずつ追記してください(所要時間: 1作品あたり30〜60分)。

Result C: 作品選定と情報整理を同時に進める

受注したい案件の種類を書き出し、それに最も近い作品を3〜5点に絞ります。同時に料金目安・納期感・問い合わせ先を1ページに整理してください(所要時間: 2〜3時間)。

Result D: 月1回の定期メンテナンスを習慣化する

現状の構成は一定水準を満たしています。リンク切れ・画像読み込み状態・掲載情報の鮮度を月1回確認する習慣を維持してください(所要時間: 月30分)。

CHECK

▶ 今すぐやること: Q1から順に回答し、自分のResultを確認して、今日中に1つだけ改善作業を開始する(3分)

Q: ポートフォリオを見てもらえているのに問い合わせが来ない場合、どこを確認すればよいですか?

A: 閲覧数があって問い合わせがない場合、NG5(料金・納期・対応範囲の記載なし)かNG6(問い合わせ先が見つけにくい)が原因である可能性が高いです。サービス概要ページと問い合わせボタンの配置を先に確認してください。

Q: ポートフォリオの改善効果はどのくらいで確認できますか?

A: ファーストビューの修正や問い合わせ導線の改善は、公開後一定期間で閲覧行動の変化として現れます。Google AnalyticsやSearch Consoleで直帰率・閲覧ページ数・流入キーワードを確認しながら改善を継続してください。

各作品の説明は5項目で評価が変わる

作品画像を並べるだけで終わっているポートフォリオと、制作プロセスまで説明されているポートフォリオでは、クライアントが受け取る情報量に大きな差が生まれます。

課題と目的を最初に書く

作品説明の冒頭には「このデザインを作る前に存在していた課題」と「制作の目的」を書きます。「クライアントのECサイトでスマートフォンからの購入率が低下していた。モバイルファーストのUIに再設計し、購入フローを3ステップに短縮することを目的とした」というように、背景を明示することで、問題解決の文脈の中で作品を見てもらえます。

課題と目的がない作品説明は、結果だけを見せることになります。クライアントが本当に確認したいのは「このデザイナーは自分と同じ課題を理解できるか」という点であり、課題の記述はそれを証明する最初の手がかりです。

担当範囲を工程単位で明示する

「Webデザインを担当」という曖昧な記載は避け、「ワイヤーフレーム設計・UIデザイン(Figma)・画像加工・ディレクション」のように工程単位で担当範囲を明記します。コーディングは外部に依頼し、デザインのみを担当した場合もその事実を正直に書くことで信頼性が増します。

担当範囲の曖昧さは、依頼後の「こんなはずじゃなかった」というトラブルの一番の原因です。工程単位の明示は、クライアントとの認識ズレを事前に防ぐ最も効果的な方法です。フリーランスのWebデザイナーに必要なものを把握することで、自分が対応できる工程の範囲も整理しやすくなります。

使用ツールを工程と紐づける

「使用ツール: Figma、Adobe Illustrator、Photoshop」と列挙するだけでなく、「ワイヤーフレームはFigma、ロゴ制作はIllustrator、写真加工はPhotoshop」のように工程と紐づけて説明します。ツール名だけの記載は、どの場面でそのスキルを使えるかが伝わらず、スキルの深さを証明する機会を失います。

工程と紐づけたツール説明は、実務でどのようなフローで作業するかをクライアントに伝えます。これにより、発注側は依頼後の進め方をイメージしやすくなり、問い合わせのハードルが下がります。

成果を数値で記載できる場合は明示する

「サイトリニューアル後に問い合わせ数が月平均20件から35件に増加(クライアント提供データ)」のように、成果を具体的な数値で示せる場合は積極的に記載します。確認できない場合は数値の記載は省略し、「クライアントから継続発注をいただいた」という事実のみを記載するのが適切です。

根拠を示せるデータのみ掲載するルールを自分の中で決めてください。信頼できないデータを掲載することで生まれる1件の信頼低下は、正確なデータで積み上げた10件の信頼を相殺します。

自主制作は「制作意図」が唯一の説明手段

実務経験がなく自主制作のみを掲載する場合、「これは自主制作です」と明記したうえで、制作意図・想定ターゲット・想定課題を詳しく書くことで、思考力とデザインの方向性を伝えられます。自主制作であることを隠す必要はなく、むしろ正直に開示したうえで制作の背景を説明することが評価につながります。

自主制作は実務実績の代替ではなく、思考プロセスを見せるコンテンツだと位置づけると、掲載の仕方が変わります。未経験Webデザイナーのポートフォリオ作り方では、実績ゼロの段階から受注につながる構成を詳しく解説しています。

CHECK

▶ 今すぐやること: 自分のポートフォリオの中で最も受注したい案件に近い作品を1点選び、「課題・目的・担当範囲・使用ツール・成果」の5項目を今日中に書き加える(60分)

Q: 実績がゼロの場合でもポートフォリオは作れますか?

A: 自主制作3〜5点を「自主制作である」と明記して掲載することで十分にポートフォリオを構成できます。自主制作の場合は「想定ターゲット」と「制作意図」を詳しく書くことが、思考力を伝える唯一の手段になります。

Q: クライアント案件を掲載する際の注意点はありますか?

A: 契約書や秘密保持義務(NDA)の内容を確認し、掲載許可を個別に取ることが基本です。許可が取れない場合は、クライアント名・画像・URLを公開せず、担当範囲と制作期間のみを抽象的に紹介する方法があります。

デザインの仕事で単価を上げたい方へ

Webデザインの学び方をLINEで受け取る

LINEで無料で届くもの

  • 20本Webデザインの無料レッスン
  • 全工程Photoshopの解説動画
  • 4本限定のPDF・動画
無料レッスン20本を受け取る

登録1分・情報収集だけでもOK・セミナー参加は自由

タップするとLINEの友だち追加画面が開きます

LINE登録のよくある質問
お金はかかりますか?
LINEの登録と、届くレッスン・動画・PDFは無料です。
どんな連絡が来ますか?
レッスンや動画のほか、無料セミナーの案内が届きます。参加するかは自由です。
やめたいときは?
LINEでブロックすれば、それ以上は届きません。

PR提供: 日本デザインスクール(デザスク)

実績なしはWebデザイナーの3〜5点が基準

実績が少ない段階では、どれだけ作品を積み上げるべきかがわからず、とりあえず10点以上掲載してしまうケースと、逆に自信がなくて1〜2点しか載せないケースに二極化しがちです。

自主制作3〜5点を選ぶ基準

受注したい案件の種類に合わせて3〜5点を選ぶことが基準です。「スタートアップのLP制作を受注したい」という目標がある場合、LP1点・コーポレートサイト1点・バナー1点の合計3点を「自主制作」として掲載し、各作品に制作意図を添えれば十分な情報量になります。3点未満だと判断材料が不足し、5点を超えると各作品の説明が薄くなるリスクが高まります。未経験Webデザイナーの作品数は3〜10点で段階的に増やすという考え方が、ポートフォリオの充実に役立ちます。

点数より説明の密度を優先する

10点の作品に画像だけを並べるよりも、3点の作品に課題・制作意図・担当範囲・成果を詳述したポートフォリオの方が、実際のクライアントに与える印象は強くなります。作品点数を増やすことに時間をかけるより、すでに掲載している作品の説明を充実させることを優先してください。まず1点を完成させてから点数を増やす順序が確実です。

実績がない場合の掲載項目の明示ルール

自主制作を掲載する際には、必ず「自主制作 / 架空案件」と明記します。実務案件と自主制作が混在する場合も、それぞれにラベルをつけて区別することで透明性が確保されます。クライアントは実績の有無そのものより、正直に開示しているかどうかを見ています。

CHECK

▶ 今すぐやること: 受注したい案件の種類を紙またはメモに書き出し、今の掲載作品と照合して「残すもの・追加するもの・外すもの」を仕分ける(20分)

Q: 作品数が多すぎる場合、どれを外すべきですか?

A: 受注したい案件の種類から最も遠い作品から外してください。多様な作品を掲載することで専門性が薄まり、問い合わせ件数が減る逆効果になります。外した作品は削除せず、非公開にして保管しておいてください。

Q: 自主制作と実務実績のどちらを前面に出すべきですか?

A: 実務実績がある場合は実務案件を前面に出してください。自主制作のみの場合は、受注したい案件の種類に最も近い自主制作を先頭に配置します。実務実績が1点でもあれば、それを最初に配置する方が信頼感は高まります。

案件獲得のNG習慣は5つの仕組みで解決

掲載項目の整理にとどまらず、クライアントが問い合わせボタンを押すまでの行動を設計する5つのアプローチを紹介します。

ハック1: ファーストビューで問い合わせ数が改善する

【対象】: 問い合わせがゼロまたは月1件未満の、ファーストビューに専門性の説明がないWebデザイナー

【手順】: 受注したい案件の種類を1つ決めてください(例: スタートアップ向けLP)(所要時間: 10分)。次に「[対象顧客]向けの[制作物]を[強み]で提供するWebデザイナー」という1文をヘッダー直下に配置します(所要時間: 15分)。最後にスマートフォンで表示確認し、その1文が画面内に収まっているかを確認して公開してください(所要時間: 5分)。

【ポイントと理由】: 「とりあえず全部の制作物を書けばわかってもらえる」という判断は逆効果です。「1つに絞った専門性の明示」がクライアントの判断を早くします。クライアントは複数のポートフォリオを同時に比較しており、専門性がすぐに伝わるポートフォリオが最初に選ばれます。選択肢が多いほど人間の判断速度が落ちるため、絞ることは「親切さ」として機能します。

【注意点】: 「あらゆる案件に対応できます」という表現は避けてください。対応範囲を広く見せようとするほど専門性は薄まり、問い合わせ件数が減る傾向があります。

ハック2: 作品説明5項目で受注率が向上する

【対象】: 作品画像だけを掲載しており、制作プロセスや担当範囲を説明できていないWebデザイナー

【手順】: 最も受注したい案件に近い作品を1点選んでください(所要時間: 10分)。次に「課題・目的・ターゲット・担当範囲・成果」の5項目を各3〜5文で書き起こします(所要時間: 30〜45分)。書き起こした内容を既存の作品ページに追記し、スマートフォンで表示を確認して公開してください。まず1点から完成させ、残りは1点ずつ順番に追記します(所要時間: 15分)。

【ポイントと理由】: 「作品説明はデザインの説明だけ」という方法では不十分です。「課題から始まる物語として作品を説明する」アプローチを取ってください。クライアントは「このデザイナーに自分の問題を話せるか」を確認しており、課題・目的から始まる説明はまさにその確認に応えるコンテンツです。5項目を書く作業はデザインスキルではなく「課題理解力と提案力」を証明する唯一の手段です。

【注意点】: 成果数値は根拠を示せるものだけ記載してください。「CV率が大幅に向上」という曖昧な表現は、根拠がないと信頼性を損なうため避けてください。

ハック3: 料金ページで商談の質が上がる

【対象】: 料金・納期・対応範囲を記載しておらず、問い合わせ後の条件交渉に時間がかかっているWebデザイナー

【手順】: 自分が対応できる制作物の種類(LP・コーポレートサイト・バナー等)と、それぞれの料金目安・制作期間・修正回数を書き出してください(所要時間: 30分)。次に「サービス概要」ページまたはセクションを作成し、一覧表形式で整理します(所要時間: 30〜60分)。最後にヘッダーナビゲーションに「サービス・料金」へのリンクを追加し、問い合わせボタンと並べて配置してください(所要時間: 15分)。

【ポイントと理由】: 料金目安を明示したポートフォリオの方が商談に進みやすくなります。料金目安がない場合はクライアント側が「予算が合わないかもしれない」という不安で問い合わせを諦めるためです。目安を出すことで、予算が合う見込み客だけが問い合わせてくる仕組みになります。フリーランスWebデザイナーの単価相場を参考に、自分の料金設定の根拠を整理してください。

【注意点】: 料金を固定価格で表示する必要はありません。「○万円〜」という下限表示で十分で、「案件内容によって異なります」という一文を添えれば柔軟な対応が可能です。

ハック4: 問い合わせ導線の最適化で離脱を減らす

【対象】: 問い合わせボタンがページ下部にしかなく、閲覧者が途中で離脱しているWebデザイナー

【手順】: 現在の問い合わせボタンの配置をスマートフォンで確認し、ページ最上部にも同じボタンが表示されているかを確認してください(所要時間: 5分)。次にページ最上部(ヘッダーまたはファーストビュー内)と最下部の両方に問い合わせボタンを設置します(所要時間: 15〜30分)。最後に問い合わせフォームの入力項目を「名前・メールアドレス・ご相談内容」の3項目に絞り、送信後の自動返信メールが機能しているかを確認してください(所要時間: 15分)。

【ポイントと理由】: 入力項目が増えるほど送信率が下がります。フォームの目的は「詳しい情報を集めること」ではなく「クライアントが送信ボタンを押すこと」です。詳しい情報はその後のやり取りで収集できます。

【注意点】: 自動返信メールの設定は省略しないでください。問い合わせ後に「本当に届いたか」という不安を感じたクライアントが、別のデザイナーに問い合わせを切り替えるケースがあります。自動返信は「作業の効率化」ではなく「信頼の維持」のための必須設定です。

ハック5: 月1回の定期確認で機会損失をゼロにする

【対象】: ポートフォリオを公開後に放置しており、リンク切れや古い情報が残っているWebデザイナー

【手順】: カレンダーアプリに「毎月1日にポートフォリオ確認」というリマインダーを今日中に設定してください(所要時間: 2分)。次に毎月1回、すべてのリンク・画像・問い合わせフォームの動作・掲載情報の鮮度を確認します(所要時間: 月20〜30分)。新しい案件が完了したら翌月1日の確認タイミングで作品情報を更新し、古い作品と入れ替えるかどうかを判断してください(所要時間: 月30〜60分)。

【ポイントと理由】: 「ポートフォリオは毎月更新する営業資料」として扱うことで、案件獲得機会が継続的に広がります。リンク切れや公開終了した作品のURLが残っているポートフォリオは、丁寧さの欠如としてクライアントに伝わります。これは作品の質とは無関係に信頼性を損なう要因です。フリーランスポートフォリオ改善で案件獲得率を上げる方法では、継続的な改善の仕組み化について詳しく解説しています。

【注意点】: 更新作業のたびに全体を作り直す必要はありません。月1回の確認は「壊れているものを直す」ことと「新しい情報を反映する」ことの2つだけで十分です。リニューアルは半年〜1年に1回の頻度で検討する程度にとどめてください。

CHECK

▶ 今すぐやること: ハック1〜5のうち、自分のポートフォリオで最も欠けているものを1つ選び、今日の作業予定に追加する(3分)

Q: ポートフォリオと自分のSNSアカウントはどちらを優先すべきですか?

A: ポートフォリオを優先してください。SNSは認知拡大に役立ちますが、発注者が最終的に確認するのはポートフォリオです。SNSからポートフォリオへの導線を設けることで、両方を活かした構成にできます。

Q: ポートフォリオの閲覧数を増やすにはどうすればよいですか?

A: クラウドソーシングのプロフィール欄・SNSのプロフィール欄・名刺・メールの署名にポートフォリオのURLを記載することが基本です。検索流入を増やしたい場合は、ポートフォリオ内に「[地域] Webデザイナー」や「LP制作 フリーランス」などの検索されやすいキーワードを含むページを追加する方法もあります。

ポートフォリオNG7点を改善して案件獲得につなげる

ポートフォリオで案件が取れない根本原因は、「作品を見せること」と「クライアントに依頼させること」の設計が混在していることです。7つのNGパターンのうち、自分が該当するものを1つ特定し、今日中に1つだけ改善作業を始めることが最短の解決策です。作品の美しさより、制作意図・担当範囲・成果の説明と、問い合わせまでの導線設計がフリーランスのWebデザイナーとしての競争力を決めます。

ポートフォリオは完成させることよりも、公開後に継続して改善していくことの方が重要です。最初から完璧を目指す必要はなく、今日できる1つの改善から始めてください。

状況次の一歩所要時間
問い合わせがゼロファーストビューに専門性の1文を追加する15〜30分
作品説明が画像だけ最も受注したい作品1点に5項目を追記する60分
料金を載せていないサービス概要ページを新規作成する60〜90分
問い合わせ導線が弱いヘッダーに問い合わせボタンを追加する15分
ポートフォリオを放置しているカレンダーに月1回の確認予定を入れる2分

Webデザイナーポートフォリオのよくある質問

Q: ポートフォリオに料金を載せることで、クライアントから敬遠されることはありますか?

A: 料金目安を掲載することで、予算が合わないクライアントからの問い合わせは減りますが、予算が合うクライアントからの問い合わせ率は上がります。フリーランスにとって「条件が合わない商談に時間を使わない」ことは大切で、料金掲載は商談の質を上げるための手段です。

Q: NDA(秘密保持義務)がある案件はどのように扱えばよいですか?

A: クライアント名・URL・画像を公開せず、「Webメディア向けUIデザインを担当(非公開案件)」「ECサイトのリニューアルプロジェクトに参加(NDA対応)」のように担当範囲と制作物の種類のみを抽象的に記載する方法があります。個別の掲載可否については、案件ごとの契約内容を確認するか、必要に応じて発注者に問い合わせてください。フリーランスの秘密保持契約(NDA)の注意点も事前に確認しておくと安心です。

Q: ポートフォリオはどのサービスで作るのが最適ですか?

A: 目的によって選択肢が変わります。技術力も見せたい場合は自作(HTML・CSS・JavaScript)が有効で、制作物の見せ方を優先する場合はSTUDIOやAdobe Portfolioが選ばれやすいです。NotionやPeライチも手軽に作成できますが、デザインの表現範囲に制限があります。まずは「どのクライアントに見せたいか」を決め、そのクライアントが使いやすい媒体を選んでください。フリーランスがSTUDIOでポートフォリオを作る5ステップも参考にしてください。

【出典・参照元】

フリーランスWebデザイナーのポートフォリオ事例

フリーランス向けポートフォリオの掲載項目・構成

フリーランスのポートフォリオの作り方・実績情報と料金の考え方

WEBデザイナーのポートフォリオ作品例と掲載項目

未経験者向けのポートフォリオ構成と掲載項目

未経験Webデザイナー向けのポートフォリオ基本構成

ポートフォリオの問い合わせ導線の整理

デザインの仕事で単価を上げたい方へ

Webデザインの学び方をLINEで受け取る

LINEで無料で届くもの

  • 20本Webデザインの無料レッスン
  • 全工程Photoshopの解説動画
  • 4本限定のPDF・動画
無料レッスン20本を受け取る

登録1分・情報収集だけでもOK・セミナー参加は自由

タップするとLINEの友だち追加画面が開きます

LINE登録のよくある質問
お金はかかりますか?
LINEの登録と、届くレッスン・動画・PDFは無料です。
どんな連絡が来ますか?
レッスンや動画のほか、無料セミナーの案内が届きます。参加するかは自由です。
やめたいときは?
LINEでブロックすれば、それ以上は届きません。

PR提供: 日本デザインスクール(デザスク)

フリ転編集部 jpndesft
フリーランス専門メディア「フリ転。」編集部。独立・案件獲得・税務など、フリーランスが直面する課題をわかりやすく解説することを使命としています。

フリーランスデザイナーのためのキャリア・案件・税務情報をお届けしています

お問い合わせ →

人気キーワード

フリーランスの案件・単価を調べる

フリーランス求人を探す週1〜2日・リモートOKの案件を毎日自動収集職種別の単価相場を見る48職種の月額単価を実データから集計実務ツールを使う見積・請求書・税金計算など51種を無料で

カテゴリから記事を探す

フリーランスの独立術フリーランスの資金術フリーランス職種図鑑