Logo
お役立ち記事

参考にしたい働く環境のスライドデザイン18選【デザイン類型別】

記事更新日:2026年08月22日

記事公開日:2026年08月22日

参考にしたい働く環境のスライドデザイン18選【デザイン類型別】

採用ピッチ資料や会社紹介資料で、意外と手が止まるのが「働く環境」のページです。制度も、オフィスも、数字も、社員の雰囲気も全部伝えたい。けれど1枚に詰め込むと、ただの箇条書きになってしまいます。

この記事では、スラデザに掲載されている実在の「働く環境」スライドを見比べて、デザインの型ごとに6分類・18枚を紹介します。おしゃれかどうかではなく「何を伝えたいときにどの型を使うか」で選べるように並べているので、自分の資料に近い型から読んでみてください。

\ もっと見たい方はこちら /

▼パワポデザイン参考サイト スラデザ▼

営業資料・採用資料・IR資料など、プロのデザイナーが選んだ3,000枚超のスライドデザインから、理想のデザインを見つけられます。

  • 表紙、目次、グラフなどカテゴリ/用途別で効率的に検索
  • 有名企業の実例が簡単に見つかる
  • 会員登録でテキスト検索もできる

働く環境のスライドに載せる項目

まず、何を書くかを決めます。実際の会社紹介資料を見ていくと、「働く環境」のページで扱われている情報は次の7つに整理できます。全部を1枚に入れる必要はなく、1枚につき1〜2項目に絞り、複数枚に分けている資料がほとんどです。

  • 勤務時間・勤務形態:フレックスの有無、コアタイムの時間帯、1日の所定労働時間
  • 勤務地・リモート可否:オフィスの場所、出社頻度、地方・海外在住の可否
  • 休日・休暇:完全週休2日制、年末年始、有給の付与タイミングと取得率
  • オフィス環境:執務室、会議室、フリースペース、貸与されるPCやモニター
  • 制度・福利厚生:各種手当、書籍・学習支援、育児や健康のサポート
  • 数字:平均残業時間、有休取得率、育休取得率、平均年齢、男女比
  • 人・カルチャー:社員の声、社内イベント、1日のスケジュール

ここから先は、この項目たちをどう見せるかの話です。

働く環境スライドの6つのデザイン類型

150枚以上の働く環境スライドを見比べると、レイアウトはおおよそ次の6つの型に分かれます。自分が伝えたいことから逆算して型を選んでください。

得意なこと向いている場面
オフィス写真グリッド型職場の空気をそのまま見せるオフィスに特徴がある/出社を前提にしている
制度カード一覧型制度の数と幅を漏れなく並べる福利厚生が充実している/制度で選ばれたい
数字で見せる型主張を客観的に裏づける有休取得率や残業時間に自信がある
時間軸・スケジュール型働くイメージを具体的にする職種の実務が想像しにくい/未経験を採用する
社員の声型会社ではなく当事者に語らせるカルチャーフィットを重視する
勤務条件テーブル型条件を正確に、探しやすく置く応募直前の読者に判断材料を渡す

オフィス写真グリッド型の働く環境スライド3選

複数のオフィス写真を格子状に並べる、最もよく使われる型です。文章で「開放的なオフィス」と書くより、写真を6枚並べたほうが早く伝わります。

ファインディ株式会社

ファインディ株式会社の働く環境スライドデザイン

引用元:https://speakerdeck.com/findyinc/findy-inc-dot-company-profile

ファインディ株式会社の働く環境スライドです。「生産性を高める機能美 × オープンコミュニティハブ」というコンセプトを中央に一行で置き、その下にミーティングルーム・イベントスペース・パントリー・フリースペース・エントランス・執務室の6枚を2段3列で並べています。写真の左上に白い角丸のラベルを重ねて部屋名を置いているため、6枚をすべて同じ大きさに揃えられています。

  • 部屋名は写真の外に書かず、白い角丸ラベルで写真の上に重ねましょう。写真を同じサイズのまま並べられます
  • 「どんなオフィスか」をコンセプトの一行で先に言い切ってから写真を見せると、読者が6枚を同じ観点で見比べられます
  • 会議室や執務室だけでなく、パントリーやエントランスまで入れて働く場所の全体像を見せましょう

