「ポートフォリオサイト、何を載せればいいですか？」と聞かれることがあります。私はWebディレクションと制作をしている立場で、案件獲得の入口としてのサイトと、実績の保管庫としてのサイトは、少し目的が違うと考えています。デザインの上手さより、依頼者が迷わず連絡できるかどうかが効きます。この記事では、必要なページ、載せる情報・載せない情報、WordPressか静的かの選び方まで、フリーランス向けに整理します。公開後すぐに案件が来るわけではありませんが、問い合わせの質を上げる土台にはなります。
先に結論
- 向いている人: これから独立したばかりで名刺代わりのサイトが欲しい人。実績はあるが散らばっている人。問い合わせ導線を1本にまとめたい人。
- 向いていない人: 実績公開が契約上ほぼ不可能な人（社名だけの匿名ポートフォリオなら別）。とにかく最新SNSだけで十分な人。
- 私のおすすめ: トップ・サービス・実績3〜6件・プロフィール・お問い合わせの5点セットから始め、更新は月1回でよいです。
この記事には、Google AdSense による広告およびアフィリエイトリンクが含まれる場合があります。紹介経由で購入や申し込みがあると、私に紹介料が入ることがあります。
ポートフォリオサイトの目的を決める
サイトを作る前に、次のどれが主目的かを1つ決めます。
- 新規の問い合わせを増やす
- 既存クライアントへの信頼補強（名刺URL）
- 自分のスキル整理（求人・協業のため）
目的が違うと、載せる実績の選び方も変わります。問い合わせ重視なら、依頼者と似た業種の事例を上に置きます。信頼補強なら、担当範囲と期間が分かる説明を厚くします。
必要なページ一覧
最低限、次のページがあると依頼者は動きやすいです。
| ページ | 載せる内容 | 優先度 |
|---|---|---|
| トップ | 一言の肩書き、提供価値、主要実績への導線、CTA | 必須 |
| サービス | 何ができて、何ができないか。料金の目安または「要相談」 | 必須 |
| 実績 | 3〜6件。課題・担当・成果。画像は公開許可のものだけ | 必須 |
| プロフィール | 経歴の要約、強み、稼働エリア・リモート可否 | 必須 |
| お問い合わせ | フォームまたはメール。返信目安の記載 | 必須 |
| ブログ | 任意。専門性の補強に有効 | 任意 |
| プライバシーポリシー | フォーム・解析ツールを使うなら必須 | 条件付き必須 |
ページを増やしすぎると更新が止まります。5ページで公開し、あとから足す方が続きやすいです。
載せる情報・載せない情報
載せるとよいもの
- 自分の役割（ディレクション、デザイン、実装のどこまでか）
- 業種・規模感が分かる実績（「小規模コーポレートのリニューアル」など）
- 使用ツール（Figma、WordPress、Cocoonなど）— 過剰な羅列は不要
- 対応可能な工程と、対応しないこと（例: 撮影のみは受けない）
- 連絡手段と返信の目安（48時間以内など）
載せない・慎重にするもの
- クライアント名・未公開URL — 契約と許可がなければ匿名またはぼかし
- 他社制作物の全面スクショ — 自分の関与範囲が分からないと誤解を招く
- 具体的な売上・社内データ
- 過度な自己評価（「業界No.1」など根拠のない表現）
- 個人の連絡先の使い回し — フォーム経由の方がスパム対策になる
私は実績ページに「担当: 情報設計・ワイヤー・ディレクション」のように一行で役割を書くようにしています。見た目だけのギャラリーより、依頼者の判断材料になります。
WordPressと静的サイトの比較
| 項目 | WordPress | 静的（HTML/CSS or ジェネレータ） |
|---|---|---|
| 向く人 | ブログも同一サイトで運用したい人 | 更新頻度が低く、軽さ重視の人 |
| 更新のしやすさ | 管理画面から記事・実績を追加しやすい | 手元でビルドが必要な場合あり |
| 初期コスト | サーバー＋テーマ（Cocoon無料など） | ホスティング（Netlify等）＋制作時間 |
| SEO・OGP | テーマ・プラグインで設定 | 手動またはテンプレート |
| 注意点 | セキュリティ更新が必要 | フォームは外部サービス連携が多い |
Webディレクターなら、自分で更新する頻度で決めるのがよいです。月1回以上ブログや実績を足すならWordPress。年に数回の修正だけなら静的でも十分です。私はブログと実績を同じドメインで運用したいのでWordPressを選びました。
作り方の手順（最小構成）
- ドメインを決める — 本名・屋号・ブランド名のどれか。読みやすい英数字
- サーバーまたはホスティングを契約する
- 5ページ分の原稿を書く — デザインの前に文章。トップの一言が最重要
- テーマまたはテンプレートを選ぶ — 装飾より読みやすさとスマホ表示
- 実績3件を選び、許可を取る — 無理ならモックや自社案件で代用
- お問い合わせフォームを設置 — スパム対策（reCAPTCHA等）を入れる
- プライバシーポリシーとOGPを設定
- 知人に1回見てもらい、分かりにくい箇所を直す
- 公開し、名刺とSNSプロフィールにURLを載せる
デザインに時間をかけすぎず、1週間以内に公開できる範囲に削るのが現実的です。完璧なサイトより、連絡が来るサイトの方が価値があります。
デザインで押さえるポイント
- スマホで電話番号・フォームが押しやすいか
- 実績画像の読み込み速度（重いPNGを避ける）
- フォントと行間 — 長文のプロフィールは読みやすさ優先
- 色は2〜3色に抑える。ポートフォリオは作品が主役
自分のサイトが重いと、「サイト作れるの？」という印象になります。画像の最適化は最低限の礼儀です。公開後はAnalyticsやSearch Consoleで、スマホからの離脱が多いページがないか、月1回だけ見る習慣をつけると改善点が見えます。最初の1ヶ月はアクセス数より、問い合わせが1件でも来たかを振り返る方がモチベーションにつながります。
更新のしかた
公開後は、次のリズムで十分です。
- 四半期に1回 — 実績を1件追加または差し替え
- 月1回 — ブログを書く場合のみ
- 契約終了時 — 掲載許可の有無を再確認
古い実績ばかりが並ぶと、今のスキルが伝わりにくいです。3年前の案件は下に回すか、役割説明を今の言葉に直してください。
問い合わせフォームの設計
フォーム項目は多すぎると離脱します。最小構成の例です。
- お名前（または会社名）
- メールアドレス
- ご相談内容（自由記述）
- 予算感・希望時期（任意）
「予算感」を任意にすると、ざっくりした問い合わせでも来やすくなります。返信テンプレを用意し、48時間以内に一次返信するルールをサイトに書いておくと信頼につながります。スパム対策として、Contact Form 7 + reCAPTCHA、またはCocoon付属のフォーム設定を使う方法が一般的です。
名刺・SNSとの連携
サイトを作ったら、次の場所に同じURLを載せます。
- 名刺（QRコードがあると便利）
- X（Twitter）やLinkedInのプロフィール
- メールの署名
- 請求書・見積書のフッター（任意）
URLは短く覚えやすいドメインにすると、口頭で伝えたときも迷いが少ないです。サブドメインより、portfolio.example.com ではなく example.com の方が信頼感が出やすい、という意見も多いです。
匿名・ぼかし実績の書き方
クライアント名を出せない場合でも、次の書き方で信頼は伝わります。
- 業種（例: 地域の美容サロン、BtoB SaaS）
- 規模（店舗数、ページ数、制作期間）
- 課題（CVが伸びない、スマホ表示が古い）
- 自分の役割と成果（CVR○%改善、納期内リニューアル）
スクショはモザイクやダミー文言に差し替えます。嘘の社名を作らないことが長期的な信用につながります。
公開後の改善サイクル
サイトは一度作って終わりではありません。最低でも次のサイクルを回します。
- 公開1ヶ月後 — アクセス解析で離脱が多いページを1つ特定する
- 3ヶ月後 — 実績を1件差し替えるか、プロフィールを更新する
- 6ヶ月後 — 問い合わせが来たか振り返り、フォーム項目やトップの文言を直す
完璧なデザインより、問い合わせの質が上がる改善を優先してください。「何でもできます」より「この業種・この工程が得意」の方が、良い案件につながりやすいです。
テンプレートと自作の境界
Cocoonや有料テーマのデモをそのまま使うのは早いですが、他のフリーランスと似た見た目になりやすいです。ロゴ、色、トップの一言だけでも自分用に変えると、印象はかなり変わります。HTML/CSSが書けるなら、トップのヒーロー部分だけ自作するハイブリッドも現実的です。完コピのデモサイトより、文章が読みやすい方が依頼者には伝わります。
長く使うためのメモ
ポートフォリオは「作品の美しさ」より「依頼者が次に何をすればいいか」が大事です。トップに問い合わせボタンを1つ、実績ページの末尾にも同じボタンを置く。迷子にしない導線だけは、デザインが好みでなくても優先してください。更新が止まったサイトは信頼を損なうので、動かないならSNSだけに絞る方がまだマシ、という話もあります。
依頼者が見ているポイント
ポートフォリオを見る側（中小企業の担当者や他のフリーランス）が、実は次を短時間で確認しています。
- トップの3秒で「何の人か」が分かるか
- 実績が自分の業種に近いか
- 連絡方法が明確か
- サイトがスマホで読めるか
- 最終更新が極端に古くないか
デザイン賞を取るサイトである必要はありません。迷わせないことの方が重要です。私も他の人のサイトを見るとき、まずスマホでトップを開き、スクロール2回で実績に辿り着けるかを見ています。そこまで届かないサイトは、残念ながら閉じられやすいです。
まとめの前に：今日できること
サイトがまだ無いなら、ドメイン候補を3つ書き、トップに載せたい一言を1文でメモするだけで十分です。デザインは後からでよいです。すでにサイトがあるなら、スマホで自分のトップを開き、3秒で肩書きが伝わるかだけ確認してください。伝わらなければ、文言の修正が最優先です。完璧なレイアウトより、誰向けのサイトかが一瞬で分かることを優先してください。
よくある質問
Q. 実績が3件もない場合は？
A. 自主制作、知人案件、学習用のモックを「制作事例」として載せられます。虚偽のクライアント名は載せないでください。研修・協業の経験はプロフィールに書く方法もあります。
Q. 料金表は公開すべきですか？
A. 必須ではありません。「目安」か「要見積もり」を明記し、安さ競争に巻き込まれない書き方が現実的です。
Q. ブログは別サイトの方がよいですか？
A. 同一ドメインの方がSEOと信頼の蓄積には有利なことが多いです。更新が続かないなら、最初はポートフォリオのみでもよいです。
Q. 英語版は必要ですか？
A. 海外案件を狙うなら検討の価値があります。国内メインなら日本語だけで十分なことが多いです。
Q. 実績ゼロでもサイトは作るべきですか？
A. 作ってもよいですが、自主制作や学習案件を2〜3件載せた方が、空のギャラリーより信頼されます。プロフィールと提供サービスの説明を厚くする方法もあります。最初の1週間で公開できる範囲に絞るのがコツです。
紹介リンク
紹介経由で購入・申し込みがあると、私に紹介料が入ることがあります。
まとめ
フリーランスのポートフォリオサイトは、トップ・サービス・実績・プロフィール・お問い合わせの5点があれば機能します。載せる情報は役割と課題解決が分かる粒度にし、クライアントの許可なく詳細を出さないことが大前提です。WordPressは更新頻度が高い人向け、静的は軽さとシンプルさ重視向けです。公開後も月1回の小さな更新を続ける方が、作って終わりより信頼が積み上がります。デザインの完成度より、問い合わせまでの導線を先に整えてください。名刺やSNSのプロフィールにURLを載せたら、リンク切れがないかもあわせて確認します。次の一手は、5ページ分の見出しとトップの一言だけ、メモ帳に書き出すことです。それができたらサーバーとドメインを選びます。
レンタルサーバーを比較する（Xserver） ／ ドメイン取得（お名前.com）
