No.03「ずかんミュージアム銀座」#サイトレビュー

ずかんミュージアム銀座

《概要》

・2021年7月16日、東急プラザ銀座にオープンした「ずかんミュージアム銀座」のWebサイト

・施設は、図鑑のように生き物のありのままの姿を記録しながら、学び、楽しみ、夢中になれるアカデミック・エンターテインメント

《目的》

・銀座に体験型ミュージアムがオープンしたことを知らせるため

・ミュージアムへの集客のため

《ターゲット》

・小さな子供がいるお母さん、お父さん

・生き物が興味がある子ども

・生き物、博物館などが好きな人

・室内で遊べる施設を探している人

《全体の印象》

・海の中みたいな不思議な世界に飛び込んでしまったかのような印象

・テキストを読めばサイトの概要はわかるが、初めてぱっと見なんのサイトだろうかと知りたくなる、興味をそそられる感覚だった

・ボタンのグラデーションが綺麗、ホバーすると色がさらに鮮やかになる

《メインビジュアル》

・少年が何かを発見したイラスト、これから物語が始まりそうなメインビジュアル

・一番上の横いっぱいに重要なお知らせがあり、ファーストビューで最新のニュースが確認できる

・左上には「2021.7.16 GRAND OPEN」がある

・右上には言語切り替えプルダウン、SNSボタン、ハンバーガメニューがある

・言語切り替えプルダウンは、日本語、Englishに加えて「にほんご」があり、小さな子供でも読めるようにひらがな表記になる

・ハンバーガーボタンをクリックするとナビゲーションが開くが、その背景が開くたび異なっていて面白い

・右下にはチケット情報のボタン、ホバーするとズームする。スクロールしても右下に固定で表示

・中央下にミュージアムのロゴ

・メインビジュアルをスクロールし始めると、葉で少年が見えにくくなってくる。実際にジャングルにいるかのような視点でイラストを動かしている？

《コンテンツ》

・背景は海の中にいるようなデザイン、下に行けば行くほど深海へ進んでいくような感覚

・Journey of Life：導入文が記載されている

・EXPERIENCE：タイトルの英語が水に浮いているかのように高さがバラバラ、背景のイラストがスクロールすると連動して動く

・ACCESS：東急プラザの写真と住所のみ、そのほかの情報は別ページに設置して、トップページをすっきりさせている

・INSTAGRAM：ミュージアムに行ってきた方のリアルの感想や写真が見れて、自分も行きたくなる

・フッターの背景はほぼ黒、ロゴと組合の名前が記載されている

《背景色》

・#FFFFFF

・#00060d

・#012656

《テキスト色》

・#FFFFFF

・#00060d

・#000000

・#8fb1d0

・#505e65

《フォント》

・Noto Sans JP

・DIN Condensed

《レスポンシブ》

・言語選択プルダウンとSNSボタンはハンバーガーメニューの中に格納される

・チケット情報ボタンは左下固定に変更

・要素は2カラムに縦積みになる