WebGallery

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

*

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

      2018/03/30

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

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

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

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

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

 - 色で表現

  関連記事

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

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

暖色系の配色にすることで、温かみのある雰囲気の温泉旅館サイトが可愛い!

島根県松江市にある温泉旅館「源泉かけ流しの宿 湯陣 千代の湯」のホームページです …

500色の色鉛筆

  500色という文字よりもズラーッと背景に並んだ色とりどりの色鉛筆た …

学生に馴染みやすく・伝わりやすい「関西テレビ 採用情報」

関西テレビ放送の2017年度採用情報が掲載されている「関西テレビ RECRUIT …

彩度や明度で印象が変わる!背景色に赤を使った大胆なサイト3選!

近ごろは朝晩と寒くて昼は日差しが強く暑い…なんて日が続いていますね。寒暖差が激し …

淡いカラーテイストと動くアニメーションで親近感のあるデザインに

大分県杵築市にある耳鼻咽喉科「いちみや医院」のホームページです。淡い色使いと可愛 …

黒を基調としたテイクアウト商品の販売サイトが高級感があっておしゃれ!

専門店のデリバリーサービス「TAKEOUT CAB(テイクアウトキャブ)」のホー …

名古屋にあるパン屋さんのサイトが、レトロな雰囲気でオシャレ!

愛知県名古屋市梅森坂でベーカリー&カフェを営んでいる「パン屋さん マイロ」のホー …

1度は泊まってみたい!軽井沢のクラシックホテル

長野県軽井沢にあるクラシックホテル「万平ホテル」のホームページです。 まずサイト …

紫女子部がプルーンの魅力を紹介!

カリフォルニアプルーン協会が手がけた「紫女子部 スタート記念 プルンプルーンキャ …