見出し画像

#23 サイトレビュー 〜小山弓具〜

サイト名
小山弓具

カテゴリー
健康・運動・スポーツ・ジム

概要
弓具専門店のサービスサイト

ターゲット
小山弓具をよく利用する人
弓具の購入を検討している方、弓道をしている人

目的
お店の認知度の向上、弓具の売上拡大

印象
取り扱っている弓具の商品の画像にとてもこだわりを感じ、「和」なイメージが強い。

ファーストビュー
▷ メインビジュアル
  MVの下(画面下部)にグローバルナビが配置されており、MVの上にはロゴやテキスト、お知らせやオンラインショップのリンク、SNSボタンがある。スクロール後はヘッダーが出現し、画面上部に固定される。
MVは弓具などの画像が複数枚切り替わる。切り替わるスピードが若干早いかなと感じた。
このサイトのメインフォントは明朝体だが、グローバルナビやタイトルはゴシック体を使用している。フォントが変わっている分、ゴシック体の部分には自然と目がいくようになっている。
▷ グローバルナビ:MV下部に配置、スクロール後は画面上部に固定
 [小山弓具について]
 [商品紹介]
 [店舗案内]
 [お知らせ]
 [お問い合わせ]
 [メディア掲載について]

画像1

コンテンツ
・サイトに利用する画像のレイアウトが画面横幅いっぱいで統一されているので、視線がサイト内であちこち行かずに済む工夫が成されている。
・明朝体や[小山弓具について]の背景の部分などから「和」を感じることができ、弓具との雰囲気が合っている。また、下層ページへのリンクボタンがホバーすると矢のような形に変化するのが弓道らしさを表現できている。
・ コンテンツの間の余白は、特段大きくとっている訳ではないので少し区別がぱっと見わかりにくさを感じた。。
・ リンクボタン

ボタン

カラー

画像3

フォント
▷ 本文:游明朝 16px
▷ タイトル:游ゴシック 12px
▷ gNav:游ゴシック 14px

レスポンシブ
・ ヘッダーは上部に配置。グローバルナビはハンバーガーメニューに格納&固定されている。
・ PC版では横並びのレイアウトがほとんど無いため、SP版でも同じレイアウトで対応できている。
・ グローバルナビはハンバーガーメニューに格納されており、以下のように展開する。

画像4

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