声優ポートフォリオサイトの作り方完全ガイド ── 載せるべき情報と構成

はじめに：ポートフォリオサイトとは何か

声優さんのサイトを何十件と制作してきた経験から言うと、「依頼が来ないサイト」にはほぼ共通した原因があります。デザインや声の問題ではなく、情報の設計が依頼者目線になっていないことです。

ポートフォリオサイトは、あなたのスキル・実績・作品をまとめて見せるためのWebサイトです。「ホームページ」と「ポートフォリオサイト」に大きな違いはありませんが、依頼獲得に特化した構成になっているかどうかで、実際の問い合わせ数はかなり変わります。

この記事では、依頼が来るポートフォリオサイトを作るために必要な情報と構成を、制作側の視点から具体的に解説していきます。

必須コンテンツ6つ

ポートフォリオサイトに欠かせないコンテンツは以下の6つです。

1. ボイスサンプル

ポートフォリオサイトの最重要コンテンツです。依頼者はあなたの声を聴くためにサイトを訪れます。

サイトを作るとき、私がまず確認するのがサンプルの配置です。「ファーストビューの中か、スクロール一発目で再生できるか」が設計の基準になります。それ以外の場所に置かれたサンプルは、ほぼ聴かれません。

効果的なサンプルの作り方：

• ジャンル別に分類する：ボイスドラマ（少年系・青年系・女性系）、ナレーション、ASMR、ゲームボイスなど
• 1サンプル30秒〜1分：短すぎると判断できず、長すぎると聴いてもらえません
• 最初の5秒が勝負：冒頭に一番の見せ場を持ってくる
• サンプル数は5〜10本：多すぎると選べなくなるので厳選する
• 再生プレイヤーをページ内に埋め込む：Googleドライブへのリンクは論外です。SoundCloud埋め込みかHTMLのaudioタグを使いましょう

サンプルの横に、キャラクター設定や演技の方向性を簡潔に書いておきましょう。「甘々シチュエーション・囁き系」「S系・責め・誘惑系」のような短い説明があるだけで、依頼者のイメージとマッチングしやすくなります。

2. プロフィール

あなたがどんな声優なのかを伝えるページです。

載せるべき情報：

• 活動名と読み方
• 活動開始時期
• 声質の特徴（自分で言語化する）
• 得意ジャンル
• 対応可能なジャンル（全年齢 / R18 / R18G など）
• 活動スタンス（専業 / 副業、平日昼 / 夜間対応可など）

書き方のコツ：

• 三人称ではなく一人称で書くと親しみが出ます
• 「○○が得意です」と明確に書く（曖昧な表現を避ける）
• 趣味や人柄が伝わるエピソードを1〜2行入れるのもOK

プロフィール写真はイラストやアイコンで問題ありません。ただ、プロが描いたアイコンがあると第一印象がかなり変わります。「声が良くても絵が雑だと本気度が伝わらない」という話は、実際に依頼者側からよく聞きます。

3. 実績・出演作品

依頼者が「この人に頼んで大丈夫だ」と判断するための重要な材料です。

効果的な載せ方：

• 新しいものから順に掲載
• 作品名・サークル名・リリース年を明記
• 可能なら作品リンク（DLsite、BOOTH等）を添える
• ジャンル別に分類すると見やすい
• 守秘義務案件は「某サークル様 シチュエーションボイス作品」のように記載

実績が少ない場合：

• 自主制作のサンプルドラマも実績として掲載OK
• 「○本の作品に出演」と数字で見せる
• これから増えていくものなので、今ある分だけでスタートしましょう

実績のページは、作品が増えるにつれてデザインが崩れやすい箇所でもあります。最初からカード型のグリッドレイアウトにしておくと、後から追加しても見た目が整いやすいです。

4. 料金表

依頼者が最も気にする情報のひとつです。

• 「1文字○円〜」のように文字単価の目安を載せる
• リテイク回数、納期、追加料金条件を補足する
• 最低受注金額があれば明記する

料金を「要相談」だけにするのはもったいないです。目安が書いてあるだけで、依頼のハードルは大きく下がります。

5. 対応範囲

「何ができるのか」「何を頼めるのか」を明確にするセクションです。

記載例：

• 対応ジャンル：ボイスドラマ、ASMR、ナレーション、ゲームボイス等
• 対応可能な年齢制限：全年齢 / R15 / R18 / R18G
• 納品形式：WAV / MP3 / その他相談可
• 収録環境：宅録（防音ブース使用）/ スタジオ収録対応
• 対応時間帯：平日夜・土日メイン等

「R18は受けていません」「歌は対応していません」のように、対応しないものを書いておくのも親切です。お互いのミスマッチを防げます。

6. お問い合わせフォーム

すべてのコンテンツの最終的なゴールです。

フォームのポイント：

• 必要最小限の項目に絞る（名前、メールアドレス、依頼内容、希望納期）
• 「○営業日以内に返信します」と明記
• Googleフォームでも十分機能します
• フォームの手前に「よくある質問」を置くと、見当違いの問い合わせを減らせます

フォームはできるだけシンプルに。項目が多いと送信完了前に離脱されます。実際にA/Bテストをした結果、項目を5つから3つに減らしただけで送信数が増えたケースもあります。

ページ構成パターン

コンテンツが決まったら、次はどう配置するかです。制作の現場では、依頼者が「活動を始めたばかり」か「ある程度実績がある」かで構成を変えることが多いです。

1ページ完結型

すべての情報を1ページに縦に並べるスタイルです。

ファーストビュー（キャッチコピー + ビジュアル）
　↓
ボイスサンプル
　↓
プロフィール
　↓
実績
　↓
料金表 & 対応範囲
　↓
依頼フロー
　↓
お問い合わせフォーム

