No.074 新卒採用 JR東日本 – webサイト分析

新卒採用 JR東日本 公式オンラインサイト(https://recruit.jreast.co.jp/)分析

 

新卒採用 JR東日本のwebサイトは、開くとグリッドレイアウトの画像が並んでいます。
今回は勉強のために、デザインを分析しました。

 

PCメインビュー

 

font

Noto Sans JP Variable, sans-serif
白系・グレー系(#333)

 

 

 

color

緑系(#008803)・白

 

 

 

メニュー

PCはヘッダーにメニューが並んでいます。マウスオーバーで下にメニューボックスが開きます。
PCとスマートフォンとタブレットは右上にハンバーガーメニューがあり、クリックすると左から右にメニューが開きます。アコーディオンメニューがあります。

 

PCハンバーガーメニュー内

 

SPハンバーガーメニュー内

 

まとめ

新卒採用 JR東日本のwebサイトは、グリッドレイアウトで立体的な画像が動いて表示されているサイトです。

初回は簡単に書かせて頂きました。分析内容はこちらのページか新規のページに不定期に追記をするかもしれません。

 

PCトップページスクリーンショット

 

タブレットトップページスクリーンショット

 

スマートフォントップページスクリーンショット

 

webサイト100選 | 雨とホットケーキ