WebGallery

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

*

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

      2018/03/30

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

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

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

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

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

 - 色で表現

  関連記事

「情緒」と「静寂」を演出するために、カラフルな配色でなく白黒の配色にした岐阜のウェディングサイトがキレイ!

岐阜県多治見市にある、「大人のウェディングスタイル」をテーマのウェディング会場「 …

タグで切り替えて表示することで2ページ分の情報を1ページに収める

北海道河東郡音更町にある十勝川温泉の魅力を紹介する「潤い十勝川」のホームページで …

うっとりする写真が盛りだくさんの「休暇村」

休暇村協会が運営している「休暇村」のホームページです。 背景に和紙のようなテクス …

装飾を多用せず、文字を使って可愛らしさを表現する

東京都にある株式会社ジプソフィラのホームページです。 健康食品を取り扱う会社で、 …

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

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

アルバムごとのアイコンがすごく可愛い

  有名なColdplayのタイムラインサイトです。タイムラインで過去 …

ファーストビューで対象者がわかるようにしたデザインの「椿音楽教室」

東京でピアノ教室など11の音楽教室を開講している「椿音楽教室」のホームページです …

企業サイトのデザインが、赤と黒の配色でカッコいい!

愛知県名古屋市にある「Y.W.C株式会社」のホームページです。 ファーストビュー …

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

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

大人の女性をメインターゲットにした「マイトリ」のサイトが、遊び心をくすぐるような配色で可愛い!

JTBが運営する女子旅情報サイト「女子旅COLLECTION マイトリ」の特設サ …