採用サイトを自社で作るためのCanvaテンプレートを作ってみた

Canvaで採用関連のテンプレートを探すと、求人バナーやSNS投稿、会社説明会の資料、募集告知のデザインなどはあるんですが、「採用サイト丸ごと」というのは、あまり無いんですよね。

ファーストビューだけのデザインや、採用告知のパーツとして使えるものはあるんだけど、仕事内容、職場の雰囲気、働く人、募集要項、会社見学や応募までの流れまで、全部ひっくるめて「型」として使えるテンプレートがあった方が、やっぱり便利。

そこで今回は、デザインだけでなく構成面も設計した、Canva対応の中小企業・小規模事業者向け採用サイトテンプレートを作ってみました。

採用サイトとして使えるように、構成とデザインの型を用意しました

今回作ったテンプレートでは、デザインだけでなく、採用サイトに必要な内容の流れもあらかじめ入れました。

採用サイトを自社で作ろうとすると、デザインをどうするかだけでなく、何をどの順番で載せるかも考える必要がありますよね。

仕事内容、職場の雰囲気、働く人、募集要項、会社見学や応募までの流れ。とか。

そうした情報を、応募者目線で読みやすい順番で見られるように、ページ全体の型として設計しました。

使う時は、テンプレート内の文章や写真、色、リンクを自社の内容に差し替えていくイメージです。

ゼロからデザインや構成を考えるのではなく、すでに用意された型に沿って、自社の採用ページとして作っていくことができます。

また、このテンプレート自体は製造業をサンプルとして作成していますが、他の業種でも応用できるように構成を設計してあるので、店舗スタッフ、営業職、サービス業など、さまざまな業種でもご利用いただけます。

🔶👀まずはデモページで全体の雰囲気を確認できます📱🔶

記事内でも各ページの内容を紹介していきますが、文章だけでは分かりにくい部分もあると思うので、購入前に見られるデモページも用意しています。

このテンプレートがどのような流れになっているのか、写真や文章はどんな感じか、実際のページで確認できます。

まず全体の雰囲気を見てから読み進めたい方は、デモページもあわせて見てみてください。

採用情報を伝えるための3つのページ

1ページ目・TOPページ | 会社の第一印象を伝える

TOPページは、「どんな会社なのか」「どんな仕事をしているのか」が伝わることを中心に設計しました。

ファーストビューのあとに、仕事の概要や仕事の価値、未経験からの成長イメージ、採用情報への導線、会社見学の案内、会社概要を入れています。

いきなり募集要項だけを見せるのではなく、まずは会社と仕事の雰囲気を知ってもらう流れです。

特に中小企業の採用では、会社名だけで応募者にイメージしてもらうのが難しいこともあると思います。

だからこそ、TOPページでは「この会社は何をしているのか」「どんな仕事に関わるのか」「応募前にどこを見ればいいのか」が分かるようにしています。

2ページ目・WORKページ | 仕事内容と成長イメージを伝える

WORKページでは、実際にどんな仕事をするのかを詳しく見せていきます。

求人票に「製造スタッフ」「店舗スタッフ」「営業職」などと書かれていても、それだけでは応募者は具体的な仕事内容まではイメージしにくいですよね。

なので、このページでは、主な業務内容、仕事の流れ、1日のスケジュール、入社後の成長ステップなどを入れています。

特に未経験者向けの採用では、「自分にも出来るかな？」とか「入社後にどう覚えていくのか」が気になる人も多いと思います。

そのため、テンプレート内では、まずどんな作業から始めるのか、どのように仕事を覚えていくのか、どんな力が身につくのかを順番に見せられるようにしています。

また、「この仕事に合いやすい人」のセクションも用意しているので、応募を検討している人が、自分に合いそうかを考えるきっかけにもなります。

仕事内容をただ説明するだけでなく、働き始めた後のイメージまで伝えられるページとして設計しました。

3ページ目・INFOページ：職場の雰囲気と募集情報をまとめる

INFOページでは、応募前に確認しておきたい情報をまとめています。

仕事内容がある程度分かったあとに気になるのは、実際にどんな職場なのか、どんな人が働いているのか、募集条件はどうなっているのか、といった部分だと思います。

このページでは、職場の雰囲気、代表メッセージ、働く人のQ&A、募集要項、アクセス、会社見学・応募の流れを入れています。

求人票だけでは、職場の空気感や人の雰囲気まではイメージしにくいことがあるので、条件だけでなく「この会社で働くということは、どんな感じなのか」が少しでも伝わる情報を置いておくことが大事だと思います。

また、会社見学や応募の流れも入れているので、応募を検討している人が次に何をすればいいのかも分かりやすくしています。

いきなり応募するのは少し不安という人にも、まずは会社見学から考えられるような導線を用意しています。

募集内容を確認するだけでなく、応募前の不安を少し減らすためのページとして設計しました。

採用情報が伝わるように、デザインも設計しています

