株式会社ユニトラスト　#1日1サイトレビュー

ユニトラスト - UNITRUST

■概要
ITエンジニアリング企業のサイト

■目的予想
・このサイトを通して、企業を知ってもらう
・お問い合わせ、採用をする


■印象やキーワード
・爽やかな印象 → 水色や白ベース
・スタイリッシュ → 三角や斜め線で区切っている

■フォント
游ゴシック（日本語)
游工房が作成し2008年に発売したゴシック調のOpenType形式の書体
（游ゴシック, YuGothic　セットで指定されている）

Avenir Next（英語)
1987年にAdrian Frutigerによって設計され、Linotype GmbHによって1988年にリリースされた幾何学的なサンセリフ書体です。 avenirはフランス語で「未来」を意味します。

■カラー
ベース：#ffffff　白
メイン：#F6F8FA　シアン青色のとても明るい色合いグレー
アクセント：#23A1E9　あざやかな青系の色

■ナビゲーション（ヘッター）
縦幅：83px
フォントサイズ：「Top」とか　14px
　　　　　　　   「トップ」とか　10px
ホバー後　　　　「DEVELOPMENT」とか　28px
　　　　　　　   「システム開発」とか　14px　   　
・ホバーすると背景は青になって子ページが大きく表示されて押しやすいし、見やすい
・ナビゲーションと見出しが統一するのは大事かもしれないと思った
・シンプルな構成だからたくさんナビゲーションになっていてもくどくない
・一番上にしていると背景が透明なので、一つホバーして子ページが見える時、他もページリンクが背景に紛れてホバーしたページだけが強調されていて分かりやすいと思った。
・影をつけることで立体関係がしっかり表現されている。（下のとこで影を使ったらナビゲーションにも影をつけるべきだと学んだ）

■メインビジュアル
・フォントサイズ：英語 約64px　
　　　　　　　　：キャッチコピー 約26px
・「you」だけ筆記体にして色も変えているので全体が白文字でも目だ足すことができている
・前を向いている人と三角形で「挑戦」というメッセージを伝えているように感じれた
・人の周りに白いモヤをかけることで馴染んでいる。
・背景も淡色の青だけじゃなくて下になるにつけ少しずつ薄くなっているのも空みたいで素敵だと思った

■気づいたこと・感想

・文字サイズと空白だけでそれぞれの役割を綺麗に分けられている
見出し：英語　56px 　　日本語　16px
キャッチコピー?：24px 　　本文：14px

・斜めで切るときの向きはそれぞれのブロックごとに反対になっている

・しっかり余白と文字サイズが揃っているとしっかりグループ化がされていて近い位置においても大丈夫だった

・写真を四角い写真のまま載せるのではなく、切り抜きの写真にすることで見せたいものだけに視線を集中させることができる

・システム開発のそれぞれの説明ページの短縮版でそのブロックをリンクにすることでわざわざ四角のボタンを入れなくていいのでスッキリする

・お問い合わせのとこで右に女性の目線がお問い合わせの文のことにいっているので自然に誘導される

今日は「株式会社ユニトラスト」のサイトをレビューしてみました！
素敵な青を使ってとてもシンプルに表現していてとても素敵だと思い選ばせていただきました。色やフォントサイズなどそれぞれにしっかり意味を持たせて決めることがとても大事だと思いました。
ここまで読んでくださりありがとうございました(*ᴗˬᴗ)⁾⁾

記録：毎日投稿３日目（この調子で頑張ります！）