見出し画像

【1日1サイトレビュー】#142 Hello! TSUMURA バーチャル漢方記念館

■Hello! TSUMURA バーチャル漢方記念館 https://www.tsumura.co.jp/hellotsumura/

ツムラによるサイト全体が資料館のようになった特設サイト。

・トップページのエンターからメインへ進んでいく。ファーストビューの記念館のビルにはローディングで階層ごとに分解されていくアニメーションが付いている。フロアごとのイラストも部分的に人が動いていたりホバーアクションがついていたりユーザーが記念館の雰囲気を楽しめるようになっている。

・ナビゲーションはハンバーガーメニューでページ右側に固定されていてナビゲーション含んで3カラムの構成。左側にはタイトルロゴ、フロアへのリンクナビゲーションが付いている。

・イラストなどの画像が多いので色数が多く見えるがメインカラーとベースカラーの使用箇所がハッキリと決められてまとまりがある印象。イラストの色のトーンも統一されている。

ミニマルなイラストとHello!~のロゴが漢方の古めかしい?雰囲気を変えていると思う。企業PRをするならこういうイメージと違う雰囲気の違うサイト一つ作るのも良いのかもしれない。

フォント:游ゴシック、Oswald
カラー:ベースカラーベージュ#F5EDE6、メインカラー茶#803C2D、緑#C5DD66、グレー#EBE9E7、水色#B1E8E3

いただいたサポートは自己学習のために活用させていただきます!