見出し画像

99.今井運送株式会社 #1日1サイトレビュー

【印象】
・かっこいい、信頼感、清潔感のある印象
【ファーストビュー】
・画面左側にキャッチコピーを表示。右側にメニューを縦に並べて表示している
・キャッチコピーの下に写真2枚をずらして表示している
・背景色は暗めの青を使用。信頼感やかっちりとしたイメージが出ている
・画面の右側に複数枚の写真をななめに並べて配置している。青で透かしているので、写真よりもキャッチコピーが目立つ印象
【コンテンツ】
・FVからスクロールするとヘッダーメニューが出現。白背景に青字を使用。境界線にシャドウがかかっている。左側からロゴ、メニュー、電話番号の順番で配置している。ホバーで小項目を表示。メニューは日本語表記のみになっている
・サイト全体で使われている写真のコントラストが強めで鮮やかな印象
・セクションタイトルは英字を大きく表示し、下に小文字で日本語を表記している。一部のセクションでは縦書きでタイトルを表示している。中央寄せではなく左右寄せになっている
・メインカラーを青にすることでかっちりとしたイメージ、爽やかさや信頼感を演出している。強調部分は彩度の強い黄色を使用しているので目に入りやすい
・「News」セクションでは明度の高い赤や水色を使用
・ボタンは角丸を使用していたり、矢印アイコンは円で囲っていたりと曲線を使っている印象
・フッターは青背景で白字を使用。メニューや会社住所を載せている
・「Promotion Movie」セクション以外は白背景になっており、区切りのために短い直線を引いている
・写真とレイヤーを重ねていたり、縦書きでセクションタイトルを表示したりと動きを出しているがあしらいは基本的にシンプルですっきりとしている印象
・ホバー時の動きは早めになっている
【カラー】
・白、青、灰色、黒、黄色、水色、赤
・テキストカラーは黒#333333、青##1D2087
【フォント】
・Noto Sans JP
・英字見出しはMontserrat
【レスポンシブ】
・画面下部左側にに白背景のレイヤーを敷き、コピーライトを表示。右側に青背景のボタンを設置し、ハンバーガーメニュー(2本線、「MENU」表記あり)を配置している
・メニューはリスト部分は白背景、電話番号部分は青背景になっている
・PC版では2枚表示されてたFVのキャッチコピー下の写真がSP版では1枚に変更になっている
・下層ページへのリンクボタンが一部を除いてコンテンツ幅いっぱいのサイズに設定されている
・フッターメニューは非表示に変更している