【事例10選】個人経営の採用サイトデザイン｜小規模でも若手に届く見せ方は？

求人を出しても反応がない。かといって、大手が作っているような採用サイトを用意する予算も人手もない。個人経営や数名規模の事業所では、この二つの壁に挟まれたまま手が止まってしまう方が多いと思います。

ただ、規模が小さいことは採用サイトの上では不利ばかりではありません。個人経営の採用サイトは、大企業のそれより「働く姿」を具体的に見せられるからです。誰と働くのか、どんな空気の場所なのか。大企業だと配属先が決まるまで答えられないことを、初めから見せ切れます。

なお、業種を横断した採用サイトのデザイン事例をまとめて見たい場合は、こちらにまとめて集めています。

あわせて読みたい

【保存版】採用サイトのデザイン事例32選｜参考にしたい地方企業を業種別に

採用サイトのデザインを探しはじめると、たいてい途中で手が止まります。ギャラリーサイトを開けば都心の大企業や有名ブランドの事例ばかりが並び、「うちの規模でこれは無理だ」と閉じてしまう。地方の中小企業で採用を担当している方から、いちばんよく聞く話です。 必要なのは、かっこいい採用サイトを100件眺

小さな会社ほど、採用サイトが効く場面がある

あります。個人経営が採用で使える予算は限られており、大規模な求人広告の出稿や高額な採用ツールの導入は現実的ではありません。採用サイトは、その制約のなかで比較的低いコストで求職者に届く手段になります。求人情報を載せるだけでなく応募フォームまで置いておけば。営業時間外に届いた応募も取りこぼさずに受けられます。

もう一つ、求人媒体との性格の違いも大きいところです。求人広告は掲載期間が終われば消えますが、採用サイトは自社に残ります。掛け捨ての保険を毎年買い直すのか、資産になるものを一度作るのか、という違いだと考えていただければと思います。

「うちの規模では見てもらえない」への答え

採用サイトの役割は、知らない人に見つけてもらうことだけではありません。求人媒体やハローワークで見かけた会社を、求職者が改めて調べにくる——そのときに出てくるものが電話番号と地図だけの古いページなのか、働いている人の顔が見えるページなのかで、応募するかどうかの判断は変わります。採用サイトは、すでに興味を持った人の背中を押す場所でもあるというわけです。

大企業と変えるのは情報量ではなく、見せる対象

結論から言えば、変えるべきは「情報量」ではなく「見せる対象」です。大企業の採用サイトは、事業部の数だけ職種があり、キャリアパスの説明に紙幅を割きます。個人経営でそれを縮小コピーしても、内容の薄い会社案内になってしまいます。

事例を見ていくと、うまくいっている個人経営の採用サイトには共通点があります。

• 働く場所そのものを主役にしている：店内・施設・工房の写真が大きく使われ、ファーストビューだけで空気が伝わる
• 色とあしらいで業種の印象を作っている：清潔感なら淡い寒色、親しみなら丸みのある書体とイラスト、といった具合に、言葉より先に印象で語る
• 人の顔が出ている：数名規模だからこそ、「この人と働く」が具体的に想像できる
• 必要な情報にすぐ届く：セクションの区切りが明快で、募集要項までの動線が短い

このあたりは、次に紹介する11件のデザインを見ていただくのが早いと思います。

個人経営の採用サイトデザイン事例10選

ここからは、実際の採用サイト・ホームページのデザインを業種ごとに見ていきます。「（制作：地方採用ワークス）」と記載のあるものは弊社の制作実績です。

株式会社ノエル 様（住宅・店舗設計・エクステリア・外構）

https://recruit.noel-garden.jp/ （制作：地方採用ワークス）

