49. SHE Recruiting#1日1サイトレビュー

SHE Recruiting

【ターゲット】
・SHEで働くことに興味がある・働きたい人

【印象】
・薄いピンク色の背景やカラフルなぼやけた光のようなあしらいが女性らしく柔和な印象

【カラー】
ベース：白
テキストカラー：黒#3F4B4F、白#FFFFFF

【フォント】
本文：游明朝、游ゴシック

【アニメーション】
・サイトを開くと、白い画面が照らされたように光り、TOP画面が表示される
・ヘッダーのテキストにマウスオンすると、黒の下線が出てくる
・スクロールするとコンテンツが浮かび上がる
・ボタンにマウスオンすると、下線が右側へ流れて無くなり、矢印が右へのびる
・「CHOICE」コンテンツのカードにマウスオンすると、カラフルな光に照らされる
・「INTERVIEW」コンテンツの記事にマウスオンすると、カラフルな光のようなフィルターがかかる
・フッターのテキストにマウスオンすると、黒の下線が出てくる

【あしらい】
・ヘッダー：ロゴは縦25.4px、横49px
　　　　　　固定
・表情が見えない程度の大きさの人たちが横一列に画面幅いっぱいに並んでいる
・パステルを塗り伸ばしたように描かれたカラフルな◯が背景にあしらわれている
・コンテンツのテキストは全てフォントが異なる
・「CHOICE」コンテンツのタイトル背景にパステルカラーのグラデーションの帯
・「INTERVIEW」コンテンツでは記事ごとに写真のサイズが異なる
・背景の色を変えることでコンテンツの境界を表現
・フッター上にも横並びの人に写真
・ボタンは、縦48px、横183px

【サイト全体の構成】
・ヘッダー
・TOP画像
・VISION
・ CHOICE
・INTERVIEW
・JOB LIST
・フッター

【ファーストビューの構成】
・ヘッダー（ロゴ、RECRUIT SITE、SHEが目指すところ・メンバー・スタッフ・インタビュー・社員一覧、エントリーはこちらボタン)
・キャッチフレーズ「しなやかに熱狂する。」
・人が横一列に並んだ写真

【フッターの構成】
・ロゴ
・RECRUIT SITEのテキスト
・SHEが目指すところ
・メンバー
・スタッフ
・インタビュー
・社員一覧
・エントリーはこちら
・利用規約
・プライバシーポリシー

【レスポンシブ】
・ヘッダー（ロゴ、RECRUIT SITEのテキスト、ハンバーガーメニュー）
　ハンバーガーメニューを押すと、3本線がうねってからクロスし、画面全体にメニューが出てくる
　メニューの背景は若干透けている
・全てのコンテンツが1カラム構成
・ロゴは、縦26.4px、横50px(ヘッダー)
　　　　　縦36px、横68px(フッター)
・ボタンは、縦48px、横183px

【気づき・分析】
・コンテンツタイトルは游明朝体、本文は游ゴシックと使い分けられている
　強調して伝えたいところに游明朝体が使われている
・「INTERVIEW」コンテンツでは記事ごとに写真のサイズが異なる
　→特に見て欲しい記事を強調している？
・社員の写真を多く使うことで、社内の雰囲気が分かりやすく安心できる
・光に照らされているようなアニメーションが多く、明るいアットホームな雰囲気が伝わる