Logo
お役立ち記事

参考にしたい給与レンジのスライドのデザイン厳選12選!

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

記事公開日:2024年02月09日

参考にしたい給与レンジのスライドのデザイン厳選12選!

給与レンジ(等級ごとの年収の幅)は、採用ピッチ資料やカルチャーデックで「透明性」と「本気度」がもっとも伝わるページのひとつです。ただ、同じ給与レンジでも見せ方は会社ごとにまったく違います。この記事では、インターネット上に公開されている資料の中から給与レンジのデザインが優れているスライドを、独自に選んだ実在12社ぶん、「見せ方の型」ごとに分類して紹介します。自社の資料に合う型を、用途から選んで参考にしてください。

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

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

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

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

まずは4つの型を比べる

給与レンジの見せ方は、大きく4つの型に分けられます。それぞれ得意なことと向いている場面が違うので、自社が伝えたいことに近い型から読んでみてください。

得意なこと向いている場面
① 等級×レンジのバー全等級のレンジ幅を一目で俯瞰でき、右肩上がりで成長イメージを演出できるまず「どこまで上がるか」を直感的に見せたい
② 職種別レンジ職種ごとの水準差を並べて明示できるエンジニアなど職種で相場が異なる会社
③ 給与テーブル(数表)号俸・下限上限まで数字で開示できる制度の作り込み・本気度を訴求したい
④ 数字インパクト平均年収・昇給率の実額で即座に水準を訴求できる具体的な金額で差をつけたい/情報を絞りたい

① 等級×レンジのバーで見せる給与レンジデザイン

もっとも王道の型です。等級ごとに下限〜上限を浮いた棒で表し、右肩上がりのグラフで成長の伸びしろを直感的に見せます。

estie社

estie社の給与レンジスライドデザイン

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

estie社の給与レンジスライドです。職種別に7段階のLevel定義を設け、等級別の給与レンジを青の濃淡バーで表現しています。バーの型としてもっとも素直な基本形で、最初に参考にしたい1枚です。

  • Lv.1からCXOまで色を段階的に濃くしましょう。上の等級ほど視線が集まり、成長の伸びしろが直感的に伝わります
  • 各バーに「750〜1,200万」のようにレンジの実数を載せましょう。読み手が自分の位置を具体的に想像できます
  • 縦軸を500万円刻みで固定しましょう。等級が上がるほどレンジ幅が広がる様子がそのまま伝わります

10X社

10X社の給与レンジスライドデザイン

引用元:https://speakerdeck.com/10xinc/zhu-shi-hui-she-10x-culture-deck

10X社の給与レンジスライドです。等級ごとの年収レンジを「全社共通」と「エンジニアリング本部」の2系列で並べ、職種による差を同じグラフ上に示しています。

  • 職種で水準が違う部分だけ色を分けて2本並べましょう。「どこで差がつくのか」が一目で分かります
  • グラフ脇に「市場価値との乖離を防ぐ市場係数」と一文添えましょう。差をつける理由に納得感が生まれます
  • 同系色の落ち着いた2色に絞りましょう。2系列でもごちゃつかず見やすく収まります

OLTA社

OLTA社の給与レンジスライドデザイン

引用元:https://speakerdeck.com/taxy/olta-culture-deck

OLTA社の給与レンジスライドです。「マーケット水準×等級(役割)」でサラリーテーブルを決める考え方を、角丸のカプセル型バーで表現しています。

  • バーの角を丸くしましょう。数字が並ぶ制度説明でも柔らかく親しみやすい印象になります
  • 横軸に金額だけでなく「影響範囲(個人→チーム→業界)」を併記しましょう。なぜその水準なのかが伝わります
  • 最上位だけ濃い色のキャップ(Skill Add on)を足しましょう。上振れの余地を1色で示せます

② 職種別に分けて見せる給与レンジデザイン

エンジニアなど職種で市場相場が異なる会社に向く型です。職種群ごとにレンジを分けて並べ、水準の違いに納得感を持たせます。

UPSIDER社

UPSIDER社の給与レンジスライドデザイン

引用元:https://speakerdeck.com/upsider_official/upsider-culture

UPSIDER社の給与レンジスライドです。給与レンジをBiz(G1〜G5)とTech(T1〜T5)の2つに分け、左右のカードで並列に見せています。職種別の型としてもっとも明快な基本形です。

  • 職種群ごとにカードを分けて左右に並べましょう。それぞれのテーブルを独立して読めます
  • グレードの見出し(Biz/Tech)を黒帯で強調しましょう。2つのグラフの対応関係が崩れません
  • 最上位グレードだけ上端をグラデーションにしましょう。「上限は青天井」というメッセージを図で示せます

うるる社

うるる社の給与レンジスライドデザイン

引用元:https://speakerdeck.com/uluru_hr/engineer-recruiting

うるる社の給与レンジスライドです。等級・職種ごとの給与レンジを、ビジネス職(赤)とエンジニア職(青)に分けて示しています。

  • 各バーの上下に下限・上限の実数(例:372〜398)を直接書き込みましょう。レンジ幅がひと目で読み取れます
  • ビジネス職とエンジニア職を左右に並べましょう。同じ等級での職種差がそのまま比較できます
  • 「役職手当は別途支給」など但し書きを色付きで1行入れましょう。レンジに含まれない要素の誤解を防げます

Nstock社

Nstock社の給与レンジスライドデザイン

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