株式会社TOKIUM

株式会社TOKIUMの働く環境スライドデザイン

引用元:https://speakerdeck.com/tokium/tokium-hui-she-shao-jie-zi-liao

株式会社TOKIUMの働く環境スライドです。同じ6枚グリッドでも、こちらはラベルを重ねず写真の下にキャプションを置いています。「開放感のあるエントランス」「ナレッジシェアを促進するライブラリー」のように名詞句で語尾を揃えているため、6枚が同じリズムで読めます。写真同士の間隔も広く、白の余白が多い構成です。

  • 1枚ずつに説明を付けたいときは、ラベルを重ねずに写真の下へキャプションを置きましょう
  • キャプションは「開放感のあるエントランス」のように名詞句で揃えて、語尾のばらつきをなくしましょう
  • 見出しに「部署の垣根を超えた交流が生まれるオフィス設計」と設計意図を書き添えると、設備紹介から一段上がります

株式会社PLAY

株式会社PLAYの働く環境スライドデザイン

引用元:https://speakerdeck.com/play_inc/enziniaxiang-kehui-she-shao-jie-zi-liao-slash-zhu-shi-hui-she-play

株式会社PLAYの働く環境スライドです。黒帯のヘッダーに「Office Gallery」とだけ置き、その下は6枚を隙間なく敷き詰めています。キャプションもラベルも一切なし。検証用のスマートフォンがずらりと並ぶ棚など、この会社にしかない光景が1枚目に来ているのが上手いところです。

  • 写真の質に自信があるなら、キャプションを全部落として写真だけで見せる選択もあります
  • 写真同士の間隔をゼロにして接するように並べると、6枚が1枚の大きなビジュアルとして見えます
  • 自社にしかない設備や光景を1枚混ぜて、どこの会社でも撮れる写真だけにならないようにしましょう

制度カード一覧型の働く環境スライド3選

制度や福利厚生を、同じ大きさのカードに切り分けて並べる型です。数の多さがそのまま「充実している」というメッセージになります。

malna株式会社

malna株式会社の働く環境スライドデザイン

引用元:https://speakerdeck.com/malna/malna-recruiting-pitch

malna株式会社の働く環境スライドです。「働く環境 − 8つの社内制度」の見出しどおり、01〜08の番号を振った角丸カードを2段4列で並べています。塗りを使わず細い紺の罫線だけで区切り、明朝体で字間を広くとっているため、8枚並んでも画面が重くなりません。各カードには「(上限2万円/月)」のように金額まで書かれています。

  • 制度名と説明だけで終わらせず、「上限2万円/月」のように金額や日数まで書いて実効性を示しましょう
  • カードに01〜08と番号を振ると、見出しの「8つの」という数字と画面が一致します
  • カードは塗りつぶさず、細い罫線と角丸だけで区切ると、8枚並べても圧迫感が出ません

クロスマート株式会社

クロスマート株式会社の働く環境スライドデザイン

引用元:https://speakerdeck.com/xmart_recruit/kurosumatozhu-shi-hui-she-hui-she-shao-jie-zi-liao-d7ecd6f9-b15a-4efe-bf70-12deed13a8d3

クロスマート株式会社の働く環境スライドです。休暇制度を6枚のカードに分け、それぞれに「付与数:3日」という薄いオレンジの帯を共通で入れています。この帯があるおかげで、6つの制度を同じ物差しで比べられます。枠線・見出し・帯をすべてオレンジ系で統一し、添えられた線画イラストだけが黒という配色です。

  • 「付与数:◯日」のように、全カードに共通の指標を同じ位置で入れて比較できるようにしましょう
  • 枠線・見出し・帯を同系色でまとめると、色数を増やさずにカードを目立たせられます
  • 制度ごとに線画イラストを添えて、文字だけの一覧で視線が滑るのを防ぎましょう

MediaAid

MediaAidの働く環境スライドデザイン

引用元:https://speakerdeck.com/mediaaid2021/mediaaid-company-deck-20250305

