Hiring Deck日本Japan16:9 · 33p

Wantedly, Inc. 会社説明資料/Wantedly Recruitment Brochure

ウォンテッドリー株式会社の採用資料 — 資料デザインの参考

元の資料を見るspeakerdeck.com
ウォンテッドリー株式会社「Wantedly, Inc. 会社説明資料/Wantedly Recruitment Brochure」の1ページ目(表紙)
表紙
01 / 06
出典: ウォンテッドリー株式会社「Wantedly, Inc. 会社説明資料/Wantedly Recruitment Brochure」(speakerdeck.com)。解説のために一部のページ(6枚)を縮小して引用しています。全ページは元の資料でご覧ください。

Editor's note — 編集部の視点

色はシアン1色、あとは白とグレーだけ。

ウォンテッドリーの会社説明資料は、英字の章名と和文の小見出しを並べたヘッダーを全ページで揃え、図と画面を右に寄せる型を守ることで、33ページを静かに読ませている。

BrunoStructure & IA
会社概要、事業の流れ、製品を1枚ずつ、最後に数字。順番が教科書どおりなんだよね。ヘッダーの2段ラベルがあるから、面接前に気になる章だけ拾い読みする人にも親切だと思う。
  • 1左上は英字の章名と和文の小見出しの2段。途中から開いても、いまどこかがすぐわかる
  • 2本文は1920px換算で27px。採用資料としては大きめで、縮小表示でも潰れにくい
  • 3強調はシアン1色に限定。円グラフも矢印も同じ色で、図が変わっても調子がぶれない

Measured

判型・余白・文字量(実測)

本文・見出しを置く範囲
余白(1920px換算)
上63 右198 下194 左91
1枚の文字量
中央値 約186字
多いページ
約328字
写真・画像の面積
約31%

公開PDFの33ページから計測。余白は本文サイズ以上の文字を置く範囲の外側です(ページ番号などの小さな文字は端から 上63・下37・左91・右122px)。

Color

配色

実測の面積比(代表ページ)

本文の文字色と背景のコントラスト: 14.6:1

Typography

書体と文字サイズ(実測)

和文の見出し・本文

使用
Noto Sans JP
代替
Noto Sans JP

英字の章名・数字(Regular / SemiBold / Medium)

使用
Poppins
代替
Poppins

一部の本文

使用
MS PGothic
代替
BIZ UDPゴシック

PDFに埋め込まれた書体: NotoSansJP-Regular(44%)、Poppins-Regular(19%)、NotoSansJP-Bold(15%)、Poppins-SemiBold(11%)

  • 表紙・中扉の大見出し資料の型 Aa75px · PPT 38pt
  • ページ見出し資料の型 Aa37px · PPT 19pt
  • 本文資料の型 Aa27px · PPT 14pt
  • 注釈・出典資料の型 Aa21px · PPT 11pt

px は横1920pxに換算した値。見本は半分の大きさで表示しています。

Page types

ページの型

  1. 出典: ウォンテッドリー株式会社「Wantedly, Inc. 会社説明資料/Wantedly Recruitment Brochure」p.1

    表紙

    白地の左寄せに社名、資料名、英題の3段。右上にシアンの大きな円、左下に黒い斜面を切り落とし、飾りは2つの幾何形だけにする。

  2. 出典: ウォンテッドリー株式会社「Wantedly, Inc. 会社説明資料/Wantedly Recruitment Brochure」p.4

    比較・表

    左半分に社屋の写真、右半分にロゴと会社概要の表、その下に沿革を縦の点線タイムラインで並べる。1枚で会社の輪郭を渡す。沿革は年と出来事の2列だけにする。

  3. 出典: ウォンテッドリー株式会社「Wantedly, Inc. 会社説明資料/Wantedly Recruitment Brochure」p.11

    図解

    シアンの3段の矢羽根で事業の流れを横一列に示し、各段の下に要点と製品ロゴを添える。左から右へ読むだけで、事業の範囲が伝わる。色はシアンの濃淡だけで塗る。

  4. 出典: ウォンテッドリー株式会社「Wantedly, Inc. 会社説明資料/Wantedly Recruitment Brochure」p.13

    本文

    左にシアンと紺の円を背負わせた製品画面、右に製品名と課題ごとの小見出し、短い箇条書き。画面と文章を左右で役割分担させる。

  5. 出典: ウォンテッドリー株式会社「Wantedly, Inc. 会社説明資料/Wantedly Recruitment Brochure」p.16

    本文

    左に英字の大見出しと短い説明、右に縦長の画面キャプチャを1枚。文字を減らし、実際の画面で使われ方を見せる。画面には薄い影をつけて浮かせる。

  6. 出典: ウォンテッドリー株式会社「Wantedly, Inc. 会社説明資料/Wantedly Recruitment Brochure」p.29

    グラフ

    薄いグレーの面の上に円グラフを2つ並べる。色はシアンの濃淡だけで、区分名と数字を扇の中に直接書き込み、凡例を省く。注記は右下に小さく置く。

Reproduce

この型で資料を作るには

  • 01強調色はシアン1色。濃淡で段階をつけ、ほかの色相は足さない
  • 02ヘッダーは英字の章名+和文の小見出しを左上に固定。左の余白は91px前後
  • 03本文は27px前後、見出しは37px前後。本文の色は黒ではなく濃いグレー
  • 04写真・画面・図はページの右側にまとめ、左は文字の列にする
  • 051ページの文字は中央値186字。箇条書きは1項目1行を目安にする
  • 06Poppins の英字ラベルと Noto Sans JP の小見出しを組み合わせたヘッダーを1つ決め、全ページに置く
  • 07色はシアン、濃いグレー、薄いグレーの3つで回す
  • 08グラフは凡例を使わず、扇や棒の中に区分名と数字を書き込む
  • 09表紙の飾りは円と斜面など大きな幾何形を2つまでにする

スライドのデザイン分析MDに含まれるもの

実測の判型・余白・文字サイズ(PowerPoint / Google スライドの pt 換算つき)・文字量 / カラートークンとコントラスト / ページの型 / AIっぽさを消すルール / Claude・ChatGPT・Gemini 用の生成プロンプト / Web資料(HTMLスライド)の実装方針 / 盗用を避ける差し替えリスト(Pro: 色・文字・余白を反映済みの Web資料のひな形・Marp テーマCSS・tokens.json)

Wantedly, Inc. 会社説明資料/Wantedly Recruitment Brochureについてよくある質問

ウォンテッドリーの会社説明資料のデザインの特徴は?

白とグレーを基調に強調色をシアン1色に絞り、英字の章名と和文の小見出しを並べたヘッダーを全ページで揃えています。図や画面は右側にまとめる型です。

どんなフォントを使っている?

和文は Noto Sans JP、英字の章名や数字は Poppins です。本文は1920px換算で27px前後、見出しは37px前後です。

何ページある?

16:9 の横長で33ページです。1ページの文字数は中央値で186字ほどです。

安心してお使いいただくために

引用の範囲で掲載
代表ページ数枚を縮小して、解説と実測値に添えています。出典と元資料へのリンクを必ず表示します。
PDF・画像は配布しません
資料そのもののダウンロードは提供していません。原本は公開元のページでご覧いただけます。
MDは数値と構造だけ
デザイン分析MDに、元資料の文章・画像・図版は含みません。差し替え必須のものも明記しています。
人物写真に配慮
一般の社員・来場者など、私人が大きく写るページは掲載しません。

著作権・商標は各権利者に帰属します。権利者の方からの取り下げ・修正のご依頼は、原則2営業日以内に対応します。取り下げ・修正を依頼する