ファーストビューに選んだのは、施工事例でも社屋でもなく、全社員が集まる社内総会の会場です。壇上のスクリーンと社旗、そして机に着く数十人の後ろ姿が1枚に入っています。小規模な設計事務所ほど、人数の少なさより「全員が同じ場に集まる会社」であることが伝わる場面を選びました。写真は紫がかった照明のまま補正せず、会場の暗さを残しています。左側の「Design for living.」はセリフ体で大きく組み、「living」だけを筆記体に変えて1語を立てました。写真の下には受賞歴や動画チャンネルへのタグを並べ、規模以外の判断材料を1画面目に出しています。

さかいこども歯科・矯正歯科 様（医療・福祉・病院・クリニック）

https://sakai-kids-dc.com/ （制作：地方採用ワークス）

画面の右端に、曜日ごとの診療時間の表が置かれています。装飾の多い画面のなかで、この枠だけが白い角丸のカードとして切り離されています。院の雰囲気を伝える要素と、勤務条件として読ませたい情報を、同じ画面の中で別の扱いにしました。写真のほうは上下を雲の形に切り抜き、診療中のスタッフ3人と、抱かれた子どもが入っています。ナビゲーションは歯やクマ、飛行機のアイコンを並べ、文字を読まなくても行き先が分かる並びです。小規模な医院ほど、条件面の情報を探させずに1画面目へ出しておく効果が大きくなります。

元町デンタルクリニック 様（医療・福祉・病院・クリニック）

https://motomachi-dc.jp/ （制作：地方採用ワークス）

画面の左半分に置かれた白い図形は、歯の形を線だけで抜いたものです。その奥に治療器具を持つ手の写真が透けています。写真の上にロゴを重ねるのではなく、ロゴの形に写真を覗かせる作りにしました。右半分は白のまま空け、「MOTOMACHI DENTAL CLINIC」を細い英字で3行に組んでいます。日本語のコピー「専門性の高い治療で、真に健康な口腔機能を。」は縦組みの明朝で、英字より小さく置きました。左下のニュース欄と下端の住所・電話・診療時間だけが実務の情報で、装飾の面とはっきり分けています。右下のweb予約ボタンだけを円形の紺色にして、来院の導線が画面から消えないようにしました。

株式会社Acot 様（美容・エステ・美容院・ヘアサロン）

https://www.acot-hairsalon.link/ （制作：地方採用ワークス）

3枚の写真が、少しずつ重なりながら斜めに並んでいます。奥にはその1枚を引き伸ばした背景が敷かれ、同じ画像が2つの大きさで同時に見える形です。写真を横一列に整列させず、机の上にプリントを置いたような重なりで見せました。色はグレーと白に寄せ、モデルの唇の赤だけが有彩色として残ります。右端の1枚には英文のコンセプトを白抜きで載せ、写真とテキストの枠を兼ねさせました。左側の円い枠には電話番号と最寄駅からの所要時間を入れ、予約と来店の情報を画面の隅に固定しています。ナビゲーションは英字の下に日本語のふりがなを添え、装いを崩さずに読みやすさを確保しました。

公益社団法人地域医療振興協会シティ・タワー診療所 様（医療・福祉・病院・クリニック）

https://www.citytower-cl.com/ （制作：地方採用ワークス）

職員7人を、横一列ではなく前後に散らして撮っています。中央の2人は雑誌を開いて話し込み、両端の職員はファイルを抱えて別の方向を見ています。全員をカメラに向けず、その場の会話が続いているところを撮ることで、人数の少なさが疎らに見えないようにしました。制服の紺が画面の色を決めているため、背景は白い壁のままで足りています。コピー「自分らしく生きる、おせっかい」は縦組みで中央上に置き、その下に4行の説明文を小さく添えました。診療所という規模でも、言葉の説明を写真の外に出す余地を残しています。右上のweb予約ボタンだけを橙色にして、採用の情報を見に来た人と患者の導線が混ざらないようにしました。

チェルシー岐阜（美容・エステ・美容院・ヘアサロン）

https://recruit.chelsea-gifu.com/

弊社の制作実績ではありません。掲載内容は2026年8月時点のものです。

