Studioの採用サイト事例9選｜テンプレートで作る方法と費用

Studioで採用サイトを作る3つの方法

Studioで採用サイトを作る方法は、大きく3つです。どれを選ぶかで、費用と公開までの期間が変わります。

テンプレートを自社向けに整える場合のGOROの料金は、後半の「テンプレートを自社に合わせたいとき」で紹介しています。一から作る場合の料金と内訳は、採用サイト制作の費用相場｜作り方別の目安と内訳・抑え方で詳しく解説しています。

写真で働く人と現場を見せる採用サイト3選

ここからは、Studioで作られた採用サイトを9つ紹介します。写真・言葉・イラストや色のどれで会社らしさを伝えているかで、3つに分けました。どのサイトもStudioで公開されていることを、2026年10月19日に確かめています。

最初は、写真で見せるサイトです。仕事の現場や働く人の写真は、求職者が入社後の自分を想像する手がかりになります。

豊田電気株式会社 採用サイト

出典：https://www.toyoda-d.co.jp/recruit

生産ラインの制御盤などを設計・製作する会社の採用サイトです。ファーストビューは、工具を腰に下げた社員の手元の写真に「Better than Before」というコピーを重ねています。現場で使う道具を大きく見せることで、どんな仕事をする会社かが一目で伝わります。

参考にしたい点：人の顔より先に、仕事の道具や手元を写すと、職種のイメージを最初に伝えられる。

株式会社三ッ和 採用サイト

出典：https://mitsuwa-recruit.com

店舗・製造・配送のスタッフを募集する、総合食品企業の採用サイトです。「手をかける。人にも、仕事にも。」というコピーの横に、白衣と帽子を身につけた社員が笑顔でピースをする写真を置いています。

参考にしたい点：現場の社員を大きく、自然な表情で写すと、職場の雰囲気が言葉より先に伝わる。

Studio株式会社 採用サイト

出典：https://studio.inc/career

Studioを開発している会社自身の採用サイトです。ファーストビューは、メンバーが談笑する映像と「創造性を、解き放つ。」というミッションで構成されています。画面の右下には「募集要項・エントリーはこちら」と「カジュアル面談を希望する」の2つのボタンを並べています。

参考にしたい点：応募とカジュアル面談の入口を並べると、まだ応募するほどではない人も次の一歩を選べる。

言葉で会社の考えと仕事を伝える採用サイト3選

次は、コピーやメッセージなど、言葉で見せるサイトです。仕事の中身が知られていない会社や、求職者に伝えたい考えがはっきりしている会社に向いています。

ポーラ・オルビスホールディングス キャリア採用サイト

出典：https://www.recruit.po-holdings.co.jp/career

「あなたの“らしさ”は、もっと輝く。」というコピーを大きく置き、PERSONALITY・SENSITIVITYといった英単語と写真を重ねています。メニューには「若手座談会」「パパ・ママ座談会」があり、キャリア採用で気になる入社後の働き方や、家庭との両立に答える構成です。

参考にしたい点：求職者が気になることを、メニューの名前でそのまま示す。

株式会社MIC 採用サイト

出典：https://project-mic.studio.site

広告のキャスティングを手がける会社の採用サイトです。「キャスティングのプロフェッショナルになる。」という見出しの下に、手がけた広告と出演者の名前を並べています。メニューにも「キャスティングとは」「キャスティングディレクターの仕事」があり、なじみの薄い仕事を言葉で説明しています。

参考にしたい点：仕事が知られていない会社は、実績の具体名と仕事の説明を最初に見せる。

株式会社LDH JAPAN 新卒採用サイト

出典：https://ldhrecruit.com/

ファーストビューは「Inspire the world with Dreams.（夢の熱量で世界を動かそう。）」というコピーです。続くメッセージは「LDH JAPANの未来を決めるのは君たちだ。」という学生への呼びかけから始まり、グローバル・アニメ・デジタル・教育・食の新しい取り組みを紹介しています。

参考にしたい点：学生が知っている会社の顔だけでなく、これから広げる事業を言葉で伝える。

イラストや色で社風を表す採用サイト3選

最後は、イラストや色で見せるサイトです。写真では伝えにくい親しみやすさや、会社の勢いを表せます。

ECデータバンク株式会社 採用サイト

出典：https://ecdb.co.jp/recruit/

黄緑の背景に人物のイラストと「RECRUIT」の文字を置いた、明るいトーンの採用ページです。メニューは、メッセージ・メンバー紹介・働く環境・採用フローの4つに絞り、黄色の「ENTRY」ボタンを右上に置いています。