Nstock社の給与レンジスライドです。職種グループAとBで給与レンジを分けつつ、「現メンバーのボリュームゾーン」を網掛けで重ねているのが特徴です。

  • レンジのバーに「現メンバーのボリュームゾーン」を薄い網掛けで重ねましょう。実際の分布まで伝わります
  • 職種グループを2色に分けましょう。同じ8等級でもグループごとの水準差が読み取れます
  • 各バーに上下限の数字を添えましょう。8等級ぶん並んでも1本ずつ正確に把握できます

③ 給与テーブル(数表)で見せる給与レンジデザイン

号俸や下限・上限まで数字で開示する型です。制度をきっちり作り込んでいる本気度が伝わります。

FOURDIGIT社

FOURDIGIT社の給与レンジスライドデザイン

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

FOURDIGIT社の給与レンジスライドです。左にスキル×デリバリーのマトリクス、右に等級1〜15の給与レンジ表(324〜2,160万円)を並べ、評価と給与を1枚で説明しています。テーブル型の王道といえる構成です。

  • 左に「どんなスキルで何等級か」のマトリクス、右に「その等級はいくらか」の金額表を並べましょう。根拠と金額が対応して読めます
  • クラス(C1〜A3)の色を左右で揃えましょう。視線が迷わず階層をたどれます
  • 等級を1〜15と細かく刻んで金額を明記しましょう。昇給のステップが具体的にイメージできます

madoguchi社

madoguchi社の給与レンジスライドデザイン

引用元:https://speakerdeck.com/madoguchi/xin-zu-cai-yong-zi-liao-madoguchi-culture-deck-v1-dot-0

madoguchi社の給与レンジスライドです。S1〜M2・インターンの等級ごとに、号俸単位まで刻んだ給与テーブルを開示しています。透明性という点では今回の12枚でもっとも踏み込んだ1枚です。

  • 号俸(号数)単位まで刻んで金額を開示しましょう。「1つ上がるといくら増えるか」まで見える誠実な設計に映ります
  • 等級ごとにピッチ(昇給幅)と下限・上限を見出しに置きましょう。表が詳細でも各列の性格がつかめます
  • 右端に評価基準・裁量の対応を色分けで添えましょう。金額だけでなく到達条件まで1枚で伝わります

MEEM社

MEEM社の給与レンジスライドデザイン

引用元:https://speakerdeck.com/info_meem/meem-company-deck202512

MEEM社の給与レンジスライドです。Grade1-2〜6-7を列に、働き方・コアタイム・求められること・想定年収レンジを行にしたキャリアパス表として見せています。給与を役割とセットで理解できる構成です。

  • 給与だけを切り出さず、働き方・コアタイム・求められることと同じ表にまとめましょう。年収を役割とセットで理解できます
  • Gradeを列・観点を行に置きましょう。キャリアが上がるにつれ何が変わるかを横に読み進められます
  • 最上位だけ「ストックオプション付与」などの特典を欄に足しましょう。金額以外の魅力も同じ流れで示せます

④ 数字のインパクトで見せる給与レンジデザイン

平均年収や昇給率の実額を大きく打ち出す型です。レンジを細かく刻むより、具体的な金額で一撃で水準を伝えたいときに向きます。

IVRy社

IVRy社の給与レンジスライドデザイン

引用元:https://speakerdeck.com/ivry/ivry-culture-deck

IVRy社の給与レンジスライドです。平均年収と昇給実績を大きな数字だけで見せた、数字インパクト型のもっとも素直な基本形です。

  • 平均年収を「8,312,209円」と1円単位で出しましょう。丸めた数字より実データとしての信頼感が高まります
  • 昇給実績を「+332,552円/年(月27,712円)」と月換算まで示しましょう。読み手が自分ごとに落とし込めます
  • 注釈で算出方法(在籍正社員の賃金÷人数など)を明記しましょう。数字の裏付けが伝わります

リブ・コンサルティング社

リブ・コンサルティング社の給与レンジスライドデザイン

引用元:https://f.irbank.net/pdf/20260325/140120260325588813.pdf

リブ・コンサルティング社の給与レンジスライドです。左に平均年収を赤い大きな数字で置き、右に評価プロセスを添えて「なぜその報酬を払えるのか」まで見せています。

  • 「平均年収約1,040万円」と実額を赤で大きく置きましょう。レンジを刻むより水準が一撃で伝わります
  • 数字の隣に評価プロセス(PJ評価→半期評価→評価調整会議)を並べましょう。報酬の根拠まで納得できます
  • 給与データの対象を注釈で明記しましょう。大きな数字でも誠実に見えます

MediaAid社

MediaAid社の給与レンジスライドデザイン

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

MediaAid社の給与レンジスライドです。A1〜D3の等級を階段状のブロックで積み上げ、巨大なタイポグラフィ「Salary System」と組み合わせています。数字インパクト型の中でも見た目の主張が強い1枚です。

  • 等級を階段状のブロックで積み上げましょう。昇給が途切れず続いていくイメージが伝わります
  • 500万円刻みのガイドラインと巨大な数字を重ねましょう。水準の目安が一瞬で頭に入ります
  • 背景に「Salary System」と大きく置きましょう。テーマが遠目でも伝わり、資料全体の統一感も出ます

まとめ

今回は「給与レンジ」の高品質なスライドを12個、①等級バー・②職種別・③給与テーブル・④数字インパクトの4つの型に分けて紹介しました。自社の資料でまず何を伝えたいか(成長の伸びしろか、職種差か、制度の作り込みか、水準の具体額か)から型を選ぶと、迷わずデザインを決められます。もっと別のデザインも見たいという方は、給与レンジのスライドデザインもみてくださいね。

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

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

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

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

タグ一覧