WebGallery

Webデザインの初心者がスマートフォン対応しているWebサイトを淡々と紹介していくサイトギャラリーです。

*

「貫く」という言葉を表現したモーションを取り入れたデザインがカッコいい!「エン・ジャパン株式会社 新卒採用サイト」

      2018/03/30

エン・ジャパン株式会社の2018年度新卒採用サイトです。

「貫け、ジブン」というキャッチコピーがとても印象的なサイトです。
キャッチコピーの右側に大きく社員の写真を使用して、より目を引くファーストビューになっています。
あえて画面全体に写真を配置せずに背景が見える状態にすることで、背景の斜線を使ったデザインとの統一感が生まれています。

スクロールすると、それに合わせて背景に斜線のモーションが流れるようになっています。
キャッチコピーのフレーズである「貫く」を連想させるモーションで、メッセージを表現しているように感じます。

また、ページの1番下にも同じキャッチコピーを大きく配置していますが、こちらには文章の真ん中に青い斜線が左上から出てきます。
本当に貫いたようなモーションで、よりインパクトのあるキャッチコピーになっています。

言葉をモーションで表現しているのはサイト全体にも統一感が生まれますし、よりメッセージ性の強いサイトになっています。

 - 色で表現

  関連記事

背景のテクスチャや全体の色合いで、心地よい空間を作ってくれそうなリフォーム会社

大阪府大阪市にあるリフォーム・リノベーションを行う会社「ゆいまーるClub(大栄 …

子どもだけでなく大人の男性・女性もターゲットにした「NINTENDO SWITCH」のサイトがおしゃれ!

2017年3月3日に発売された「NINTENDO SWITCH」のホームページで …

クリスタルの反射で写し出されたような写真がとても綺麗な、東急グループ×ディズニーのコラボサイト

東急グループとディズニーのブランド4つがコラボレーションして、2016年11月1 …

雪を降らせたり、文字やイラストを白で統一して冬を演出する

2016年の11月10日から、2017年の2月19日まで開催している「東京ドーム …

次の世代のために美味しい野菜を作っている農家さん

茨城県つくば市で、農薬を使用しない野菜を作っている農園「子供たちの未来農園」のホ …

背景色を星の色にした、期間限定カービィカフェが可愛い!

2016年8月に大阪・名古屋・東京でオープン予定の「カービィカフェ」の特設サイト …

ロゴマークが特徴的

  豊島区のイベントサイトです。真ん中のロゴとカラフルな背景のインパク …

背景にテクスチャをかけ、画面を引き締める

  石油関連事業を行っている会社のホームページです。ロゴのカラーである …

3つのパートで構成されたオープンシティ戦略

「#オープンシティ釜石」のホームページです。 大きく3つのコンテンツに分かれてお …

手描き風のフォントやパステルカラーの配色を使って、安心感のあるデザインの病院サイト

岡山県岡山市にある産婦人科医院「丹羽病院」のホームページです。 ファーストビュー …