MediaAidの働く環境スライドです。労働環境・休暇制度・成長支援・チームビルディング支援・福利厚生の5項目を、円形の白いアイコンとセットで上下にずらしながら配置しています。項目数が奇数のときにきれいな格子に収まらない問題を、ジグザグ配置で解いた例です。背景には「Working Environment」の英字を薄いグレーの巨大文字で敷いています。

  • 項目数が5つのような奇数のときは、格子にこだわらず上下にずらしたジグザグ配置にしましょう
  • 円形アイコンの大きさを全部揃えると、配置がばらけていても一つのまとまりとして見えます
  • 余白が広くなったら、背景に薄いグレーの英字タイトルを大きく敷いて埋めましょう。情報を隠さずに画面が締まります

数字で見せる型の働く環境スライド3選

「働きやすい環境です」という主張を、有休取得率や平均残業時間といった数字で裏づける型です。書き手の感想ではなくなるため、説得力が一段上がります。

株式会社CINC

株式会社CINCの働く環境スライドデザイン

引用元:https://speakerdeck.com/cinchr/company-introduction

株式会社CINCの働く環境スライドです。罫線も囲みもいっさい使わず、余白だけで4列2段に区切って8つの指標を並べています。数値は紺の極太、単位の「名」「%」は数値よりずっと小さく添える、という強弱の付け方で、8個あっても数字が先に目に入ります。平均残業時間35時間という都合の良くない数字も載せ、下の補足で繁閑期があることを説明しています。

  • 数値は極太で大きく、単位は小さく添えましょう。同じ文字サイズで書くと数字が埋もれます
  • 罫線や囲みを使わず余白だけで列を区切ると、指標が8個あっても画面が静かなままです
  • 都合の良くない数字も載せ、補足で背景を説明しましょう。良い数字だけ並べるより信頼されます

株式会社LayerX

株式会社LayerXの働く環境スライドデザイン

引用元:https://speakerdeck.com/layerx/company-deck

株式会社LayerXの働く環境スライドです。左に出社頻度のドーナツグラフ、右に8つのカラータイルという分業になっています。分布があるものはグラフ、単一の値はタイルと役割を分けているため、1枚に10個以上の情報が載っていても読み分けられます。eNPS 7.9 には「10業界平均 -62.5」と出典付きの比較対象が添えられています。

  • 分布はグラフ、単一の値はタイルと役割を分けて、1枚に多くの指標を載せても読み分けられるようにしましょう
  • タイルごとに色を変えるなら彩度を揃え、数値は白抜きにしましょう。カラフルでも読みにくくなりません
  • eNPSのように読者が基準を知らない指標は、業界平均を併記して数字の意味を渡しましょう

スマートキャンプ株式会社

スマートキャンプ株式会社の働く環境スライドデザイン

引用元:https://speakerdeck.com/smartcamp/sumatokiyanpuzhu-shi-hui-she-hui-she-shao-jie-zi-liao

スマートキャンプ株式会社の働く環境スライドです。数字をそのまま置くのではなく、絵で量を見せています。有休取得率61.2%はカレンダーのアイコン10個のうち6個をオレンジに塗り、男性育休取得率21.4%は人型14人のうち3人をオレンジに。数字の背面にはマーカーのような塗りが敷かれています。

  • 「3人/14人中」のような小さな母数は、人型アイコンを塗り分けて割合を絵で見せましょう
  • 数字の背面にマーカーのような塗りを敷くと、罫線を足さずに読ませたい箇所を指定できます
  • 取得率が高くない数字でも、母数を併記すれば実態として受け取ってもらえます

時間軸・スケジュール型の働く環境スライド3選

1日の流れや入社後の進み方を、時間の軸に沿って見せる型です。制度の説明では伝わらない「実際どう働くのか」が具体的になります。

株式会社エンリージョン

株式会社エンリージョンの働く環境スライドデザイン

引用元:https://speakerdeck.com/katsuegu23/company-profile

株式会社エンリージョンの働く環境スライドです。「コンサルタントの1日」を横一直線の矢印で表し、9時から18時30分までの時点を軸の上下に交互に配置しています。上下に振り分けることで、9件という多さでも横1本の軸に収まっています。出勤と業務終了だけは黒の反転タグになっていて、1日の始まりと終わりがすぐ分かります。

  • 時点が多いときは、軸の上下に交互に振り分けて横1本に収めましょう
  • 始まりと終わりだけ黒の反転タグにして、1日の範囲をひと目で分かるようにしましょう
  • 「26歳/入社1年目」と誰の1日かを明示すると、読者が自分と重ねて読めます

