見出し画像

webサイト分析(3)出雲大社


【概要】


出雲大社公式サイト (コーポレートサイト?分類の仕方分からず。。)

【想定ターゲット】


どんな人:男女問わず、検索の年齢層は高め?(20代後半~80代?)
流入理由:出雲大社の参拝方法・歴史・アクセス・行事を知りたい・どんな所か見たい

【第一印象】


メインビジュアルが出雲大社全体の写真(画面いっぱい)になっているため、壮大で厳かな印象

【デザインポイント】


ヘッダー上部:よくあるご質問、お問い合わせ、キーワード検索
ナビ:ホバーでドロップダウンメニュー表示

ドロップダウンメニュー→#535353
ホバーしたもの→#DCDCDC



メインビジュアル
スライドショー(フェードイン・フェードアウト)
写真→祭事、出雲大社を上空から撮ったもの、正面から撮ったもの、

フッター
リンク、ナビゲーション

重要なお知らせ
リンクボタンと定義リスト
→おそらく郵送でのご祈祷・御神札・御守の問い合わせが多かったのかな

祭典・神事
スライドショーで複数画像を流して見せている
→テキストだけじゃなく画像も同時に目に入ってくるため、祭事のイメージがしやすい。

奉納・行事
1年の行事が一覧で分かるレイアウトになっている
テキストをホバーで透過

お知らせ
定義リストで表示
テキストをホバーで透過
右のリンクボタンはホバーで透過


全体の配置、動き
ボタンをホバーすると色反転


【カラー】


ボタン #A51D2D
背景 #FAFAFA

【フォント】


游明朝、Noto Serif JP

【構成】


ヘッダー
メインビジュアル
重要なお知らせ
祭典・神事
奉納・行事
お知らせ


【レスポンシブ】

ナビゲーションメニューがハンバーガーに!
重要なお知らせが縦表示
奉納・行事が縦表示→写真が見やすい
お知らせがリンクと定義リスト部分が縦表示
ボタンが横いっぱいに広がる
発信ボタンが出現📞

【考察・感想】


シンプルかつ情報が整理されたサイトだと感じた。
出雲大社のことを知らない人でもこのサイトを見ればかなり情報を得ることが出来ると思う。境内のご案内も分かりやすかった。別の言語での表示はないのかな?と思った。

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