店内の全景がありません。写っているのは施術中の美容師1人の横顔で、手前には客の後頭部がぼけて入っています。設備や座席数を見せる代わりに、客と向き合っている距離だけを写したのだと思われます。「CHANGE!」の白い文字は輪郭線だけで抜かれ、写真を隠さずに画面の中央を占めています。その下の「ジブンらしく、が叶う場所。」だけが塗りの文字で、読ませたい一行を明確に分けました。右端のENTRYを黄色の縦帯にしているのは、写真の色が変わっても応募の入口が消えないようにする処理でしょう。ナビゲーションもMESSAGE・CAREER・VOICE・DELIGHT・JOINと英字5語に絞り、働き方の話から募集要項へ着地させる順に並べています。

ニシザキ工芸株式会社（製造業・木材・木製品）

https://www.nishizaki.co.jp/

弊社の制作実績ではありません。掲載内容は2026年8月時点のものです。

家具や内装の製作会社は、製品の写真を並べるほど通販のカタログに近づきます。この画面は完成した部屋の一角を引きで撮り、テレビボードと花瓶、ラグまでを含めた生活の場面として見せています。製品を主役から外し、納品後の部屋ごと写す判断だと思われます。左下の「NISHIZAKI KOUGEI」は白の細い英字で、写真の暗い部分にだけ置かれています。右上のナビゲーションも同じ細さで、家具の直線と競合しません。右端の「(04 / 04)」がスライドの枚数を示しており、同じ調子の部屋が続くことが最初に分かる作りです。写真が入れ替わっても文字の位置は動かないため、画面の骨格が揺れません。

Grant Sienne（教育・スクール・習い事）

https://grantsienne.com/

弊社の制作実績ではありません。掲載内容は2026年8月時点のものです。

画面に人の顔がありません。バレエのバーに並ぶ4人の脚と、トウシューズだけが横一列に写っています。顔を外して足元だけに寄ることで、誰の教室かではなく何をする場所かを先に伝えたのでしょう。コピー「DON’T LIMIT YOURSELF.」は白の細い英字で3行に分け、写真の明るい床の上に置かれています。地の色は写真のまま淡いベージュで、その下に続く情報欄も薄い桃色にそろえました。教室の告知やレッスン情報が並ぶ欄を、ファーストビューのすぐ下に置いているのは、開講日を先に知りたい人の見方に合わせた並びだと読めます。

Salon de Noble（美容・エステ・美容院・ヘアサロン）

https://www.salondenoble.com/

弊社の制作実績ではありません。掲載内容は2026年8月時点のものです。

右下から差し出された手が、摘んだばかりのハーブを握っています。人物は手だけで、顔も店内も出てきません。サロンの内装ではなく、施術に使う素材そのものを画面の主役にしたのだと思われます。地は白のままで、緑と手の肌色以外に色がありません。左側の「Bring out Beauty.」はセリフ体で2行に組み、下に「30年のサロン実績」から始まる2行を小さく添えています。その下の3つの枠は、痩身・冷え性・教育とテーマ別の入口です。装飾を足さずに、素材の写真1枚で業態を説明しきる構成になっています。ハーブに落ちる影が右下にだけ伸びており、白い面が平板にならずに済んでいます。

BLUE PEARL（娯楽・レジャー・フィットネスジム・美容・エステ）

https://bluepearl.jp/

弊社の制作実績ではありません。掲載内容は2026年8月時点のものです。

画面のほとんどが白で、中央に水彩で描いた青い円と、細い英字のロゴが置かれているだけです。設備の写真もレッスンの案内も1画面目に出さず、余白の量そのものを見せる構成を選んだのでしょう。青の滲みは左上と中央上の2箇所にだけ広がり、白の面に濃淡を作っています。右下には細い線で描いた円形の模様を薄く敷き、白が空きすぎないよう支えました。右端に縦組みで置かれた2つの語だけが操作できる箇所で、メニューは右上に畳んであります。小規模な店舗で情報量が少ないとき、余白を欠点ではなく仕様として使った例です。中央のロゴの下に開業日を1行だけ添え、画面に文字が1箇所しかない状態を保っています。