株式会社ROXX

株式会社ROXXの働く環境スライドデザイン

引用元:https://speakerdeck.com/roxxrecurit/we-are-hiring

株式会社ROXXの働く環境スライドです。こちらは1日ではなく、入社前からDay90までのオンボーディングを扱っています。5つのフェーズをシェブロン(矢羽根)で区切り、その下に各フェーズの目的と具体的な項目を並べる構成です。Day1とDay4の間隔は実際にはもっと空いているため、軸に波線を入れて省略を示しています。

  • 期間の長さが不揃いなときは、軸に波線を入れて「ここは省略している」と示しましょう
  • 並列ではなく順に進むことを伝えたいときは、四角ではなくシェブロン(矢羽根)で区切りましょう
  • 各フェーズに「何をするか」だけでなく「何のためか」を1行足すと、制度の意図まで伝わります

AZAPA株式会社

AZAPA株式会社の働く環境スライドデザイン

引用元:https://speakerdeck.com/azapa/azapa-culturedeck

AZAPA株式会社の働く環境スライドです。フレックス制度を、6:00から21:00までの横1本の帯で表現しています。フレキシブルタイムは中間のグレー、必ず勤務するコアタイムは黒、昼休憩は薄いグレーと、濃さの違うグレー3色だけで区切っているため、最も重要な「必ず勤務する時間帯」が自然に最も濃くなっています。

  • フレックスの説明は文章で書かず、時刻の目盛りを付けた1本の帯で塗り分けましょう
  • 色を足さずに濃さの違うグレーで区切ると、最も伝えたい時間帯を最も濃くするだけで優先順位が付きます
  • 帯の下に「いつ出勤してもいい時間帯」と矢印で言い換えを添えて、制度用語を知らない人にも届かせましょう

社員の声型の働く環境スライド3選

会社が自社を説明するのではなく、そこで働いている人に語らせる型です。制度や設備では伝わらない人間関係やカルチャーを扱えます。

株式会社水星

株式会社水星の働く環境スライドデザイン

引用元:https://speakerdeck.com/suisei2015/suisei-dot-inc-company-deck

株式会社水星の働く環境スライドです。「入社前後のギャップ」「働きがい」「会社の推しポイント」という3つの質問を立て、それぞれの答えを白い角丸カードに箇条書きで収めています。薄いグレーの背景に白いカードを置いているため、枠線を引かなくてもカードが浮き上がります。答えにくい「入社前後のギャップ」を最初に持ってきているのが誠実です。

  • 社員の声は質問を3つに決めてカードで並べましょう。声を並べただけの状態より整理されます
  • 「入社前後のギャップ」のような答えにくい質問を入れて、良いことだけを集めた印象を避けましょう
  • 薄いグレーの背景に白いカードを置けば、枠線を引かずにカードを立たせられます

イクシアス株式会社

イクシアス株式会社の働く環境スライドデザイン

引用元:https://speakerdeck.com/ixyas/ikusiasuzhu-shi-hui-she-hui-she-shao-jie-zi-liao

イクシアス株式会社の働く環境スライドです。左半分に社内アンケートの回答を6つの吹き出しで、右半分に20人分の顔写真を4列5段のグリッドで並べています。声だけを載せた場合と違い、「これだけの人数に聞いた」ことが写真の量で伝わります。吹き出しの中では結論部分だけが緑の太字になっていて、拾い読みができます。

  • 声の隣に顔写真を並べて、何人に聞いたのかを数として見せましょう
  • 吹き出しの中の結論部分だけ色を変えて、全文を読まなくても要点を拾えるようにしましょう
  • 吹き出しの大きさは文量に合わせて変え、余白に合わせて配置するとリズムが出ます

弥生株式会社

弥生株式会社の働く環境スライドデザイン

引用元:https://speakerdeck.com/yayoi_hr/yayoi-company-deck

