ポートフォリオサイトの作り方|XserverとWordPressで副業受注につなげる手順
副業初心者が信頼を作るポートフォリオサイトを、ドメイン取得から公開後の見せ方まで解説します。
ココナラやクラウドワークスで提案を出しているのに、返事が来ない。サービスを見てもらっても購入まで至らない。この壁にぶつかっている人の多くに共通しているのは、「自分の実績や人となりを見せる場所がない」ということです。
図解: この記事の全体像

- 最初に課題を1つ決める
- 今週の行動を1つだけ実行する
- 数字を見て改善点を1つ修正する
プロフィール文やサービス説明だけで信頼を取るには限界があります。自分のポートフォリオサイトを1つ持っているだけで、「この人はちゃんとやっている人だ」という印象が大きく変わります。
この記事では、副業初心者でも30分でポートフォリオサイトを公開する手順を、Xserver+WordPressの組み合わせで解説します。デザインの知識は不要です。
表現で差をつけたい人へ
普通のポートフォリオを超えて、雑誌っぽい文字組みや印象に残る見せ方まで研究したいなら、最近話題の Pretext も面白いです。 どういう思想のライブラリで、Web制作の提案にどう活きるかは CSSを使わずに文字を配置する「Pretext」とは?Web制作の常識が変わるかもしれない理由 で整理しています。
先に結論
- 最初はおしゃれさより、誰向けか・何を頼めるか・実績2〜3本・問い合わせ先の4点が大事
- 無料サービスでも作れるが、副業の信頼を取るなら独自ドメインが強い
- Xserver+WordPressなら、ポートフォリオのあとにブログやアフィリエイトへも伸ばせる
この記事で分かること
- なぜポートフォリオサイトがあると受注率が上がるのか
- ポートフォリオサイトに載せるべき5つの要素
- Xserver+WordPressで30分で公開する全手順
- 無料サービスではなくXserverを選ぶ理由
- 作った後の活用法(ココナラ、クラウドワークス、SNS)
最初に作るなら、こういう人に向いています
| 向いている人 | 理由 |
|---|---|
| ココナラで出品している人 | サービス説明だけでは伝え切れない実績や作例を見せやすい |
| クラウドワークスで提案を出している人 | 提案文を短くしても、リンク先で信頼補強ができる |
| これから発信やブログもやりたい人 | ポートフォリオがそのまま資産型メディアの土台になる |
逆に、まだ何を売るかも決まっていない人は、先にサービスを1本決めた方が進みやすいです。ポートフォリオサイトは、商品が見えた段階で作ると最短で効きます。
ポートフォリオサイトがあると受注率が変わる理由
クラウドソーシングで仕事を発注する側の立場で考えてみてください。同じ価格帯、同じような提案文が2通届いたとき、片方のプロフィールに「詳しくはこちら → ○○○.com」とポートフォリオサイトのリンクがあったら、そちらを先に見ませんか。
ポートフォリオサイトが受注に効く理由は3つあります。
| 効果 | なぜそうなるか |
|---|---|
| 信頼度が上がる | 自分のドメインでサイトを持っている=継続的に活動している証拠になる |
| 実績が可視化される | 過去の制作物やスキルを画像・文章で見せられる |
| 提案文が短くて済む | 「詳しくはサイトをご覧ください」で済むので、長文提案が不要になる |
特にココナラでは、サービス説明欄にURLを貼れるため、ポートフォリオサイトの効果が直接的です。クラウドワークスでも、プロフィールや提案文にリンクを載せることで差別化できます。
ポートフォリオサイトに載せるべき5つの要素
デザインに凝る必要はありません。以下の5つが載っていれば、発注者が知りたいことはカバーできます。
| 要素 | 載せる内容 | ポイント |
|---|---|---|
| 1. 自己紹介 | 名前(ハンドルネーム可)、経歴、得意分野 | 3〜5行で簡潔に |
| 2. 実績・制作物 | 過去の納品物、ブログ記事、制作サイトなど | 画像+簡単な説明。なければ自主制作でOK |
| 3. 提供サービス | 何ができるか、対応範囲、納期目安 | ココナラのサービスページと連動させる |
| 4. 料金の目安 | 「○○円〜」程度のざっくりした範囲 | 具体的すぎなくてOK。相談のハードルを下げる |
| 5. 問い合わせ先 | 連絡フォーム or ココナラのDMリンク | WordPressならContact Form 7で簡単に設置可能 |
実績がまだない人は、自主制作物を2〜3個作ってそれを載せるだけでも効果があります。「実績ゼロ」と「自主制作があるゼロ」では、発注者の印象がまったく違います。
なぜ無料サービスではなくXserverなのか
ポートフォリオサイトは無料ブログやNotionでも作れます。しかし、副業で信頼を取るなら独自ドメイン+レンタルサーバーが圧倒的に有利です。
| 比較項目 | 無料サービス | Xserver+WordPress |
|---|---|---|
| URL | ○○.notion.site / ○○.wixsite.com | yourname.com(独自ドメイン) |
| 信頼度 | 「無料で作った感」が出やすい | 独自ドメイン=本気度の証拠 |
| カスタマイズ | 制限あり | テーマ・プラグインで自由自在 |
| SEO | 弱い〜普通 | WordPress=SEOに最も強いCMS |
| 費用 | 0円 | 月990円〜(12ヶ月契約の場合) |
| 広告 | サービス側の広告が入る場合あり | 広告なし。将来アフィリエイトも可能 |
Xserverを選ぶ最大の理由は「副業の土台として長く使えるから」です。ポートフォリオだけでなく、ブログ、アフィリエイト、HP制作の受託にもそのまま使えます。月990円は、ココナラで1件受注すれば十分に回収できる金額です。
Xserver+WordPressでポートフォリオサイトを30分で作る手順
ここからは具体的な手順です。Xserverの「WordPressクイックスタート」を使えば、サーバー契約・ドメイン取得・WordPress設置・SSL設定がまとめて完了します。
ステップ1:Xserverに申し込む
- Xserver公式サイトにアクセス
- 「お申し込み」→「新規お申し込み」を選択
- プランは「スタンダード」で十分(月990円〜、12ヶ月契約推奨)
- 「WordPressクイックスタート」にチェックを入れる
💡 クイックスタートを使うと、ドメイン取得→サーバー設定→WordPress設置→SSL化が自動で完了します。手動でやると30分以上かかる作業が、入力だけで終わります。
ステップ2:ドメインを決める
ポートフォリオ用のドメインを取得します。おすすめの付け方:
| パターン | 例 | 向いている人 |
|---|---|---|
| 名前系 | tanaka-works.com | 個人名で活動する人 |
| 屋号系 | studio-example.com | フリーランスとして見せたい人 |
| スキル系 | ai-writing-pro.com | 特定スキルで売りたい人 |
.comが取れるなら.comが無難。Xserverなら対象ドメインが永久無料になる特典があるので、追加費用はかかりません。
ステップ3:WordPress初期設定
クイックスタートが完了したら、WordPressの管理画面にログインして最低限の設定を行います。
- テーマを選ぶ — ポートフォリオ向けなら「Cocoon」(無料)か「Lightning」(無料)が使いやすい
- 不要なプラグインを削除 — 初期で入っているHello Dollyなどは不要
- パーマリンク設定 — 「投稿名」に変更(SEOに有利)
- 固定ページを作成 — トップページ、プロフィール、実績、サービス、お問い合わせの5ページ
ステップ4:ポートフォリオの中身を入れる
最低限5ページあれば、ポートフォリオサイトとして機能します。
| ページ | 書く内容 | 所要時間の目安 |
|---|---|---|
| トップ | キャッチコピー+自分が提供できる価値を一言で | 5分 |
| プロフィール | 経歴、スキル、得意なこと | 10分 |
| 実績 | 画像+説明(自主制作でもOK) | 10分 |
| サービス | 対応範囲、料金目安、納期 | 5分 |
| お問い合わせ | Contact Form 7で設置 | 5分 |
ステップ5:公開して各プラットフォームに貼る
サイトが完成したら、以下の場所にURLを設置します。
- ココナラ — サービス説明欄、プロフィールのURL欄
- クラウドワークス — 自己PR欄、提案文にリンクを記載
- SNS(X、note) — プロフィールのWebサイト欄
- 名刺・メール署名 — 対面営業がある場合
ポートフォリオサイトを作った後にやること
ココナラとの連携で受注率を上げる
ポートフォリオサイトが最も効果を発揮するのは、ココナラのサービス説明欄にリンクを貼ったときです。サービスの詳細を全部ココナラに書く必要がなくなり、「詳しい実績はこちらをご覧ください」と誘導するだけで購入率が変わります。
ココナラでの出品やプロフィールの書き方は、以下の記事で詳しく解説しています。
クラウドワークスとの連携
クラウドワークスの提案文にポートフォリオのURLを添えるだけで、採用率が上がります。特にライティング、デザイン、Web制作系の案件では、実績を見せられるかどうかが最大の差別化ポイントになります。
クラウドワークスの始め方や案件の選び方は、こちらの記事で解説しています。
ポートフォリオをブログに発展させる
ポートフォリオサイトをWordPressで作っておくと、そのままブログ機能を追加して、アフィリエイト収入も狙えるようになります。副業で学んだことを記事にすれば、SEO経由で新しいクライアントが見つかることもあります。
ブログへの発展やWordPressの使い方については、以下の記事が参考になります。
ポートフォリオサイトの維持費と回収の現実
| 項目 | 費用 | 備考 |
|---|---|---|
| Xserver(12ヶ月契約) | 月990円 | 初期費用0円。10日間無料お試しあり |
| ドメイン | 0円 | Xserver契約特典で永久無料 |
| WordPress | 0円 | オープンソースで無料 |
| テーマ(Cocoon) | 0円 | 無料テーマで十分 |
| 合計 | 月990円 | ココナラ1件受注で即回収 |
月990円は、ココナラで1,000円のサービスを1件売れば回収できます。 そしてそのサービスの受注率を上げてくれるのがポートフォリオサイトです。費用対効果で考えると、副業を本気でやるなら最も優先度の高い投資のひとつです。
よくある質問
実績がゼロでもポートフォリオサイトは作るべきですか?
作るべきです。自主制作物を2〜3個載せるだけでも「この人は行動している」という印象を与えられます。実績は後から増やせますが、サイト自体がないと入口がありません。
ココナラのプロフィールだけではダメですか?
ココナラのプロフィールは文字数やレイアウトに制限があります。ポートフォリオサイトがあれば、画像・動画・詳細な説明を自由に載せられるため、見せ方の自由度が圧倒的に違います。
WordPressが難しそうで不安です
Xserverの「WordPressクイックスタート」を使えば、サーバーの設定は自動で完了します。管理画面の操作も、固定ページの作成とテーマの設定程度です。詳しくは XserverでWordPressブログを始める方法 で解説しています。
セルフバックで初期費用を実質ゼロにする方法
ASP(アフィリエイトサービス)のセルフバック機能を使えば、Xserverの契約自体をキャッシュバック対象にできます。 さらに他の案件も合わせれば、初月で数万円の収益を作ることも可能です。
まとめ
副業の受注率を上げる最もコスパの良い方法は、自分のポートフォリオサイトを1つ持つことです。ココナラやクラウドワークスで提案を出すとき、「詳しくはこちら」と自分のサイトを見せられるだけで、信頼度が大きく変わります。
Xserver+WordPressなら月990円で始められ、ドメインも無料。ポートフォリオだけでなく、ブログやアフィリエイトにも発展できる土台になります。
あわせて読みたい
読み終わったら、24時間以内に1つだけ実行してください。読むだけで終わると成果が出ません。
実行優先度チェック表
| 目的 | 最初の行動 | 所要時間 | 成果の目安 |
|---|---|---|---|
| 0→1を作る | 小さな成果物を1つ公開 | 90分 | 反応が1件でも取れる |
| 改善して売上化 | 提案文/導線/導入文を修正 | 60分 | 問い合わせ率が上がる |
| 継続運用 | 週1回の計測と改善を固定化 | 30分/週 | PV・CVの右肩上がり |
NEXT ACTION
今日から収益化を動かす3分アクション
記事を読んで終わりにせず、行動へつなげる導線です。副業ロードマップ記事とお問い合わせページを用意しました。
関連蔵書
内部リンク【副業】
Claude Code副業ロードマップ|ココナラで改善案件・ミニツールを売る方法
Claude Codeを使って、改善案件、ミニツール、保守提案を商品化し、ココナラで売るまでの全体像を解説します。
次に読む【ブログ収益化】
WordPressブログ収益化ロードマップ|ドメイン取得からアフィリエイト導線まで
WordPressブログを副業資産にするための、ドメイン取得、記事設計、内部リンク、アフィリエイト導線をまとめます。
次に読む【副業】
AI副業ロードマップ|初心者が月1万円から収益化するまでの全手順
AI副業を始めたい人向けに、ツール選び、商品設計、集客、ブログ導線、ココナラ活用まで一気通貫で整理します。
次に読む