![見出し画像](https://assets.st-note.com/production/uploads/images/49006457/rectangle_large_type_2_32b715e5b62f5aa6e0580b1fe9146496.png?width=1200)
31. 名古屋港水族館 #1日1サイトレビュー
【概要】
愛知県港区にある水族館
【ページの種類】
サービスサイト
【目的】
*名古屋港水族館の来客数を増やす
・名古屋港水族館の認知拡大
・レジャー施設の一つの候補に
・SNSでクチコミを広める
【ターゲット予想】
32歳男性 会社員
妻29歳 子5歳(男の子)
週末に家族でどこかお出かけしようかなと計画中
生き物が好きな子だから水族館か動物園にしようか迷い中
自家用車はないのでレンタルするか電車で行く
【印象】
・画面いっぱいに海の生き物のスライドで水族館のリアルさを演出
・電子チケット、営業時間がすぐに目に入りお客様が購入したいと思う情報が載っている
【カラー】
横へのグラデーションが多い
#025DA1〜#0092A1 ボタン
#1C4E6A 文字色
#EFD91D 重要なお知らせ
#E5FBF3〜#E9F4FE お知らせ
#ECF9FC 名古屋港水族館について
【フォント】
Noto Sans JP
Oswald 数字 縦長のサンセリフ体
【メインビジュアル】
・水族館にいる生き物の画像がたくさんスライドで流れて行きたい気持ちが膨らむ
・右中央下に電子チケットと営業時間の案内があり、購入する人にとっても今日行く人にとっても親切
・左下にロゴ、SNS
・右下に文字の縮小、拡大、翻訳、検索
【順序】
1.メニューバー
2.重要なお知らせ
3.営業時間
4.お知らせ
5.楽しみ方
6.名古屋港水族館について
7.SNS
8.Googleマップ
【コンテンツ】
・安全に楽しんでいただくために重要な情報が一番最初
・確実の営業時間が載っていて何時まで楽しめるか分かりやすい
・楽しみ方が4パターンあり、誰でもこのように楽しめる提案がしてある
・Instagramが横幅いっぱいに載っているが全部表示されていない(PCのバグ?)→InstagramとFacebookの掲載
・Googleマップが載っていてここなんだなと想像しやすい
【フッター】
・各見出し、所在地、SNS、連絡先が載っている
・文字サイズ、背景色が選べるのは見る人にとって親切
・右下にトップボタン
【レスポンシブ】
・右上に翻訳、ハンバーガーメニュー
・下にスクロールし始めるとスマホチケットの提示
・コンテンツが横並びの2列表示
【参考】
・文字の拡大縮小があり親切
・Googleマップはあった方が所在地が分かりやすい
・コンテンツを横スクロールより横並びにしておいたほうが全ての情報に目がいきやすいかも
この記事が気に入ったらサポートをしてみませんか?