WebGallery

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

*

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

      2018/03/30

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

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

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

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

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

 - 色で表現

  関連記事

2018年のトレンド!?「デュオトーン」を使ったサイトをご紹介!

海外では結構多い印象があるのですが、日本だとあまり見かけない印象のデュオトーン。 …

短冊を連想するデザインの七夕祭りのサイト3選!

あっという間に6月も終わりですねー。 今年は特に雨も降らず、ひたすら寒かった印象 …

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

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

緑を使ったデザイン

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

建物の外観を連想させる背景のアニメーション

東京都千代田区にある「有楽町マリオン」のホームページです。 背景のアニメーション …

カラフルだけどまとまり感のあるトランクルームのサイトが可愛い!

大阪にあるトランクルーム「大阪のトランクルーム レナンド」のホームページです。 …

ロゴカラーでデザインされたものづくり企業のサイトがカッコいい!

新潟県三条市に本社をかまえる、キッチン雑貨・収納家具・住宅設備・家庭用品の専門家 …

写真を枠からはみ出させたりすることで、ページに動きをつけているお店

福岡県朝倉郡にある「ギャラリー茶寮 南の風」のホームページです。 トップページの …

美味しく備える備災アイテム「備え梅」のサイトがオシャレ!

2017年3月に販売された、備災グッズ「備え梅」のホームページです。 パッケージ …

雲の上にお酒があるような幻想的なトップ

白鶴酒造株式会社のブランドサイト「超特選 白鶴 天空」のホームページです。 天空 …