【サイト制作入門】NotionテンプレートとNotionFormsで採用サイトを制作してみよう

記事概要

Notionテンプレートとは

利用するテンプレート紹介

• 「採用サイト」テンプレート(田原聖悟さん公開)
テンプレートギャラリー：Notion (ノーション) - 採用サイト
複製したいテンプレートに移動し、ドロップダウンから複製先のワークスペースを選び、青い「複製」ボタンをクリックします。 既にサインインしている場合は、テンプレートがワークスぺースに自動的に追加されます。ログアウトしているか、Notionアカウントをお持ちでない場合は、表示されるメッセージに沿ってサインインまたはアカウント作成を行ってください。
https://www.notion.so/ja-jp/templates/%E6%8E%A1%E7%94%A8%E3%82%B5%E3%82%A4%E3%83%88

• 「応募者管理」テンプレート(Notion公式)
テンプレートギャラリー：Notion (ノーション) - 応募者管理
複製したいテンプレートに移動し、ドロップダウンから複製先のワークスペースを選び、青い「複製」ボタンをクリックします。 既にサインインしている場合は、テンプレートがワークスぺースに自動的に追加されます。ログアウトしているか、Notionアカウントをお持ちでない場合は、表示されるメッセージに沿ってサインインまたはアカウント作成を行ってください。
https://www.notion.so/ja-jp/templates/applicant-tracker

NotionFormsとは

• NotionForms公式サイト
NotionForms
https://notionforms.io/

採用サイトと応募者管理の完成版

サンプルページのアニメーションはこちら

採用サイトページ

応募者管理ページ

作成準備

• Notionアカウント(無料プランでOK)
Notion (ノーション) - すべてのチームをひとつのワークスペースで
Notionは単なるドキュメントやテーブルではありません。望み通りに機能するようにNotionをカスタマイズしましょう。
https://www.notion.so/ja-jp

• NotionFormsアカウント(無料プランでOK)
NotionForms
https://notionforms.io/
作成方法のアニメーションはこちら

• Stop Animations
記事中のアニメーションを一時的に停止したい場合は以下、Chrome拡張機能もインストールしてください。「escキー」を押すとアニメーションが一時停止します。
Stop Animations
Stops animations from distracting you while reading - just press the escape key [esc]... and press again to restore.
https://chrome.google.com/webstore/detail/stop-animations/gemmknjnneiojfjelmgappppbaneikda/related?hl=ja

採用サイトの作成手順

以下、手順1〜6までのアニメーションはこちら

1. 「採用サイト」テンプレートをコピーする
テンプレートギャラリー：Notion (ノーション) - 採用サイト
複製したいテンプレートに移動し、ドロップダウンから複製先のワークスペースを選び、青い「複製」ボタンをクリックします。 既にサインインしている場合は、テンプレートがワークスぺースに自動的に追加されます。ログアウトしているか、Notionアカウントをお持ちでない場合は、表示されるメッセージに沿ってサインインまたはアカウント作成を行ってください。
https://www.notion.so/ja-jp/templates/%E6%8E%A1%E7%94%A8%E3%82%B5%E3%82%A4%E3%83%88

2. 会社名を変更する

3. アイコンとカバー画像（メインビジュアル）を変更する

4. 「事業内容」と「ミッション」の文言を変更する

5. 「事業内容」の資料をYouTubeに変更する

6. 「社員一覧」
1. 社員画像と名前を変更する
2. 役職プロパティを編集する
3. 各社員に役職を設定する

以下、手順7のアニメーションはこちら

7. 「募集一覧」の職種、勤務地のプロパティを変更する

応募者管理ページの作成手順

以下、手順1〜8のアニメーションはこちら

2. 応募職種プロパティの編集

2. 勤務地プロパティの編集

3. スキルプロパティの編集

4. Webサイトプロパティの削除
1. 不要なため(各自判断お願いします)

5. 添付ファイルプロパティの削除
1. 不要なため(各自判断お願いします)

6. 採用担当を自社ユーザーに変更

7. エンジニアリングビューの削除
1. 不要なビューのため(各自判断お願いします)

応募フォーム(NotionForms)の作成手順

以下、手順1〜7のアニメーションはこちら

1. NotionFormsにログインする
NotionForms
https://notionforms.io/

2. Notionと連携する
1. 「Login with Notion」クリック > ページを選択する > 「応募者管理」をONにする

3. 応募フォームを作成する

4. フォームのリンクをコピーする

5. 採用サイトに「埋め込みを作成」でペーストする

6. 応募フォームを入力して「Submit」する

7. 募集者管理ページに応募データが追加されたことを確認する

サイト公開

• 採用ページが完成しましたら「共有設定をON」にして公開しましょう
＊「応募者管理ページ」は社内用なので共有しないでください

まとめ

• 採用サイトの作成手順

• 応募者管理ページの作成手順

• 応募フォーム(NotionForms)

【参考資料】Notionによる採用サイト事例

• Notionによる採用サイト事例を4事例を紹介しています。
【無料OK】Notion採用サイトの作り方＆活用事例４選を徹底比較！ | HeaR inc.-企業の採用力向上を支援
リード文が入ります・CMSのスタイリングが可能なリッチテキストでは、リッチテキスト内で設定を分けることができません。そのため、タイトル直下のテキスト文と、小見出し直下のテキスト文のフォント設定が異なる場合には、テキストとリード文とに分けることで表示分けが可能となります。タイトルと小見出しの間にあるテキスト文をリード文としてCMS上で登録してください。・フォント設定が同一で良い場合には、すでに...
https://www.hear.co.jp/recruit/recruiting-site-notion

• Notionによる採用サイトを13事例紹介しています。
Notionで作られた採用ページ13選
今回はNotionで企業の採用ページを作成するメリットと、実際にNotionを使用して作られた企業の採用ページ15選を紹介します。 Notionで掲載しても応募者が集まるわけではありません。 「母集団形成に困っている...」という方は、母集団形成・応募者対応・面接日程調整までの一連の採用業務を外注するのがおすすめです。 人事担当者の負担が80%削減 できます。 ...
https://recruiting.cast-er.com/articles/tips/notion-career-page.html

• Notionによる採用サイトを50事例紹介しています。
Notionを使った採用サイト50選。Notionを使った採用サイトの作り方ノウハウ5選｜コンさん＠まるごと人事の代表：220社の採用を手伝った人｜note
こんにちは、マルゴト株式会社 代表のコン（ konkeisuke）です。月額制の採用代行" まるごと人事 "を運営しています！ 今回は採用サイトに Notion という便利ツールを活用している会社さんを、事例として50社ピックアップしました。記事の後半では、Notionで採用サイトを作成する時のコツもまとめています。少しでもお役に立てれば幸いです！ ...
https://note.com/konkon4192/n/n8986aadb9656

関連ブログ