Webサイト制作

Notionでポートフォリオサイトを作るべき理由

Web制作会社へ営業するためにポートフォリオサイトを作りたい。Notionでポートフォリオサイトを作る方法を教えて。

このような疑問に答えます。

記事の内容

  • Notionでポートフォリオを作るべき理由
  • Notionのポートフォリオに載せるべき情報

記事の信頼性

  • NotionでWeb製作のポートフォリオサイトを作成。Web制作会社31社へ営業メールを送付。2社と業務委託契約を締結。継続して受注しています。

こんにちは、フリーランスエンジニアのまさです(@ryoblog2

今回、Notionでポートフォリオを作るべき理由と載せるべき情報を書きます。

※私のNotionのポートフォリオサイトもぜひご覧ください。

※Notionは一言で言うと、情報管理ツールです(類似のサービスとしてEvernoteがあります)。ポートフォリオを載せるだけでなく、読書の記録を残したり、タスク整理にも使えるので便利です。

Notionのポートフォリオ

Notionで作ったポートフォリオの例

Notionでポートフォリオを作るべき理由

Notion以外にもポートフォリオを作るツールはあります。例えば、SalonやRESUMEなどです。

特に、Salonだと画像を貼り付けるだけで完成するので手軽です。

それなのになぜNotionを使うほうがいいのか?Notionを使うべき理由を説明します。

Notionはカスタマイズが簡単

Notionはポートフォリオ以外にも様々な情報を含めることができます。

例えば、プロフィール(趣味、経歴)です。

趣味を書くことで、読んだ相手に人間味を感じさせたり、共感を呼ぶことができます。

会社勤めをした経歴を書けば、「しっかり仕事してきた人」というアピールにもなります。

他にも、価格表を載せることもできます。Notionにはテーブル機能があるので、簡単に表を作れるのです。「発注するといくらぐらいかかるんだろう?」という疑問にも事前に答えることができます。

さらに、「Webサイト制作の流れ」や「Webサイト制作で私が意識していること」などのページも作ることができます。

「この人にWebサイト制作を依頼したら、こんな流れでサイトを作ってくれるんだな」「このフリーランスは、こんな思い入れを持ってサイトを作ってるんだ」などの情報を相手に伝えることができます。

ただ画像だけを載せたポートフォリオサイトよりも、Notionでポートフォリオサイトを作ったほうが効果的にアピールできます。

ポートフォリオに載せるべき情報

Notionのポートフォリオに載せるべき情報を重要な順に書きます。

「ポートフォリオ」「価格表」「スキルセット」は必須項目です。これを書かないとポートフォリオと呼べません。

ポートフォリオ

ポートフォリオを載せることで、「案件を任せられるだけのスキルがあるか」「どんな種類の案件を今までこなしてきたか(デザイン、コーディング、LP、コーポレートサイト)」などを相手に伝えることができます。

今まで作成したサイトの画像をNotionに貼りましょう。

ポートフォリオを載せる時のポイント

できれば、GitHub Pagesにコーディングデータをアップロードし、そのURLを貼りましょう。

そうすれば、実際の画面を相手に見てもらうことができます。

特に、JavaScriptやjQueryのアニメーションは画像だけ見てもわかりません。

実際のサイトを見せることで「ちゃんとアニメーション機能使えますよ」とアピールできます。

実際のNotionの画面は以下のとおりです。ポートフォリオの配置を変えることも、ドラッグアンドドロップで一瞬です。

Notionのポートフォリオ

Notionのポートフォリオの画面です

下記は、ポートフォリオの画像をクリックした先のページです。

Comment(コメント)のところに、ポイントを書いています。

「XDのデザインカンプをもとにコーディング、WordPress導入、jQueryでアニメーション効果を付与、ContactForm7で問い合わせフォームを設置」などです。

せっかく苦労して作ったポートフォリオです。

ただポートフォリオの画像を載せるのではなく、ポイントも書いてアピールしましょう!

Notionのポートフォリオの個別画面

Notionのポートフォリオの個別画面

価格表で費用感を伝える

2番目に大切なのが価格表です。

価格表でおおよその目安の金額を伝えることで、制作会社の担当者が判断しやすくなります。「この金額なら発注しても利益が残りそうだな」と。

価格表のポイント

価格表の下に備考を書いておきましょう。

例えば、以下が例です。

・「デザイン作成、コーディング、レスポンシブ対応(スマホ対応)を行います」
→作業範囲は書いておいたほうがいいです。(わたしは最初書いてなかったので、「デザインは含まれますか?」と質問をされました)

・対応時間:月曜〜金曜 朝9時〜夜18時
→仕事に使える時間を書きます。働けるのが週2日なのか、週5日なのか。それによって、納期やレスポンス速度も変わるからです。

Notionの価格表

Notionの価格表

スキルセット

スキルセット(専門的なスキル)も書いておきます。

「Webサイト作れます」だけでなく、具体的にどの言語を使えるかを書いておきましょう。

たとえば、以下が例です。

・フロントエンドコーディング(HTML/CSS/JavaScript/jQuery/WordPress/PHP/Sass)

・Webデザイン

・Webディレクション

経歴で「しっかり仕事してきた人」をアピールする

Notionには経歴も書いておきましょう。

私の例だと以下の3つです。経歴を書くことで「これまでしっかり仕事してきた人」というアピールができます。

①東京大学大学院(経済専攻)
→「東大の院出てるのか。頭いいんだろうな」

②富士通で法人営業4年
→「企業相手に営業してたのか。コミュニケーションが丁寧そうだな。」

③ノマドエンジニア育成講座のiSaraに参加
→「スクールに通ってたのか。エンジニアとしての教育を受けたんだな」

Notionの経歴

Notionの経歴

まとめ

今回、Notionでポートフォリオサイトを作るべき理由と、ポートフォリオに含めるべき情報をまとめました。

ご参考になれば幸いです。

5月のつぶやき

コロナが長引いてますね。
緊急事態宣言が延長されることに。。
家にずっといると退屈ですよね。

動画や本で暇つぶししませんか?

下記のサービスはどれも30日以内に解約すれば完全無料です。0円で試せるのでぜひ。

プライム・ビデオでは14,000本の動画が見放題です。「君の膵臓をたべたい」がイチオシ。浜辺 美波がかわいい。

Audible(オーディブル)では本を1冊聴けます。ホリエモンの多動力がおすすめ。

Amazon Music Unlimitedでは音楽が聴き放題です。Official髭男dismやback numberの曲も。自分はブログ書くときに聴いてます。
※今は期間限定で3ヶ月無料です。チャンス。
  • この記事を書いた人

まさ

Webサイト制作のフリーランスエンジニア。WordPress、SEOが専門。東大大学院経済→富士通営業→iSara6th。広島市在住の30歳。TOEIC960。フリーランス5ヶ月目で月収40万円達成。ブログではWeb製作やプログラミング学習法について書きます。Web製作のご相談をお待ちしております。

おすすめ記事

1

プログラミングの独学が大変。1人で勉強してるけどモチベーションが上がらない。Progateは難しいし。分からないところを質問できる相手もいない。2時間かけてググっても答えが見つからない。このままだと挫 ...

2

Photoshopでデザインカンプを作れるようになりたい。おすすめの方法があれば教えて。by コーダー このような疑問に答えます。 記事の内容 Photoshopでデザインカンプを作る方法をUdemy ...

-Webサイト制作

Copyright© まさWEB , 2020 All Rights Reserved Powered by AFFINGER5.