シンプルなポートフォリオで案件獲得｜営業1週間で初案件を取った作り方

Web制作を勉強し始めた頃は、僕もポートフォリオに何を載せればいいか分かりませんでした。

なんて考えていました。

しかし、実際に案件を取っていった結果

ポートフォリオは2つの架空サイトと1つのコーポレートサイト（自身のWeb制作事業サイト）で充分でした。

しかも、シンプルなデザインで大丈夫。

今回は営業開始1週間で初案件を獲得できた僕の、ポートフォリオの作り方を紹介します。

ポートフォリオに必要なもの

ポートフォリオで最低限必要なもの、逆にいらないものは次の通りです。

最低限必要なもの

• 自身の自己紹介
• スキル一覧
• お問い合わせフォーム

僕自身は3つのサイトを用意しましたが、1つや2つでも案件が取れる人はいます。

なので数字にこだわりすぎなくてもOKですが、5つも６つもいりません。

必要ないもの

逆に、なくていいもの（いらないもの）は

• 10個以上の作品
• 完璧なデザイン
• 実案件の実績

初めは誰でも実績が0なので、自身で作成したポートフォリオをもとに案件を取ったり、知り合いのサイトをつくらせてもらうことによって案件を獲得していきましょう。

ポートフォリオの公開方法

ポートフォリオサイトを公開する方法は、2つあります。

①レンタルサーバーと独自ドメインを契約する

実際にサイトを公開する方法と同様の方法です。

XサーバーはConoHa Wingなどのいわゆるレンタルサーバーと独自ドメインを利用してサイトを公開します。

コーダーとして静的サイトを制作する場合は、この方法でサイト公開まで任せられることも多いので、個人的にはこの方法でサイト公開するのに慣れておくことをおすすめします。

②無料サーバーを利用する

自分で作成した静的ファイルを、GitHubなどにアップロードして公開することもできます。

また、簡単にポートフォリオサイトをまとめることができるforiioというサービスもありますので、そちらを利用するのもいいでしょう。

僕が作った3つのサイト

僕は下記のサイトを用意しました。

①動物病院サイト

1つ目は、架空の動物病院サイトです。

• デザイン：白と黄緑のシンプルなテイスト、清潔感があるデザイン
• 使用技術：HTML/CSS(Sass)、JavaScript(jQuery)
• 制作期間：2週間

スマホのレスポンシブでハンバーガーメニューを設置するのに苦労しました。

①動物病院サイト

1つ目は、架空の動物病院サイトです。

• デザイン：白と黄緑のシンプルなテイスト、清潔感があるデザイン
• 使用技術：HTML/CSS(Sass)、JavaScript(jQuery)
• 制作期間：2週間

スマホのレスポンシブでハンバーガーメニューを設置するのに苦労しました。

①動物病院サイト

1つ目は、架空の動物病院サイトです。

• デザイン：白と黄緑のシンプルなテイスト、清潔感があるデザイン
• 使用技術：HTML/CSS(Scss)、JavaScript(jQuery)
• 制作期間：2週間

スマホのレスポンシブでハンバーガーメニューを設置するのに苦労しました。

②ゴルフサイト

2つ目は、架空の動物病院サイトです。

実際には、最後に紹介するコーポレートサイトに、サイトではなくデザインだけを貼っていました。

制作ソフトは、Figmaです。

• デザイン：ゴルフに合わせた白と緑のデザイン
• 使用技術：HTML/CSS
• 制作期間：1週間

③コーポレートサイト

最後に、自身のWeb制作事業のコーポレートサイトを制作しました。

• デザイン：白と赤を基調としたデザイン
• 使用技術：HTML/CSS/JS(jQuery)/WordPress(PHP)
• 制作期間：1週間

これらのサイトを、営業する際にポートフォリオとして提出しました。

ポートフォリオの作り方

ポートフォリオの作成は、以下の手順で行いましょう。

まとめ

ポートフォリオは、完璧じゃなくても大丈夫ですので、まずは作り切ることが大切。

そして、シンプルなデザインで充分です。

僕も営業開始1週間で初案件を獲得できました。

完璧を目指すよりも、まずは公開して営業を始めることが大切です。

まずは、2〜3つの架空サイトを作って、ポートフォリオを公開してみましょう！