フリーランスのポートフォリオサイトの作り方

フリーランスの仕事獲得に最も効果的なのは、質の高いポートフォリオサイトを持つことだ。「作品を見せてください」と言われた時に、URLを1つ送るだけで済む。

ここでは、案件獲得に直結するポートフォリオサイトの作り方を、ツール選定からコンテンツ構成まで解説する。

ポートフォリオサイトに載せるべきコンテンツ

必須コンテンツ

コンテンツ	目的
自己紹介	人柄と専門性を伝える
スキルセット	対応可能な技術・ツール
制作実績（5〜10件）	実力の証明
料金目安	問い合わせのハードルを下げる
問い合わせフォーム	コンバージョンポイント

あると差がつくコンテンツ

• 制作プロセスの説明（ヒアリング→提案→制作→納品の流れ）
• クライアントの声（許可を得て掲載）
• ブログ・ナレッジ共有（専門性のアピール＋SEO効果）
• FAQ（よくある質問への回答）

ポートフォリオサイトの作成ツール比較

ツール	月額	難易度	カスタマイズ性	おすすめ職種
STUDIO	0〜2,480円	★★☆	◎	デザイナー
WordPress	500〜1,000円	★★★	◎	エンジニア・ライター
Notion	0円	★☆☆	△	初心者全般
Wix	0〜1,800円	★☆☆	○	全般
GitHub Pages	0円	★★★	◎	エンジニア

デザイナーならSTUDIO、エンジニアならGitHub Pages、ライターや初心者はNotionがおすすめだ。

制作実績の載せ方

Before/After形式

クライアントの課題と、自分がどう解決したかを見せる。数字があると説得力が増す。

• 「PVが月3,000→月15,000に増加」
• 「コンバージョン率が1.2%→3.5%に改善」
• 「制作期間を従来の半分に短縮」

案件の詳細ページ

各制作実績に専用のページを用意し、以下を掲載する。

1. プロジェクト概要（クライアントの業種・課題）
2. 自分の役割（デザイン、コーディング、ディレクション等）
3. 使用技術・ツール
4. 成果物のスクリーンショット
5. 成果（数字）

実績がない場合

フリーランスを始めたばかりで実績がない場合は、以下で代用する。

• 自主制作（架空のクライアント向けに作品を制作）
• 友人・知人の無料案件（実績として掲載許可をもらう）
• オープンソースへの貢献（GitHubの活動）

SEO対策でポートフォリオに集客する

タイトルタグの最適化

「ポートフォリオ | 山田太郎 - Webデザイナー」のように、職種名を入れる。「○○市 Webデザイナー」とエリア名を入れると、地域のクライアントに見つけてもらいやすい。

ブログを併設する

ポートフォリオサイトにブログを併設し、専門知識を発信する。SEOで上位表示されれば、検索経由で問い合わせが来るようになる。

構造化データの設定

JSON-LDでPerson型の構造化データを設定すると、Google検索で名前検索した時にナレッジパネルが表示される可能性がある。

ポートフォリオサイトの運用ルール

• 3ヶ月に1回は実績を更新する
• 古い案件は非表示にする（最新の10件が見えれば十分）
• 問い合わせフォームの動作確認を定期的に行う
• アクセス解析を入れて、どの実績がよく見られているかチェック

@SOHOでポートフォリオを活かした案件獲得を

@SOHOのプロフィールにポートフォリオサイトのURLを掲載すれば、クライアントからの信頼度がアップする。手数料0%で案件を受注しよう。

→ クラウドソーシングの案件を探す → @SOHOに無料会員登録する