https://www.s-groove.co.jp/freshers/
◎視点
学企業が応募者をより多く得るために力を入れている採用サイト。
中でも憧れの制作会社さんでもある4digit様の作品をレビュー。
アパレルということもあり、若い女性をターゲットにデザインされたサイト。
awwwwwardノミネート作品
◎概要
アパレル会社の新卒採用サイト。
ブロークングリッドが綺麗に使われていて見ていて、文字と画像の配置が絶妙。
背景をフレーム枠のように使われた見ていて感動するデザインに注目。
awwwardsノミネート作品
◎ターゲット
女性、10代後半〜20代前半の専門学校、大学生
◎配色
※コンテンツや写真によってバラバラなので省略
◎フォント
英字：Futura
小見出し：A-OTF 見出しゴシックMB31
本文：ヒラギノ角ゴシック
見出し：PC: 74px / SP :44px
小見出し： PC: 16px / SP :16px
本文：PC: 10px / SP:160px
◎FV
太めの背景枠枠(?)と、中の画像、その上に被さるようなロゴが、女性雑誌を彷彿させ、思わずページを開きたくなるデザイン。
右下の線のアニメーションがスクロールを促してくれる。
スクロールすると、中の画像のみ背景として残り、黄色で大きい見出しが出る。黄色で読みづらいと思いきや、パッと背景が暗くなり
読みやすくなる仕組み。
◎インタビュー
画像と背景、文字の配置が絶妙でほんとに美しい。
画像は左右に設置し、
見出し、文字を正方形で囲み、画像斜めにずらして設置することでバランスの取れたデザインに。
ジャンプ率高め
◎その他コンテンツ
画像と背景の組み合わせが綺麗。
最後は中央に画像をそろえることでまとめ感がありスッキリ。
半分したのラインの使い方もすばらしい。
本来フレームや左右にくっつけるようなことはしないが、このデザインはその技によって躍動感がでている。
◎その他
写真上に文字があるのに、配色と文字ジャンプ率、余白の使い方が素晴らしく見えやすい。
文字組みが美しい。改行位置などの文字組が最近の自分の中での課題だったので参考にしたい。
