スクリーンショット_2020-03-09_22.20.36

サイトレビュー「HONDA」②

ゆるっとレビュー

TOPページのサイトレビューを、今回はテーマ設けずさくっとやってみたいと思います
https://www.honda.co.jp/?from=auto_header

メインビジュアル

・ビジュアルが画面100% (headerは含めず)
 元の画像は2560x1000pxの画像(大きい!)

・画像スライドは5枚 自動切替6秒
 下部に高さ60pxの画像関連リンク(フォント20px)あり

・hoverしたときの動きが鋭い

・一番上のnavはフォントサイズ13px 高さ60px 内容:会社のこと
 その下12px 高さ49px 内容:商品について

・カラーはHONDAロゴカラーの赤#cc000とグレー#36353b

ページ構成

メインビジュアル

Hondaのプロダクツ

ピックアップ情報

Honda Now

ニューリリース・投資家情報・リコール・お知らせ

SNS・メルマガ情報

サイトマップ兼footer

・ニューリリースがページ下の方だったのが意外。
最新情報はWebから取得する人が減っているということかと予測(sns経由が多いのでは)
・製品について詳細に知りたくてサイトを訪れる人が多いと予測。

・全体的に構成がとてもシンプル(2カラム・3カラム)
・写真比率が高い

・「Honda NOW」の画像をhoverしたときに、「→」が右に動くアニメーションが心地よい

・タイトルが日本語表記になっている スタイリッシュさよりもわかりやすさ

・タイトルフォントサイズ40px、サブタイトル16px
 「ニューリリース〜・・」の項目は、タイトルフォントサイズ28px

・sectionごとの余白が狭め コンパクトにおさまったページの印象

・動きが少なめ 安定感を感じる

フッター

スクリーンショット 2020-03-09 22.19.12

・サイトマップを兼ねているfooterが圧巻 ここまで文字並べるの珍しいけど、わかりやすさはとても感じる


・カレンダーの意図はいかに?日付クリックしてみると、

スクリーンショット 2020-03-09 23.26.40

歴代のHondaプレスリリース情報が見られるという構造。
コアなファンのために?!すごい、商品愛を感じる。

画像3


この記事が気に入ったらサポートをしてみませんか?