ポートフォリオをWordPressで作るべき理由【営業で効いた体験談】

Web制作を学んだら、次に必要になるのがポートフォリオサイトです。でも「何を載せればいいのか」「どうやって作ればいいのか」で悩んでしまう方は多いのではないでしょうか。

僕はデイトラでWeb制作を学んだ後、最初はHTML/CSSでポートフォリオを作り、その後WordPressのオリジナルテーマで作り直しました。結果的にこれが営業でかなり効いていて、「WordPressで作ってよかったな」と心から思っています。

この記事では、なぜWordPressでポートフォリオを作るべきなのか、実際に何を載せているのか、そして営業時のリアルな反応を体験談ベースでお伝えします。

なぜWordPressでポートフォリオを作るべきなのか

ポートフォリオの作り方にはいろんな選択肢があります。HTML/CSSで静的に作る、無料のポートフォリオサービスを使う、WordPressで作る…。その中で僕がWordPressを選んだ理由と、実際に感じたメリットをお伝えします。

「WordPressで作れます」の説得力が段違い

Web制作の案件で圧倒的に多いのがWordPress案件です。クライアントに「WordPressのオリジナルテーマを作れます」と提案するとき、自分のポートフォリオサイトがWordPressのオリジナルテーマで作られていれば、それ自体が実績になるんですよね。

僕の場合、デイトラの学習過程で作ったHTML/CSSのポートフォリオを最初は使っていましたが、「WordPressサイトの制作をしますと謳っているのに、自分のサイトがWordPressじゃないのはまずいな」と思ってWordPressで作り直しました。これは正解だったと思います。

更新・管理がラク

WordPressなら、新しい制作実績ができたときにすぐ追加できます。お客様の声やブログ記事も管理画面から簡単に追加・編集できるので、ポートフォリオを常に最新の状態に保ちやすいんですよね。HTML/CSSだと毎回ファイルを編集してアップロードし直す必要があるので、地味に面倒でした。

SEOやブログとの連携ができる

WordPressならブログ機能を使って記事を書くこともできます。ポートフォリオサイトにブログを併設して、Web制作に関するノウハウや実績報告を発信すれば、検索エンジンからの流入も期待できます。ポートフォリオ単体だと営業先に見せるだけの「名刺」ですが、ブログが加わると「自分で集客できるメディア」になるんですよね。僕も今後ブログや料金ページを追加していく予定です。

無料ポートフォリオサービスを使わなかった理由

RESUMEやSalon.ioなどの無料ポートフォリオサービスは検討しませんでした。シンプルに知らなかったというのもありますが、月額がかかるものもあるし、それぞれ使い方が独特で学習コストがかかる。WordPressの方がわかっていたし、やりやすかったので、最初からWordPressで作ろうと決めていました。

Web制作者としてWordPressを扱うなら、ポートフォリオもWordPressで作るのが一番自然だと思います。自分が使っているツールで作ること自体がスキルの証明になるので。

僕のポートフォリオに載せているもの

実際に僕のポートフォリオサイトに載せている内容を紹介します。何を載せるか迷っている方の参考になれば嬉しいです。

ファーストビューに動画とキャッチコピー

サイトを開いた瞬間にバンと目に入る動画とキャッチコピーを配置しています。第一印象で「おっ」と思ってもらえるかどうかは大きいんですよね。テキストだけのサイトよりも、動きがあった方が目を引きますし、「こういう表現ができる人なんだ」という印象にもつながります。

制作実績

過去に制作したサイトのスクリーンショットとURLを掲載しています。Clarityで確認すると、営業先のクライアントが一番よく見ているのがこの制作実績セクションでした。やはり「この人にどんなものが作れるのか」を知りたいんですよね。実績が少ない時期は、デイトラの課題で作ったサイトやサンプルサイトを載せていました。

お客様の声