参考にしたい点：メニューを少なく絞ると、求職者が読む順番に迷わない。

株式会社MASSIVE SAPPORO 採用サイト

出典：https://hr-massivesapporo.com

ファーストビュー全体を、色の多いイラストで埋めています。「北海道から世界へ、新たな宿泊の未来を創る。」というコピーの近くに「社長ブログ」への入口を置き、代表の考えにもすぐ届くようにしています。

参考にしたい点：代表が発信している会社は、ファーストビューから代表の発信への入口を置く。

COLORS JAPAN&co 採用サイト

出典：https://colorsjapan-recruit.jp/

美容の仕事を目指す人に向けた採用サイトです。蛍光の緑の背景に、大きな「COLORS JAPAN」「RECRUIT」の文字とモデルの写真を重ねています。画面の左下には「LINEで質問」のボタンがあり、応募の前に気軽に質問できるようにしています。

参考にしたい点：応募のハードルを下げたいなら、LINEなど求職者がふだん使う連絡手段を入口にする。

GOROの採用サイトのテンプレート「BtoB｜採用サイト」

GOROは、Studio Storeで採用サイトのテンプレート「BtoB｜採用サイト」を販売しています。IT企業が、エンジニアやプロダクトマネージャーなどのテック人材を採用するためのテンプレートです。

向いている会社

想定しているのは、IT・SaaSのスタートアップで、少人数のチームが社内で採用サイトを作るケースです。次のような会社に向いています。

• エンジニアやプロダクトマネージャーなど、テック人材を採用したい会社

• 制作会社に頼む予算や時間はないが、信頼感のある見た目の採用サイトにしたい会社

• 社内にStudioを触れる人がいて、まず早く公開したい会社

作るときに決めたこと

テンプレートを作る前に、Studio Storeで販売されている採用サイトのテンプレートを調べました。ページが充実しすぎて埋めるのが大変そうなもの、業種を決めずに汎用的に作られたもの、海外の写真素材を使っていて自社で使う姿を想像しにくいものが多くありました。そこで、次の3つを決めています。

1. 多くのIT企業に共通する、伝えたい情報だけに絞る（会社の紹介・事業・働く環境・メンバー・募集職種・よくある質問）

2. 上から順に埋めていけば、会社の紹介から応募までの流れができる構成にする

3. 写真は、日本のIT企業で働く人の場面（パソコンに向かうエンジニア、打ち合わせの様子など）を想定して選ぶ

ページ構成と機能

募集要項はCMSで管理するため、職種の追加や募集の終了は、ページを作り直さずに社内で更新できます。応募の入口は、エントリーとカジュアル面談の2つです。すぐには応募しない人も、カジュアル面談なら申し込みやすくなります。

公開までにかかる時間

文字と画像を差し替えるだけなら、Studioに慣れた人で1日以内、普段Studioを触らない人でも時間をしっかり取れれば2〜3日が目安です。社内の確認や調整を含めると、1〜2週間ほどを見ておくとよいでしょう。

価格と利用の条件

• 価格：15,600円（2026年10月19日時点）

• 個人・商用のどちらでも使えます。使えるのは1つのプロジェクトだけです

• テンプレートを、そのまま、または改変して再販売・再配布することはできません

• Studio Storeが示している推奨プランは、Free・Personal・Business・Business Plusです（2026年10月19日時点）

テンプレートの中身は、Studio Storeの「BtoB｜採用サイト」でプレビューを見られます。

採用LPのテンプレートと、販売を準備しているテンプレート

マーケティングや制作など、BtoBのクライアントワークを支援する会社に向けた採用のテンプレートもあります。

• BtoB｜採用LP（12,800円、2026年10月19日時点）：1ページに、会社の紹介・働く3つの魅力・メンバー・数字で見る働く環境・募集要項をまとめた採用LPです。募集要項・カジュアル面談・エントリーのページが付いています

• 強化版：採用LPをもとに、会社・メンバー・働く環境のページと、メンバーインタビューを足した構成です。販売前ですが、プレビューを公開しています

ほかの採用サイトのテンプレート

Studio Storeには、ほかのデザイナーが作った採用サイトのテンプレートもあります。採用に特化したものと、採用ページを含むコーポレートサイトのテンプレートを紹介します（価格は2026年10月19日時点）。

採用サイトを独立したサイトとして作るなら採用に特化したテンプレートを、コーポレートサイトの中に採用ページを置くならコーポレートサイトのテンプレートを選ぶと、ページを足したり削ったりする手間が少なくなります。