今回の採用サイトテンプレートの、デザインコンセプトは「信頼感」と「メッセージ性」の演出です。

会社のメッセージが印象に残る見せ方

採用サイトでは、会社の考え方や仕事の価値がしっかり伝わることが大事だと思っています。
そのため、ファーストビューや見出しまわりでは、会社のメッセージが印象に残るように、少しインパクトのある見せ方を取り入れています。

一方で、仕事内容や募集要項、会社見学の流れなど、きちんと読んでもらいたい情報については、できるだけシンプルで整然としたレイアウトにしています。

印象に残る部分と、読みやすく整理する部分。
その両方を分けて設計することで、採用サイト全体にメリハリが生まれ、「信頼感」と「メッセージ性」のあるクリエイティブを演出します。

シンプルだけど、単調になりすぎないデザイン

適度に動きのあるレイアウトを入れることで単調になりすぎず、シンプルでモダンな印象をベースにすることで、流行にも左右されにくい耐久力のあるデザインを目指しています。

配色についても、色数を増やしすぎず、アクセントカラーがきちんと引き立つようにしています。色を自社のイメージカラーに変更した時にも、全体の印象が大きく崩れないように、できるだけ扱いやすい設計にしています。

スマホで読みやすいモバイルファーストの設計

レイアウトは、スマートフォンで見られることを前提にしたモバイルファーストの構成です。
1画面の中に情報を詰め込みすぎず、コンテンツに自然と目が行くよう、余白やコンテンツ量を調整しています。

フォントサイズも、想定ユーザー層を考慮したWebページとして読みやすいサイズ感を意識しています。

また、ボタンについても、押しやすさや誤タップの起きにくさを考えて、適度な大きさにしています。

各セクションでは、内容ごとに情報をグルーピングし、どこからどこまでがひとまとまりなのかが直感的に分かるようにしています。

写真やビジュアル要素も、ただ装飾として置くのではなく、セクションの区切りやページ全体のリズムが分かりやすくなる位置に配置しています。

Canvaで差し替えやすいことも大事にしています

Canvaで編集して使うテンプレートなので、デザインを複雑にしすぎないことも意識しました。基本的にシンプルなレイアウトにしているので、Canva上でも文章や写真を差し替えやすいようにしています。

見た目を整えるだけでなく、読みやすく、差し替えやすく、採用情報が伝わりやすいこと。
このテンプレートでは、そうした点も含めて、Canva上で編集しやすい採用サイトの型になるように設計しています。

編集に迷った時のガイドPDFも同梱しています

テンプレート本体とは別に、入力・編集ガイドPDFとAI補助プロンプトガイドPDFも同梱しています。

Canvaテンプレートは、文章や写真を差し替えられることが大きなメリットですが、実際に編集しようとすると、
「ここには何を書けばいいのか」
「どんな写真を入れるとよいのか」
「文章の長さはどのくらいが合うのか」
「自社向けにどう言い換えればいいのか」
と迷うこともあると思います。

そのため、このテンプレートではCanvaのデザインデータだけでなく、編集を進める時に確認できる資料もあわせて用意しています。

入力・編集ガイドPDF

入力・編集ガイドPDFは、Canvaテンプレートを編集する時に、確認しながら使う資料です。

各ページのセクションごとに、どんな文章を入れるとよいか、どんな写真を使うと雰囲気が伝わりやすいか、リンクをどこに設定するかなどを説明しています。

例えば、代表メッセージのセクションであれば、
「なぜ採用したいのか」
「どんな姿勢を大切にしているのか」
「未経験者に対して、どんな考え方で仕事を教えているのか」
「応募を考えている人に、どんな一言を伝えたいのか」
などなど、具体的にどんな内容の文章を書けば良いかの例を記載しています。

写真についても、働いている人の様子、作業中の風景、店内やオフィスの雰囲気、道具や設備など、セクションごとにどんな写真を入れると会社の雰囲気が伝わりやすいかの例を記載しています。

テンプレートの見た目をそのまま使うだけでなく、自社の情報に差し替えていく時に、「この場所には何を入れればいいか」を確認するためのガイドとして使えます。

AI補助プロンプトガイドPDF

AI補助プロンプトガイドPDFは、採用サイトの文章づくりや、補助的な画像素材づくりに使えるプロンプトをまとめた資料です。

たとえば、採用メッセージ、仕事内容の説明、1日の流れ、成長ステップ、職場の雰囲気、社員Q&Aなど、文章をゼロから考えるのが難しい時に、AIに投げるための質問文として使えます。

プロンプトには、自社の業種や仕事内容、採用したい人物像などを入れられるようにしているので、その情報を踏まえた文章案を作ることができます。

また、テンプレート内のセクションに合わせて使いやすい文章量になるようにしているので、長すぎる文章が出てきて、結局どこを削ればいいか分からない、という状態になりにくいようにしています。