実際にお仕事をしたクライアントからいただいた感想を掲載しています。第三者の声は自分で「できます」と言うよりも説得力があるんですよね。最初は掲載できる声がないと思いますが、案件をこなしていく中で少しずつ集めていけば大丈夫です。

自分について（人となりがわかるページ）

スキルや経歴だけでなく、稼働時間や対応可能な曜日、そして趣味なども載せています。実はこの「人となり」の部分が営業で意外と効くんですよね。

僕の場合、趣味で書いていたキックボクシングのことが営業先との話題のフックになったことがありました。スキルだけでは差がつかない場面でも、人柄や趣味で「この人と一緒に仕事したいな」と思ってもらえることがあるんです。ポートフォリオには、人としての自分が伝わる情報も入れておくのがおすすめです。

お問い合わせフォーム

お問い合わせフォームは必須です。せっかくポートフォリオを見てもらっても、連絡手段がなければ案件につながりません。WordPressならContact Form 7などのプラグインで簡単に設置できます。

ポートフォリオを作る時に苦労したこと

ポートフォリオ作りは楽しい部分もありましたが、正直苦労した部分の方が多かったです。同じように悩んでいる方もいると思うので、僕がつまずいたポイントを共有しますね。

実績がない時期の見せ方

一番悩んだのがこれです。実務経験がない状態で「何を実績として見せればいいのか」。僕はデイトラの課題で作ったサイトやサンプルサイトを載せていましたが、「これでいいのかな」という不安はずっとありました。

でも、実績がないことを恥ずかしがる必要はないと今は思います。大事なのは「何ができるか」が伝わること。サンプルサイトでも、しっかり作り込んであれば十分アピールになります。実績は案件をこなしていけば自然と増えていくので、まずは今あるもので勝負すれば大丈夫です。

デザインが決まらない

デザインができなかったので、ここもかなり苦戦しました。デザインデータは作っていなくて、他の人のポートフォリオサイトを参考にしながら直接コードを書いて作りました。「何を見せるか」「どの順番で見せるか」「どんなデザインにするか」…決めることが多すぎて、何度も手が止まりましたね。

結局、人のサイトを10個くらい見て、気に入った構成やレイアウトを参考にして自分なりに組み上げました。完璧なデザインを目指すと永遠に完成しないので、「60点でもいいから公開する」という気持ちが大事だったなと思います。

営業でのリアルな反応

ポートフォリオを作った目的は営業で使うためなので、実際の反応もお伝えしますね。

WordPressのオリジナルテーマで作り込んだポートフォリオは、やはり反応が良い印象でした。Clarityでヒートマップを確認すると、制作実績がしっかり見られていることがわかりましたし、面談の場でも「ポートフォリオ見ました」と言ってもらえることが増えました。

意外だったのは、趣味のキックボクシングのことが話題のフックになったこと。スキルや実績だけだとどうしても他の人と似通ってしまいますが、「あ、キックボクシングやってるんですね」から会話が始まって、打ち解けた雰囲気で面談が進むことがありました。ポートフォリオは「仕事のスキル」だけでなく「人柄」を伝えるツールでもあるんだなと実感しましたね。

WordPressポートフォリオの作り方【5ステップ】

「WordPressでポートフォリオを作りたいけど、何から始めればいいの？」という方のために、具体的な手順もまとめておきます。Web制作を学んだ方なら、そこまで難しくないはずです。

STEP1：レンタルサーバー契約＋ドメイン取得

まずはサーバーとドメインを用意します。レンタルサーバーはXserver、ConoHa WING、ロリポップあたりが定番ですね。僕はXserverを使っています。月額1,000円前後で、ドメインも一緒に取得できるプランが多いです。

ドメイン名は自分の名前や屋号にするのがおすすめです。僕の場合は「web-okuda.com」にしました。覚えやすくて、名刺に載せても違和感のないドメインがいいですね。年間1,000円程度なので、ここはケチらずに独自ドメインを取りましょう。

STEP2：WordPressインストール＋初期設定