向いている場合：

• 活動を始めたばかりで情報量が少ない
• まずは手軽に公開したい
• LPとしてSNSから直接誘導したい

このパターンの最大の利点は、依頼者がページ内のリンクをたどらずに全情報を把握できることです。スマートフォンでスクロールしながら見ていくユーザー行動にも合っています。制作コストも低く、初期公開にはこちらを選ぶことが多いです。

複数ページ型

各コンテンツを独立したページに分けるスタイルです。

トップページ（概要 + 導線）
├── ボイスサンプル（ジャンル別に整理）
├── プロフィール & 実績
├── 料金表 & 対応範囲 & 依頼フロー
├── ブログ / 活動報告
└── お問い合わせ

向いている場合：

• 実績が増えてきた
• ジャンル別にサンプルを整理したい
• ブログも運営したい
• SEOを意識した運用をしたい

各ページが独立したURLを持つので、「声優名＋ASMR」「声優名＋ナレーション」といったキーワードで個別に検索上位を狙いやすくなります。情報が増えても整理しやすいのも利点です。

最初は1ページ型で公開して、実績や掲載情報が増えてきたタイミングで複数ページ型にリニューアルするのが現実的なルートです。

デザインで気をつけること

声優のポートフォリオサイトを作るとき、依頼者が「依頼しやすいかどうか」を基準にデザインを判断するようにしています。オシャレかどうかより、目的に向かって迷わず進めるかどうかが大事です。

スマホファーストで作る

声優サイトの訪問者はスマホからが多いです。実際に制作したサイトのアクセス解析を見ると、スマートフォン経由が7〜8割を超えるケースはよくあります。PCで完璧に見えても、スマホで崩れていたら意味がありません。

• ボタンやリンクはタップしやすいサイズに（高さ44px以上を目安に）
• 文字は小さすぎないように（本文は16px以上が読みやすい）
• 横スクロールが発生しないように

読み込み速度を意識する

表示が遅いとそれだけで離脱されます。ページを開いて3秒以内に何か表示されないと、別のサイトに移ってしまう方がほとんどです。

• 画像は適切に圧縮する（1枚あたり200KB以下が目安。WebP形式に変換するとさらに軽くなります）
• 不要なプラグインやスクリプトを入れない
• ボイスサンプルはストリーミング再生にする（ファイルをダウンロードさせない）

色使いはシンプルに

メインカラー1色＋アクセントカラー1色＋白・黒のベースで十分です。色が増えるほどサイト全体がまとまらなくなり、「声を聴いてもらう」という目的から注意がそれてしまいます。

ボイスサンプルへの導線を最優先

サイトを開いて3秒以内にボイスサンプルの存在がわかるようにしましょう。ファーストビューに「サンプルを聴く」ボタンを置くか、ファーストビューのすぐ下にサンプルセクションを配置するのがベストです。

ヘッダーナビゲーションにも「サンプル」のリンクを入れておくと、どのページを見ていても戻ってこられるので便利です。

よくある失敗パターン

制作やリニューアルのご相談の際に「以前のサイトで依頼が来なかった」と聞くとき、原因はたいてい以下のどれかです。

失敗1：ボイスサンプルが聴けない・見つけにくい

一番多い失敗です。Googleドライブのリンクをそのまま貼っていたり、サイトの下の方にひっそり置かれていたりするケースをよく見ます。依頼者はそこまで親切に探してくれません。トップページを開いたとき、スクロールなしか1スクロール以内で再生できる状態が理想です。

失敗2：情報が古いまま放置

「最終更新：2023年」と表示されていると、まだ活動しているのか判断できません。最低限、実績リストは新しい仕事が入るたびに更新する習慣をつけましょう。更新の手間を減らすためにも、最初から管理しやすい構成にしておくことが大切です。

失敗3：連絡先がわかりにくい

お問い合わせフォームがどこにあるかわからない、XのDMしか連絡手段がない、メールアドレスが画像で表示されているためコピペできない……。こういったサイトは見た目がよくても機会損失につながります。

失敗4：自分語りが長すぎる

プロフィールや活動理念が長文になりすぎているケースも多いです。依頼者が知りたいのは「この声はイメージに合うか」「頼んで大丈夫か」の2点です。気持ちはわかりますが、読まれないテキストは存在しないのと同じです。

失敗5：デザインに凝りすぎて表示が重い

パララックス演出やフルスクリーン動画背景など、見栄えのするギミックは確かに印象的です。ただ、スマートフォンの回線では重くて開かないケースもあります。表示速度を犠牲にしてまで入れる価値があるかどうか、依頼者の立場で考えてみてください。

まとめ

声優ポートフォリオサイトを作るときのポイントを整理します。

必須コンテンツ6つ：

1. ボイスサンプル（最重要、ジャンル別に整理してページ上部に配置）
2. プロフィール（声質・得意ジャンルを自分の言葉で明確に）
3. 実績・出演作品（新しいものから、管理しやすいレイアウトで）
4. 料金表（文字単価の目安を載せるだけで問い合わせ率が上がります）
5. 対応範囲（できること・できないことを明示して余計なやり取りを減らす）
6. お問い合わせフォーム（項目は最小限に）

構成のコツ：

• まずは1ページ完結型で始めてOK
• スマホファースト＋高速表示を最優先
• ボイスサンプルへの導線を最短にする
• 定期的に更新して「活動中」をアピール

完璧なサイトを目指す必要はありません。まず公開して、実績が増えるたびに少しずつ育てていくのが一番の近道です。作りながら「依頼者はどこで迷うだろう」と考えることが、結果的に使いやすいサイトにつながります。

---

Web制作のご相談はお問い合わせページからお気軽にどうぞ。