もちろん、AIが出した文章をそのまま掲載するのではなく、自社の実際の仕事内容や社内の雰囲気に合わせて、必ず確認・修正する必要がありますが、最初の文章案を作る時や、言い方に迷った時には、使いやすいと思います。

さらに、採用サイトで使える補助的な画像素材を作るためのプロンプトも入れています。

採用サイトでは、実際の職場写真や社員写真を使うのが一番良いですが、すべてのセクションにちょうどいい写真が用意できない場合もあります。

そのような時に、背景素材、手元の作業イメージ、道具や設備の補助ビジュアルなど、汎用的に使いやすい画像を作るための素材として使えます。

テンプレートを購入して終わりではなく、自社の内容に差し替えていくところまで進めやすいように、ガイド資料も含めて設計しています。

無料お試しテンプレで、Canvaの編集感も確認できます

購入前に、Canvaでどのように編集できるかを確認できる無料お試しテンプレも用意しています。

無料お試しテンプレは、採用サイトテンプレート本体の一部をそのまま無料で配布するものではなく、Canva上での編集感を試すためのサンプルです。

文字の差し替え、写真の差し替え、色の変更、ボタン文言の変更などを、実際にCanva上で触って確認できます。

Canvaテンプレートは、見た目だけではなく、実際に自社で編集しやすいかどうかも大事だと思います。

「自社でも編集できそうか」
「どのくらい自由に差し替えられるのか」
「Canvaで採用ページを作る時の操作感はどんな感じか」

そうした部分を、購入前に少しでも確認できるようにしています。

いきなり購入するのが不安な場合は、まず無料お試しテンプレを触ってみて、編集のしやすさやテンプレートの雰囲気を確認してもらえたらと思います。

無料お試しテンプレ｜Canva編集体験サンプルはこちら👇

このテンプレートが向いている企業

このテンプレートは、採用サイトや採用ページを自社内で内製したい企業に向いています。例えば、

• 求人媒体やSNSだけでは会社の雰囲気が伝わりにくい場合。

• 応募前に仕事内容や職場の様子、働く人の雰囲気をもう少し詳しく見てもらいたい場合。

• 会社見学や応募フォームへのリンク先として、採用情報をまとめたページを用意したい場合。

そうした時に、自社の文章や写真を差し替えながら、採用サイトとして使える形に近づけていけるテンプレートです。

特に、中小企業や小規模事業者の場合、採用専任の担当者がいなかったり、Webサイトを頻繁に更新する体制がなかったりすることもあると思います。

そういう場合でも、Canva上で文章や写真を差し替えながら、自社の採用情報を見える形にしやすいことを意識しています。

一方で、採用管理システムとの連携や、高度な応募フォーム、複雑な職種分岐が必要な場合は、専用のシステムや制作会社に相談した方がよいと思います。

このテンプレートは、採用活動全体を管理するためのものではなく、応募前に会社や仕事のことを知ってもらうための採用ページを作るテンプレートです。

自社の雰囲気や仕事内容を、まずはきちんと見える形にしたい。そういう企業に向けて作りました。

テンプレートはBOOTHで購入できます

このテンプレートの価格や購入は、FORM.が出店しているBOOTHの商品ページをご確認ください。

まとめ | 採用サイトとして使える型を、Canvaで編集できるように

今回作った採用サイトテンプレートでは、会社の雰囲気や仕事内容、募集情報、会社見学や応募までの流れを、採用サイトとして見せやすい形にまとめています。

TOPページでは会社の第一印象を伝え、WORKページでは仕事内容や成長イメージを伝え、INFOページでは職場の雰囲気や募集要項、見学・応募の流れを確認できるようにしています。

また、デザイン面でも、信頼感とメッセージ性が伝わる見え方、スマホでの読みやすさ、Canva上での差し替えやすさを意識して設計しました。

さらに、入力・編集ガイドPDFやAI補助プロンプトガイドPDFも同梱しているので、テンプレートを購入したあとに、自社の文章や写真に置き換えていく時の参考として使えます。

採用サイトをゼロから作るのは大変です。

でも、あらかじめ用意されたコンテンツとデザインの型に沿って、自社の情報を入れていく形なら、最初の一歩は少し始めやすくなると思います。

会社の雰囲気が伝わる採用ページを、自社の言葉で用意したい。

そんな時の選択肢として、このCanvaテンプレートを活用してもらえたら嬉しいです。

採用サイトを自社で用意する考え方については、別記事でも書いています。採用サイトを外注するのが難しい時に、まずどんな情報を用意するとよいかを知りたい方は、こちらも参考にしてみてください。

あわせて、この採用サイトテンプレートを営業職向け・店舗スタッフ向けにアレンジした例も、別記事で紹介しています。

文章、写真、色を差し替えることで、同じテンプレートでもどのくらい雰囲気が変わるのかを見られる内容になっています。

Canvaテンプレートを自社向けに使うイメージをもう少し具体的に知りたい方は、こちらも参考にしてみてください。

FORM.で販売しているCanvaテンプレートは、以下の記事で用途別にまとめています。