86.名古屋港水族館ライブ supported by ctc #1日1サイトレビュー
【印象】
・可愛い、優しい、柔らかい、楽しそうな印象
【ファーストビュー】
・1番最初に自動スクロールでサイト最下部まで移動する
・画面中央に建物の入口のイラストが配置されている。その前面に青の半透明のレイヤーを敷き、コンセプトについてのテキストを表示
・コンセプトの下にはお知らせ欄を配置。右から左へと文字が流れるようになっている
・お知らせの下にはフッターとしてコピーライトやプライバシーポリシーなどのテキストリンクを表示している
【コンテンツ】
・サイト全体を建物に見立て、入口を最下部に配置し下から上へとのぼっていきながら見ていくようになっている
・「黒潮の水槽」「サンゴ礁大水槽」など水槽についての説明を白と青の背景色のボタンとして置いている。建物のイラストに1部を被せて前面に表示。テキストの横に鍵のアイコンを配置しており、部屋に入っている様子を表していると思われる。説明部分は画像で表示している
・ボタン部分だけでなく該当の階のイラストをクリックしてもライブ映像のページへと飛ぶようになっている
・イラストは色鉛筆のような柔らかい質感で描かれている
・魚たちが料理をしたり、テレビを見たりと人間のように生活している様子が描かれており、可愛らしい印象。カメラでリアルタイムの映像が見られるサイトなので、そのコンセプトに合わせているものを思われる
・建物の後ろは海が描かれ、下に行くほど水の色が暗くなっている。上部は明るい色合いになっており、日が差していることがわかる。波の流れも上下に描かれている
・FVのコンセプト部分の建物の入口のイラストが配置されており、その上部のイラストにも建物の入口が描かれているので重複している点が気になった。コンセプト部分は門のイラストにすると良いと思った
・メインがライブ映像なので文章量は少なめになっている
・サイト全体の色は白や青（彩度や明度を変えて複数色使用）となっており、海を意識した配色になっている
【カラー】
・青、白
・テキストカラーは白#ffffffと青0D2061
【フォント】
・Noto Sans JP
【レスポンシブ】
・文章量が少なく、イラストの横幅も大きくないのでレイアウトはPC版から大きな変更はない印象。イラストを縮小してSP版の横幅におさめている
・水槽名のボタンも縮小されているので少し字が小さい印象を持った
・コンセプト説明部分はレイヤーをコンテンツ幅いっぱいまで広げているので、小さすぎず読みやすい印象