0. 構成・注記
画面一覧・10/05 に決めたこと・まだ決まっていないこと
画面一覧
| 区分 | 画面 | パス | 役割 |
|---|---|---|---|
| トップ | トップ | / | 1ページで全体像が伝わるメインページ。事業 → 職種 → 実績 → 考え方 → 人 → 掟 → 働く環境 → 募集 |
| 会社を知る | 事業内容 | /business | どのような事業で成り立っている会社か |
| 会社を知る | 職種紹介 | /jobs/[id] | 入社後に担う仕事と役割 |
| 人を知る | こうきさんの言葉(別室) | /inside | 関心の高い人に向けて、代表の考えを詳しく伝える(案) |
| 働き方を知る | 働く環境 | /environment | 1日の流れ・オフィス・働き方・制度。入社後の毎日を具体的に描けるようにする |
| 応募 | 募集要項 | /recruit/[id] | 職種ごとの条件。演出は抑える |
| 応募 | よくある質問 | /faq | 応募前の不安をカテゴリごとに解消する |
| 応募 | エントリー(外部の採用システム) | — | 各ページのエントリーボタン(↗)から外部の採用システムへ移る。サイト内に応募フォームは持たない |
| 第2弾 | 診断スタート → 設問 → 結果 | /check | キャラクターが案内する向き不向き診断(公開後に追加) |
10/05 に決めたこと
| 論点 | 決定 | 補足 |
|---|---|---|
| 人の見せ方 | 社員インタビューを軸にする | キャラクターは公開後の第2弾(診断)だけに登場 |
| 並び順 | 事業を先に置く(トップ → 事業 → 職種 → 実績 → 考え方 → 人) | 9/17 は理念先で合意していたので、こうきさんに理由を添えて確認する |
| 事業・実績 | 事業内容は採用サイトの中で見せる | |
| 目指す状態 | トップの「考え方」の締めに置く | 実績の見出しと呼応させる。文言は検討中 |
その後の打ち合わせで決めたこと
| 論点 | 決定 | 補足 |
|---|---|---|
| 全体構成 | 提示したワイヤーの構成で進める | トップ → 事業 → 職種 → 実績 → 考え方 → 人 → 募集の流れ |
| 実績 | コーポレートサイトの実績ページへリンクする | CMS の二重管理を避けるため(吉田さん)。採用サイトの実績一覧・事例詳細はなくした |
| お客様の声 | 採用サイト独自のコンテンツとして新しく作る | Google の口コミのように、アイコンと一言・二言のコメントを多数並べる。案件ごとの声は CMS の負担を考えて見直し |
まだ決まっていないこと(議題)
| # | 議題 | 状態 |
|---|---|---|
| 1 | ええやつの基準をどこまで外に出すか | 繁田案:5項目+「特に素直」までは出し、「5つのうち3つ」は出さない |
| 2 | デザインや演出に手間をかける場所をどこに絞るか | 繁田案:公開時はトップの映像1点に絞る。職種紹介のイラストは公開後に追加 |
| 3 | ギャップ(見た目と中身の違い)とユーモアの演出を、文章が中心のページにも入れるか | 未着手 |
| 4 | 職種紹介の絵が「村」に見える点 | 「村」という言葉を社外に出すかが未決 |
| 5 | キャッチコピー | 検討中 |
| 6 | こうきさんの言葉(別室)を入れるか | 案 |
| 7 | お客様の声が、安っぽい広告ページや「やらせ」に見えない構成とデザイン | 繁田が再検討 |
| 8 | 社員紹介の形式(個人インタビュー/イラスト+複数人の写真/30秒ほどの動画) | 繁田が検討。効果と制作の実現性で判断 |
こうきさんに確認・集める素材
- 事業の柱の数・名前・説明(今は「受託の開発・制作/自社サービス」を仮置き)/トップの「何の会社か」の一行
- 職種の数・名前、新卒/中途/バイトちゃんの分け方(採用ターゲット)
- トップに出す数字・取引先名と、リンク先のコーポレートサイト実績ページの URL
- お客様の声:依頼するお客様・一言コメント・アイコン写真・掲載の了解
- インタビューに出る人(4人前後)・本人の了解・撮影
- 条件・選考フロー
- 働く環境:勤務時間・リモートの可否・休日・制度、オフィスと1日の流れの写真、出せる数字(平均年齢・残業時間など)
- 採用システムの名前と応募フォームの URL(職種ごとに分かれるか)
共通方針
- 中心のコンセプトは「ギャップ」(見た目と中身の違い)と「ユーモア」(9/17)。トップでは映像などで体感してもらい、ほかのページは文章で伝える。
- 横スクロールや動きの重い演出、説明を読まないと操作できない画面は使わない(こうきさんの「やらないこと」)。
- どのページからもエントリーへ1クリック。PC はヘッダー右上、SP は画面下の固定ボタン。押すと外部の採用システムへ移る。
- 募集要項とエントリーは装飾を控え、条件などの事実を分かりやすく載せる。
- 語は「スタッフ」「バイトちゃん」「仲間」。「従業員」「上」「下」は使わない。
1. トップ/
1ページで全体像が伝わるメインページ。最初に事業・職種・実績で「何の会社か」を伝え、そのうえで考え方 → 人 → 掟 → 募集へと進む。
〈画面いっぱいの映像(スタッフや仕事の様子)。スクロールに合わせて進み、マウスの動きにも反応する〉
キャッチコピー(検討中)
〇〇と〇〇を手がける会社です。
↓ scroll
事業内容OUR BUSINESS事業内容を見る →
事業内容のリード文(検討中)
事業の柱① 実物
柱①(例:受託の開発・制作)
事業の柱② 実物
柱②(例:自社サービス)
事業の柱③ 実物
柱③(例:これからの事業)
お客様の声
会社名・お名前(役職)
事業の柱① / 0000年
会社名・お名前(役職)
事業の柱② / 0000年
会社名・お名前(役職)
事業の柱① / 0000年
会社名・お名前(役職)
事業の柱② / 0000年
職種紹介OUR JOBS職種紹介を見る →
〈Gonmura の世界を俯瞰で描いた絵〉
職種A +
職種B +
職種C +
職種D +
職種E +
〇つの職種があります。
気になる仕事からご覧ください。
気になる仕事からご覧ください。
〈Gonmura の世界の絵〉
〇つの職種があります。気になる仕事からご覧ください。
職種A職種B職種C職種D職種E
実績実績一覧を見る(コーポレートサイト)
実績の見出し(検討中)
000
取引社数
000%
売上の伸び
00歳
平均年齢
logo
logo
logo
logo
私たちの考え方
好きな仲間と、好きなお客様のために、好きなことを。
好きな仲間と働く
一人では出せない相乗効果
一人では出せない相乗効果
好きなことを仕事に
我慢して働く人には出せない熱量
我慢して働く人には出せない熱量
好きなお客様のために
合格点で終わらない、最後の一手間
合格点で終わらない、最後の一手間
目指す状態を表す一文
文言は検討中代表メッセージを読む →案
共に働く仲間
前提、ええやつ。
素直謝れる思いやり礼儀正しい義理堅い+ ユーモア・愛嬌
複数人で写る、雰囲気のある写真 / イラスト / 30秒ほどの短い動画
あなたは、どのタイプ?
向き不向き診断(第2弾・公開後に追加)
Gonmura の掟
掟の見出し(検討中)
一、礼儀礼節を欠くな。
実際の場面:あだ名A のインタビュー →
一、報連相を欠かすな。
実際の場面:あだ名B のインタビュー →
一、仮説を立てて提案せよ。
実際の場面:あだ名C のインタビュー →
上に立つ者 教えるな。一緒に考えろ。
上に立つ者 押し付けるな。輝かせよ。
働く環境働く環境を見る →
働く環境の見出し
文言は検討中
オフィス
オフィス
1日の流れ
1日の流れ
働き方
働き方
制度
制度・福利厚生
募集職種募集要項を見る →
新卒中途バイトちゃん
職種A
雇用形態・勤務地
職種B
雇用形態・勤務地
エントリーする
できること
- ナビ・各セクションの「→」から下層へ
- 職種の +/チップから職種紹介へ
- 実績はコーポレートサイトの実績ページへ(外部)
- 働く環境のカードから働く環境へ
- エントリーは PC ヘッダー右上・SP 下部固定(外部の採用システムへ)
決めたいこと
- 何の会社かの一行・キャッチコピー
- 事業の柱・職種の数と名前・出せる数字
- 並び順(事業先)をこうきさんに確認
- ええやつの基準をどこまで出すか(議題1)
2. 事業内容/business
どのような事業で成り立っている会社か。業界用語を使わず、学生にも伝わる言葉で説明する。事業の柱は仮置き。
事業内容
事業内容のリード文(検討中)
柱① 実物の画面・写真
柱①(例:受託の開発・制作)
提供するもの
お客様
成果
関わる職種 →この事業の実績
代表的な事例事例を見る
受注の背景
〇〇
〇〇
お客様
〇〇
〇〇
進め方
〇〇
〇〇
柱② 実物の画面・写真
柱②(例:自社サービス)
提供するもの
お客様
成果
関わる職種 →この事業の実績
代表的な事例事例を見る
受注の背景
〇〇
〇〇
お客様
〇〇
〇〇
進め方
〇〇
〇〇
今後の展開
これから広げていきたい事業の領域(例:ものづくり・ゲーム的な事業・飲食 など)
これから広げていきたい事業の領域(例:ものづくり・ゲーム的な事業・飲食 など)
実績を見るエントリーする
できること
- 柱ごとに、関わる職種へ。実績・事例はコーポレートサイトの実績ページへ(外部)
表示データ
- 柱ごとに 実物の画像/何を・誰に・どんな成果
- 代表的な仕事:なぜ受けたか・どんなお客様と・どう進めたか
- 今後の事業展開(「おもろい」と思える領域)
3. 職種紹介/jobs/[id]
職種の紹介ひとこと → 仕事への向き合い方 → その職種で働くスタッフの話の順。給与・勤務地などの条件は募集要項のページに分ける。
〈トップの絵から、この職種の場所を拡大〉
職種A職種B職種C職種D職種E
職種A
職種の紹介ひとこと(例:〇〇を、〇〇する仕事。)
関わる事業:柱①
取り組む姿勢
姿勢①(見出し)
関わる掟:仮説を立てて提案せよ
姿勢②(見出し)
関わる掟:報連相を欠かすな
姿勢③(見出し)
関わる掟:礼儀礼節を欠くな
この職種で働くスタッフ
人物写真
あだ名A
職種A / 入社0年目
Q. 担当している仕事を教えてください
Q. 1日の流れを教えてください
Q. 仕事で大切にしていることは何ですか?
Q. やりがいを感じるのはどんなときですか?
この職種が手がけた実績実績一覧を見る(コーポレートサイト)
募集要項を見るこの職種でエントリー
できること
- 上のチップで職種を切り替え
- 実績・募集要項・エントリーへ
決めたいこと
- 職種の数と名前(新卒/中途/バイトちゃんで分けるか)
- 職種ごとの紹介ひとこと・取り組む姿勢
- インタビューに出る人(職種ごとに1人以上)
4. こうきさんの言葉(別室)/inside案
文章だけのページ。図・写真・数字は置かず、要約もしない(参考:MASTER key の Inside Room)。入口はトップの「私たちの考え方」にある控えめなリンク。原稿はこうきさんと作る。
← トップへ
題(1行)
── 吉田光輝
トップへ戻るエントリーする
決めたいこと
- 入れるか(議題6)/目立たない場所に置くか、通常のページにするか
5. 働く環境/environment
数字 → 1日の流れ → オフィス → 働き方 → 制度の順で、入社後の毎日を具体的に描けるようにする。制度・数字は確定情報だけ載せる。中身はダミー。
働く環境
リード文(検討中)
数字1日の流れオフィス働き方制度
数字で見る Gonmura
00歳
平均年齢
00h
月の平均残業
00%
有休の取得率
00人
スタッフ・バイトちゃん
1日の流れ職種ごと
職種A職種Bバイトちゃん
| 09:00 | 出社・朝の共有 |
|---|---|
| 10:00 | 〇〇 |
| 12:00 | 昼休憩 |
| 13:00 | お客様と打ち合わせ |
| 15:00 | 仮説を立て、提案資料を作成 |
| 18:00 | 1日の報告・退社 |
その職種の人の1日の写真
あだ名A のインタビューを読む →
オフィス
執務スペース
打ち合わせ
休憩・雑談
所在地・最寄り駅 / 地図
働き方
勤務時間
〇〇(フレックスの有無など)
〇〇(フレックスの有無など)
勤務場所
出社/リモートワークの方針
出社/リモートワークの方針
服装・髪色
〇〇
〇〇
制度・福利厚生
休日・休暇
学び・成長
仕事の道具
〇〇手当
よくある質問募集要項を見るエントリーする
できること
- チップで各ブロックへ移動
- 1日の流れを職種で切り替え
- よくある質問・募集要項・エントリー(外部の採用システム)へ
決めたいこと
- 出せる数字・制度・勤務時間・リモートの可否
- 1日の流れを載せる職種と、撮影する人
- リード文
6. 募集要項/recruit/[id]
装飾を控え、条件などの事実を分かりやすく載せる。仕事の中身は職種紹介のページで伝える。
募集要項
新卒中途バイトちゃん
職種A
正社員・〇〇
職種B
正社員・〇〇
職種C
アルバイト・〇〇
職種A
仕事内容:〇〇
職種紹介を見る →
求める人物像:ええやつであること(素直/謝れる/思いやり/礼儀正しい/義理堅い)
| 雇用形態 | 〇〇 |
|---|---|
| 勤務地 | 〇〇 |
| 給与 | 〇〇 |
| 休日 | 〇〇 |
| 福利厚生 | 〇〇 働く環境 → |
選考の流れ
エントリー→面談→選考→内定
よくある質問
▼ 〇〇ですか?
▼ 〇〇ですか?
よくある質問をもっと見る →
この職種でエントリー
決めたいこと
- 職種・人数・条件・選考フロー
- 新卒/中途/バイトちゃんのタブ分け
7. よくある質問/faq
応募前の不安を、カテゴリごとに解消する。答えの中から、関係するページ(職種紹介・働く環境・募集要項)へつなぐ。質問と答えはダミー。
よくある質問
🔍 キーワードで探す
すべて応募・選考働き方・制度仕事・キャリア会社・雰囲気
応募・選考
Q. 未経験でも応募できますか?▲
未経験から入社したスタッフのインタビュー →
Q. 選考はどんな流れですか?▼
Q. 複数の職種に応募できますか?▼
働き方・制度
Q. 勤務地とリモートワークについて教えてください▲
働く環境(働き方・1日の流れ)→
Q. 服装や髪色に決まりはありますか?▼
Q. 副業はできますか?▼
仕事・キャリア
Q. 入社後はどうやって仕事を覚えますか?▲
「教えるな。一緒に考えろ。」(掟)→
Q. バイトちゃんから社員になれますか?▼
Q. 職種を変えることはできますか?▼
会社・雰囲気
Q. どんな人が働いていますか?▼
Q. 社内はどのような雰囲気ですか?▼
上記以外のご質問は
お問い合わせ先(採用担当のメール など)
募集要項を見るエントリーする
できること
- カテゴリで絞り込み・キーワードで検索
- 質問を開閉。答えから関係するページへ
- 募集要項・エントリー(外部の採用システム)へ
決めたいこと
- 質問の中身と答え(制度・条件は確定情報だけ載せる)
- ここにない質問の問い合わせ先
8. 向き不向き診断(スタート)/check第2弾
公開後に追加。キャラクターはこの診断だけに登場し、案内と結果の表示を担当する。スキルや条件で判定するのではなく、仕事の場面でどう動くかを選んでもらい、自分との相性を確かめる(参考:バリュエンス「むきだし診断」)。
「あなたは、どのタイプ?」
向き不向き診断
1分・10問
はじめる
決めたいこと
- キャラクターの数と設定
- 結果を選考に使うか
- 合わなかった人への結果の言い方
8b. 設問/check第2弾
1画面に1問。選ぶとキャラクターが反応し、楽しみながら進められる。迷わず答えられる問いにする。
3 / 10
場面つきの問い(例:先輩に頼まれた仕事、締切に間に合わなさそう。どうする?)
選択肢A
選択肢B
8c. 結果/check/result第2弾
近いタイプを表示し、そのタイプに近いスタッフを紹介する。
キャラクター
あなたに近いのは「〇〇タイプ」
ええやつ5項目の傾向
素直
謝れる
思いやり
このタイプに近いスタッフ
結果をシェアエントリーする