ユーフーズ株式会社 #1日1サイトレビュー

ユーフーズ株式会社

【Day34】2019.08.13

・ファーストビューは画面いっぱいに写真が広がっていて、ゆっくり写真がズームされていき、ふわっと写真が切り替わる

・ファーストビュー右下の半円はhoverすると少し上にあがる

・メインメニューとサブメニューが上部に固定されている
→背景色：メイン(#fff)・サブ(#439648)

・使用フォント："Noto Sans JP" - 400

→ファーストビューより下のコンテンツへいくと、メインメニューに会社名とロゴが含まれて記載される
→サブメニューはアイコンのみの表示となり、hoverすると下部が伸びて文字が表示される

→「さらに詳しく見る」「さらに詳しく知る」の矢印のボタン部分はhoverすると矢印の方向に少し動く仕掛けがある

・写真とテキスト部分に余白があり、コンテンツごとにまとまりがあり、整列されているため読みやすく、見やすい

・見出しと文書の文字に太さや色の差があり、強弱がわかりやすい

→footer部分の背景の色はグラデーションで使用されている
→会社情報(#409046)/採用情報(#3d8942)/footerBottomMenu(#439648)
→右下だけ三角形の形に背景色(#3f8e45)が違い、ページトップに戻れるボタンがある

・ボタンと写真、全てが丸みを帯びた形

→ファーストビューの右下の半円ボタン「ユーフーズってどんなことしているの？」をクリックして飛んだページにあるコンテンツ
→1.2.3の順の見せ方が個人的にスキだったためスクショ
→三角形が垂直になっておらず、少し斜めになっている
→小さな工夫により、自然に左から読ませる仕組みになっている