最近のレンタルサーバーは「WordPress簡単インストール」機能がついているので、管理画面からボタンひとつでインストールできます。インストール後にやっておく初期設定はこのあたり。

• SSL化：https://で始まるURLにする。セキュリティ的にも必須
• パーマリンク設定：「投稿名」に変更しておく
• サイトタイトル・キャッチフレーズ：屋号や自分の名前を設定
• 不要なプラグイン・テーマの削除：初期状態で入っている不要なものは削除

STEP3：テーマを選ぶ（orオリジナルテーマを作る）

ここが最大の分岐点です。選択肢は3つ。

1. 既存テーマを使う：無料ならCocoonやLightning、有料ならSWELLやTCDシリーズ。手軽に見栄えの良いサイトが作れる
2. 既存テーマをカスタマイズ：子テーマを作ってCSS/PHPを調整。ある程度のオリジナリティが出せる
3. オリジナルテーマを自作：ゼロからテーマを作る。スキルの証明になるが時間がかかる

僕はオリジナルテーマで作りましたが、最初から自作にこだわる必要はありません。まずは既存テーマでサクッと公開して、スキルが上がったらオリジナルテーマに作り替える、というステップでもOKです。大事なのは「まず公開すること」なので。

STEP4：コンテンツを作る

先ほど紹介した「載せるもの」を参考に、各ページを作っていきます。最低限必要なのはこの4つ。

• トップページ：ファーストビュー＋各セクションへの導線
• 制作実績ページ：サイトのスクリーンショット＋URL＋説明
• 自己紹介ページ：スキル、経歴、稼働時間、人となり
• お問い合わせページ：Contact Form 7などで設置

制作実績が少ない段階でも、デイトラなどで学習中に作ったサイトや、架空のクライアントを想定して作ったサンプルサイトを載せれば大丈夫です。「何ができるか」が伝わることが大事なので、実績ゼロでも公開しましょう。

STEP5：公開して営業に使う

コンテンツが揃ったら、あとは公開するだけです。100点を目指すと永遠に公開できないので、60点でもいいから世に出す。これが大事でした。公開したら、クラウドソーシングのプロフィールにURL載せる、営業メールにリンクを貼る、SNSのプロフィールに設定する、名刺にURLを印刷する。こうやって「見てもらう導線」を作っていきましょう。

公開後はGoogleアナリティクスやClarityを入れておくと、「どのページがよく見られているか」「どこで離脱しているか」がわかります。僕はClarityのヒートマップで制作実績がよく見られていることに気づいて、実績セクションをより見やすくブラッシュアップしました。データを見ながら改善していけるのもWordPressの強みですね。

まとめ

ポートフォリオをWordPressで作るべき理由と、僕の体験談をお伝えしました。

• WordPressで作る理由：オリジナルテーマが実績になる、更新がラク、ブログ連携でSEOも狙える
• 載せるもの：FVに動画、制作実績、お客様の声、人となり（趣味も）、お問い合わせフォーム
• 苦労したこと：実績ゼロの時期の見せ方、デザインが決まらない問題。60点でまず公開する
• 営業での反応：WPで作り込むと反応が良い。趣味が話題のフックになることも
• 作り方は5ステップ：サーバー契約→WPインストール→テーマ選択→コンテンツ作成→公開して営業に使う

ポートフォリオは「自分をどう見せるか」を考える作業でもあります。最初は大変ですが、作り上げたポートフォリオが営業先で自分の代わりに語ってくれるようになるので、ここは頑張る価値があると僕は感じています。まずは今ある素材で、WordPressで1ページ作ってみるところから始めてみてください。

あわせて読みたい

• 未経験からWeb制作で初案件を取るまでにやったこと
• クラウドソーシングの提案文の書き方【テンプレ付き】
• デイトラWeb制作コースを選んだ理由と正直な感想
• 未経験から工場勤務→Web制作フリーランスになるまでの全記録【ロードマップ】