45. 集英社 採用ページ#1日1サイトレビュー

集英社 2025年度定期採用情報

【ターゲット】
・集英社に就職したいと考えている人
・出版社に就職したい人

【印象】
・白背景・黒の読みやすいテキスト・様々な形をした形が雑誌のような印象

【カラー】
ベース：白
テキストカラー：赤#DB0303、黒#000000、白#FFFFFF

【フォント】
本文：游ゴシック体

【アニメーション】
・サイトを開くと、ヘッダーが表示されている状態で白い背景に白い四角が浮かび上がり、キャッチフレーズが順に表示され、背景画像が表示
・MY PAGEボタンにマウスオンすると、テキストに赤い下線が引かれる
・ハンバーガーメニューにマウスオンすると、赤くなる
・スクロールするとコンテンツが左から出てくる
・「職務紹介」にマウスオンすると、上の写真が小さくなり、◯が引き直される
・「PEOPLE」コンテンツの写真にマウスオンすると、写真が少し拡大される
・VIEW MOREボタンにマウスオンすると、下線が赤色になる
・SPECIAL MOVIEにマウスオンすると、フィルターが暗くなり、再生ボタンが大きくなる
・SNSボタンにマウスオンすると、色が反転する
・フッターのテキストにマウスオンすると、下線が引かれる

【あしらい】
・ヘッダー：ロゴは縦23px、横80px
　　　　　　左端に固定
・TOP画面は、デスクを上から撮ったような画像
・中央四角の中にキャッチフレーズが書かれており、「まっしろ」だけ黒枠の白テキスト
・コンテンツタイトルの背景に赤い四角に数字
・VIEW MOREボタンは、下線に→のあしらい
・「PEOPLE」コンテンツの新入社員紹介の写真は全身写真
・「CONTENT ARCHIVES」の写真がDの形をしている
・SPECIAL MOVIEにドットのようなフィルター
・「RECRUITING」のイラスト・吹き出しは黒枠
・クリックできる写真には黒いフィルターがかかっている
・モノクロのアイコン

【サイト全体の構成】
・ヘッダー
・TOP画像
・採用メッセージ
・WORKS
・PEOPLE
・RECRUTING
・COMPANY
・フッター

【ファーストビューの構成】
・ヘッダー（ロゴ、「2022年度 定期採用情報」、MY PAGEボタン、ハンバーガーメニュー)
・デスクの上のような画像
・キャッチフレーズ「はじめはまっしろ」
・SHUEISHA RECRUITING 2022

【フッターの構成】
・Top
・Works
・People
・Recruiting
・Company
・Contents Archives
・News
・集英社ホームページ
・集英社の個人情報の取り扱いについて

【レスポンシブ】
・ヘッダー（ロゴ、MY PAGE、ハンバーガーメニュー）
　ヘッダーは右側から上側に移動
　ハンバーガーメニューを押すと、線がクロスし、画面全体にメニューが出てくる
・「COMPANY」コンテンツ以外1カラム構成
・ロゴは、縦16px、横56px(ヘッダー)

【気づき・分析】
・ヘッダーが左端に固定されている
・クリックできる写真は黒っぽいフィルターがかかっている
・「職務紹介」の背景に写真が流れており、社内の様子が分かりやすい
・SPEVIAL MOVIEがずっと無音で流れ続けている
・写真は色々な形をしており、雑誌のようなあしらい