![スクリーンショット_2019-08-12_22](https://assets.st-note.com/production/uploads/images/13586795/rectangle_large_type_2_4711a0079d199ad09476122c76aafedf.png?width=800)
ユーフーズ株式会社 #1日1サイトレビュー
【Day34】2019.08.13
・ファーストビューは画面いっぱいに写真が広がっていて、ゆっくり写真がズームされていき、ふわっと写真が切り替わる
・ファーストビュー右下の半円はhoverすると少し上にあがる
・メインメニューとサブメニューが上部に固定されている
→背景色:メイン(#fff)・サブ(#439648)
・使用フォント:"Noto Sans JP" - 400
→ファーストビューより下のコンテンツへいくと、メインメニューに会社名とロゴが含まれて記載される
→サブメニューはアイコンのみの表示となり、hoverすると下部が伸びて文字が表示される
→「さらに詳しく見る」「さらに詳しく知る」の矢印のボタン部分はhoverすると矢印の方向に少し動く仕掛けがある
・写真とテキスト部分に余白があり、コンテンツごとにまとまりがあり、整列されているため読みやすく、見やすい
・見出しと文書の文字に太さや色の差があり、強弱がわかりやすい
→footer部分の背景の色はグラデーションで使用されている
→会社情報(#409046)/採用情報(#3d8942)/footerBottomMenu(#439648)
→右下だけ三角形の形に背景色(#3f8e45)が違い、ページトップに戻れるボタンがある
・ボタンと写真、全てが丸みを帯びた形
→ファーストビューの右下の半円ボタン「ユーフーズってどんなことしているの?」をクリックして飛んだページにあるコンテンツ
→1.2.3の順の見せ方が個人的にスキだったためスクショ
→三角形が垂直になっておらず、少し斜めになっている
→小さな工夫により、自然に左から読ませる仕組みになっている
読んでくだりありがとうございます。 頂いたサポートはスキルアップのために大切に使わせていただきます!