限られた予算は、写真と配色から使う

11件を並べて見ていただくとわかりますが、印象を決めているのは凝った機能ではなく写真と配色です。逆に言えば、個人経営が優先すべきはこの2つに集約されます。

順番をつけるなら、次のようになります。

1. 写真：店舗・工房・スタッフの写真。ここだけはプロに撮影を依頼するコスト配分が妥当です。サイトの印象の大半を写真が決めるためで、他を削ってでも確保したい部分だと考えています。
2. 配色と書体：業種の印象を言葉より先に伝える部分。清潔感か、親しみか、洗練か——先に決めておくと制作の判断が速くなります。
3. 募集要項までの動線：どれだけ良い雰囲気が伝わっても、応募方法が見つからなければ止まります。
4. アニメーションなどの演出：あると印象が締まりますが、上の3つが整ってからで十分です。

逆に、最初から欲張らなくていいものもあります。社員インタビューを何本も揃える、動画を作り込む、といった施策は、採用サイトを公開してから増やしていけます。小さく作って、育てるという進め方が、個人経営には合っていると思います。

よくある質問

Q1: 従業員が数名でも採用サイトは作れますか

作れます。むしろ規模が小さいほど「誰と働くか」を具体的に見せられるため、採用サイトとの相性は良い部類です。今回紹介した事例にも、店舗・診療所・サロンなど少人数の事業所が多く含まれています。

Q2: 個人経営の採用サイトは、何ページくらい必要ですか

ページ数より、求職者が判断に必要な情報が揃っているかどうかで考えてください。仕事内容、働く人、職場の雰囲気、募集要項、応募方法——この5つが伝わっていれば、1ページ構成でも機能します。

Q3: 写真はスマートフォンで撮ったものでもいいですか

撮影だけはプロに依頼するコスト配分をおすすめしています。採用サイトの印象は写真でほぼ決まるため、ここを節約すると全体の質が落ちてしまいます。

Q4: 採用サイトを作れば応募は来ますか

採用サイトは応募を受け止める「受け皿」なので、それ単体では母集団は増えません。求人媒体やSNS、ハローワークなどで露出を作り、興味を持った人が調べたときに採用サイトが答える——この組み合わせで初めて機能します。

Q5: 業種ごとのデザイン事例をもっと見たいのですが。

業種別に34件をまとめた記事があります。【業種別】地方企業でおしゃれな「求人・採用サイト」のデザイン事例集≪34選≫をご覧ください。

小さな会社ほど、伝わり方で差がつく

同じ職場でも、伝え方ひとつで求職者の受け取り方は変わります。プロが設計した採用サイトと、自社で作ったページの差が出るのは、情報の量ではなく「何を、どの順番で、どんな見え方で出すか」の判断部分です。今回の11件も、写真の切り抜き方や色の抑え方といった細かい判断の積み重ねで印象が作られています。

ただ、ここで一歩引いて考えたいのが、そもそも求職者に見つけてもらえているか、という点です。どれだけ良い採用サイトを作っても、そこにたどり着く人がいなければ結果は変わりません。露出（母集団形成）と受け皿（採用サイト）は両輪で、片方だけを整えても採用は動かないというわけです。

弊社は全国の地方企業に1,400社以上のウェブサイト制作・マーケティング支援を行ってきました。採用については、サイトを作って終わりではなく、求人媒体への露出から選考までを地方企業向けに一貫してご支援しています。製造・建設・運送・医療・飲食など、地方で人が採りにくいと言われる業種の現場を見てきました。

一式でお願いいただく必要はありません。お店や工房の写真を1枚見せていただくだけでも、どこに手を入れると印象が変わるかはお伝えできます。「今のページのどこを直すべきか、見てほしい」という段階のご相談で構いません。

採用サイト制作のサービス詳細はこちら

本記事で取り上げている事例のなかには、弊社の制作実績ではないものも含まれます。掲載の取り下げをご希望の場合は、お問い合わせフォームよりご連絡ください。