はじめまして!
コーポレートデザイン統括部人事グループの本坊といいます。
ABEJAアドベントカレンダー2022の15日目の記事を担当させていただきます。
ABEJAでは、エンジニアやデータサイエンティストだけでなく、ビジネス職含め、様々なポジションで仲間を募集しています!
少しでも興味がある方は、情報交換からでも構いません!
ぜひカジュアル面談しましょう!
ご応募・ご連絡お待ちしております!
・・・。
以上が、人事として本日お伝えしたいことの9割ではあるのですが、せっかく機会をいただきましたので、今回は非エンジニアである私がNotionで採用サイトをつくってみた話をお伝えしようと思います。
なぜNotionで採用サイトを作ったか
採用ページ自体はもともとコーポレートサイト上にありました。
ですが、コンテンツを更新するには社内のエンジニアに作業をお願いする必要があり、申し訳ない&スピーディに更新することが難しい状況でした。
また、コーポレートサイトから各ポジションの求人情報に遷移するまでの必要クリック数が思ったよりも多く、ユーザー体験的にも課題がありました。
以上の理由と、「イケイケなスタートアップってNotionで採用サイトを作ってるよね」という当時の世の中的なトレンドもあり、人事担当者でもすぐに更新ができるNotionで採用サイトを構築することにしました。
Notionで採用サイトつくってみた
早速つくっていくわけですが、まず最初に私の非エンジニア度をお伝えしますと
- エンジニア歴は0
- HTMLは調べながらだったら、読み書きできるレベル
- CSSも調べながらだったら、読み書きできるレベル
といった感じです。
もちろん「HTML/CSSを使った実務経験」なんてものはありませんし、しかも当時はABEJAに入社してまだ数ヶ月。
未経験でもチャレンジさせてくれる、って素敵ですね。(さりげなくアピール)
①採用サイトに載せるコンテンツの洗い出し
いきなりNotionを触る前に、まずは他社さんのNotion採用サイトをいくつかピックアップして、各社が候補者に対してどんな情報を提供しているのかリストアップしていきます。
- 会社概要
- 募集ポジション
- ミッション・ビジョン・バリュー
- etc
整理してみると、各社ごとに打ち出しているメッセージやコンテンツの見せ方に工夫があってとても参考になります。
一通り整理したあとは、ABEJAが手元に持っている情報と突き合わせて、初回リリース時に採用サイトに掲載するコンテンツを決めていきました。
②非公開Notionでラフイメージをつくる
①で決めたコンテンツを、情報の親子構造や候補者に見せたい順番などを考慮しながら、見出しレベルで並べていきます。
その後コンテンツをはめこんでいき、テキスト量の調整などを施していきます。
③公開用Notionでページをつくっていく
ある程度イメージが固まってきたら、公開用Notionのほうでページを作成していきます。
ここはほぼコピペするだけですね。
④独自ドメインの設定(Wraptasと連携)
NotionをそのままWebサイトとして公開することもできるのですが、独自ドメインやアクセス解析ツールの導入をしたかったので、サードパーティのツールを導入することを検討しました。
いくつか候補があがったのですが、サポート体制が日本語でできることと、お値段的にも他よりお安いことから、最終的にWraptasを導入することに決めました。
(ドメイン取得と設定の部分は、社内のエンジニアにご協力いただきました。)
⑤CSSを書いて、デザイン調整していく
最後に既存のコーポレートサイトから遷移することを考慮して、トンマナを揃えていきます。
ファーストビューには、少しこだわりました。
Notionのデフォルトだと、カバー画像でファーストビューがごそっと持っていかれます。
そこで、少しでもコンテンツまでの距離が短くなるように、カバー画像とページタイトルが重なるようCSSで修正しました。
ほかにも、サイト幅や行間の調整をしたり、画面右下に「トップへ戻る」のアンカーリンクを設置したり、など。
こだわりだすと無限に時間が溶けていく作業ではありますが、実は細かいところに手を加えています。
まとめ
完成したNotion採用サイトがこちらになります。(初回リリース時から何回かのアップデートを施しています。)
「Notionで採用サイト作ろう!」と思ってから、実際の作業時間はおおよそ1か月くらいでリリースまでこぎつけました。
ありがたいことに、Notionで作られた企業サイト事例集を運営されている田原様にもTweetしていただきました!
感謝感激です!
ABEJAさんの採用サイトがNotion + Wraptasで作られてる✨
— 田原聖悟|Notionアンバサダー (@shogocat) 2022年5月10日
とても見やすくカスタマイズされていて、教えていただくまでNotion製だと気付きませんでした…!https://t.co/6gtFHG4GQs
というわけで、ABEJAでは、エンジニア職をはじめ様々なポジションで積極採用中です!
ぜひカジュアル面談しましょう!(本日2回目)