WebGallery

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

*

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

      2018/03/30

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

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

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

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

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

 - 色で表現

  関連記事

赤と白のおめでたい配色が綺麗!なお米の販売サイト

「新潟米 新之助(しんのすけ)」のホームページです。 赤と白の背景がとても綺麗な …

検索のユーザビリティを高めたデザイン

  Renottaの公式ホームページです。全面的にリニューアルし、どの …

青を基調とした建設会社が爽やかでキレイ!

愛知県名古屋市にある建設会社「BLUE HOMES(ブルーホームズ)」のホームペ …

緑を使ったデザイン

  千葉県にある整骨院のサイトです。左側にグローバルナビを配置している …

青空の写真を使い、空港からの利用をイメージさせるレンタカー屋さん

沖縄県那覇市に本社を構えるレンタカー会社「OTSレンタカー」のホームページです。 …

賑やかな店内の様子と、美味しそうな料理の写真で素敵なディナーが味わえる雰囲気を見せたイタリアンレストラン

埼玉県新座市にあるイタリア料理店「トラットリア&ピッツェリア Legio …

エイプリルフールに公開されたサイトをご紹介!第四弾「Gboard 物理手書きバージョン」

Googleがエイプリルフールに公開した「Gboard 物理手書きバージョン」の …

【WEBサイトまとめ】もうすぐ春!ピンク色を効果的に使ったサイト5選!

まだまだ寒い日が続きますが、暦の上ではもう「春」ですね〜。 ということで、今回は …

「あしあと」の部分で過去に閲覧したページを掲載する

新潟県にある「山波農場」のホームページです。 大きな麦の写真や綺麗な風景の写真は …

色とりどりのコンテンツブロックで鮮やかな印象

KANROの商品「ピュレグミ」の新作特設サイトです。はっきりとした色合いが特徴的 …