弥生株式会社の働く環境スライドです。「どんな人が多いですか?」「ずばり、弥生の好きなところ」の2問に対する回答を、大小さまざまな吹き出しで自由に配置しています。短い声は文字を大きく、長い声は小さくすることで、10個以上の声を1枚に収めています。吹き出しは枠線だけで塗りを入れず、緑・青・ピンク・紫と線の色だけを変えている点も画面が濁らない理由です。

  • 短い声は文字を大きく、長い声は小さくして、声の数が多くても1枚に収めましょう
  • 吹き出しは塗りを入れず枠線の色だけを変えましょう。10個以上並べても画面が濁りません
  • 質問文をそのまま見出しにすると、読者が答えを探す姿勢で読み始めます

勤務条件テーブル型の働く環境スライド3選

勤務時間・勤務地・休暇などの条件を、項目名と内容の対で正確に並べる型です。応募を迷っている読者が最後に確認する情報なので、探しやすさが何より大事です。

株式会社Spir

株式会社Spirの働く環境スライドデザイン

引用元:https://www.spirinc.com/recruit

株式会社Spirの働く環境スライドです。表組みを使わず、項目名と内容の間に縦罫を1本引くだけで勤務条件を成立させています。行間を広くとっているため、横罫がなくても項目の切れ目が分かります。右3分の1には淡いモノクロのデスク写真を配置し、文字だけになるのを避けています。

  • 条件表に罫線をびっしり引く必要はありません。項目名と内容を縦罫1本で区切るだけでも成立します
  • 横罫を省くかわりに行間を広くとって、項目の切れ目を余白で作りましょう
  • 右側に淡い写真を1枚置いて、文字だけの条件表に会社の雰囲気を足しましょう

株式会社HA-LU

株式会社HA-LUの働く環境スライドデザイン

引用元:https://speakerdeck.com/halu_japan/zshi-dai-siyotodoramaqi-dian-noci-shi-dai-xing-purodakusiyon

株式会社HA-LUの働く環境スライドです。左半分は横罫で4項目を区切った整然とした条件表、右半分は社員の集合写真5枚を角度も大きさも変えて重ねたコラージュ。硬い条件表と賑やかな写真という正反対のものを左右に置くことで、条件と雰囲気を1枚で両方渡しています。見出しの下に「2026年1月現在」と基準日が入っている点も実務的です。

  • 硬い条件表の隣に社員写真を置いて、条件と雰囲気を1枚で両方伝えましょう
  • 写真は角度と大きさを少しずつ変えて重ねると、整然とした反対側との差がはっきりします
  • 「2026年1月現在」と基準日を入れておきましょう。条件が変わったときに読者が誤解しません

株式会社ハロー

株式会社ハローの働く環境スライドデザイン

引用元:https://speakerdeck.com/helloinc/company-deck

株式会社ハローの働く環境スライドです。黒背景に、項目名を金色で右揃え、細い縦罫を挟んで内容を白文字の左揃えという配置。項目名を右揃えにしているので、縦罫の左右で文字の端がぴたりと揃います。6項目しかない情報を上下中央に寄せ、周囲に大きく余白を残しているため、条件の羅列でも落ち着いて見えます。

  • 項目名を右揃え、内容を左揃えにして縦罫で挟むと、表の枠を引かなくても列が揃います
  • 黒背景に白文字なら、項目名だけ金や淡い色にするだけで見出しと内容が分かれます
  • 項目数が少ないときは無理に画面を埋めず、上下中央に寄せて余白を大きく残しましょう

まとめ

今回は「働く環境」の高品質なスライドを18つ紹介しました。オフィス写真グリッド型・制度カード一覧型・数字で見せる型・時間軸型・社員の声型・勤務条件テーブル型と6つに分けてきましたが、実際の資料では1つの型に絞らず、複数枚に分けて組み合わせるのが一般的です。

たとえばオフィス写真グリッドで雰囲気を見せ、数字で裏づけ、最後に勤務条件テーブルで判断材料を渡す。この3枚があれば、働く環境のページとしては十分に成立します。まずは自分の会社の強みがどの型と相性が良いかを決めてから、手を動かしてみてください。

\ もっと見たい方はこちら /

▼パワポデザイン参考サイト スラデザ▼

営業資料・採用資料・IR資料など、プロのデザイナーが選んだ3,000枚超のスライドデザインから、理想のデザインを見つけられます。

  • 表紙、目次、グラフなどカテゴリ/用途別で効率的に検索
  • 有名企業の実例が簡単に見つかる
  • 会員登録でテキスト検索もできる

タグ一覧