テンプレートで作るときに用意するもの

テンプレートで作るときに時間がかかるのは、デザインより中身の準備です。作業を始める前に、次のものをそろえておくと進めやすくなります。

• 募集要項：職種ごとの仕事内容、求める経験、給与、勤務地、選考の流れ

• 会社の紹介とメッセージ：事業の説明、代表のメッセージ

• メンバーの紹介：職種、入社のきっかけ、仕事のやりがい

• 写真：オフィス、働くメンバー、代表の写真

• 公開する場所：独自のドメイン、またはコーポレートサイトのサブドメイン（例：recruit.〜）

テンプレートのサンプル写真のままでは、ほかの会社のサイトと見分けがつきにくくなります。構成が同じでも、自社の写真に差し替えるだけで印象は大きく変わります。

採用サイトに載せる中身の考え方は、採用サイトのコンテンツ例25項目｜100社の掲載率と見直し方で解説しています。

テンプレートを自社に合わせたいとき

テンプレートを自社向けに整えるとき、費用を左右するのはどこまで手を加えるかです。色やフォント、文章と写真の差し替え、セクションの入れ替え、CMSの項目の調整までなら、テンプレートの良さを生かしたまま進められます。レイアウトを大きく変えたり、ページを増やしたりするほど、一から作る場合の費用と期間に近づきます。

GOROの「Studioテンプレート支援」では、テンプレートを選ぶところから、カスタマイズ、CMSとフォームの構築、公開後の運用のレクチャーまでを支援しています。料金の目安は、次のとおりです。

テンプレートの購入費は、料金に含まれません（実費でご負担いただきます）。料金は、ページ数をもとにした目安です。CMSの設計や外部ツールとの連携、戦略の検討から関わる場合は、範囲に応じて金額が変わります。撮影・取材・原稿・動画は別途お見積もりです（税抜・2026年10月時点）。

進め方の詳細は、Studioテンプレート支援で紹介しています。撮影や取材から作り込みたい場合や、テンプレートの構成では伝えきれない場合は、一から作る方法が合っています。GOROの採用サイト制作支援をご覧ください。

よくある質問

テンプレートは、会社の採用サイトに使えますか？

使えます。GOROの「BtoB｜採用サイト」は、個人・商用のどちらでも使えます。ただし、使えるのは1つのプロジェクトだけで、再販売や再配布はできません。条件はテンプレートごとに違うため、購入する前にStudio Storeの注意事項を確かめてください。

コーポレートサイトがWordPressでも、Studioで採用サイトを作れますか？

作れます。採用サイトだけを、別のドメインやサブドメイン（例：recruit.〜）で公開する方法があります。コーポレートサイトからは、メニューやフッターに採用サイトへのリンクを置きます。

テンプレートで作ると、公開まで何日かかりますか？

GOROの「BtoB｜採用サイト」の場合、文字と画像の差し替えだけなら、Studioに慣れた人で1日以内、普段触らない人でも2〜3日が目安です。社内の確認を含めると、1〜2週間ほどかかります。

どのStudioのプランで使えますか？

Studio Storeでは、テンプレートごとに推奨プランが示されています。GOROの「BtoB｜採用サイト」の推奨プランは、Free・Personal・Business・Business Plusです（2026年10月19日時点）。プランの違いは、【2026年最新】Studioの料金プランを解説！有料と無料の違いで解説しています。

まとめ

• Studioで採用サイトを作る方法は、テンプレートを自社で使う、テンプレートを制作会社に整えてもらう、一から作るの3つ

• 事例を見るときは、写真・言葉・イラストや色のどれで会社らしさを伝えているかに注目すると、自社に合う見せ方を選びやすい

• GOROの「BtoB｜採用サイト」は、IT企業がテック人材を採用するためのテンプレート。募集要項のCMSと、エントリー・カジュアル面談の2つのフォームを備える

• テンプレートで時間がかかるのは中身の準備。募集要項・メンバーの紹介・写真を先にそろえる

• テンプレートを自社に合わせたいときは、GOROのテンプレート支援で〜5ページなら〜40万円（税抜）

テンプレートを自社に合わせて公開したい方は、GOROの「Studioテンプレート支援」からご相談ください。テンプレートの中身は、Studio Storeの「BtoB｜採用サイト」でプレビューを見られます。

関連記事：採用サイト制作の費用相場｜作り方別の目安と内訳・抑え方

関連記事：採用サイトのデザイン参考事例15選｜100社調査で見る構成の型

関連記事：Studioサイト事例13選！ノーコードで実現したプロ級デザイン集