見出し画像

1日1サイトレビュー#138 BE.AT TOKYO

■BE.AT TOKYO https://be-at-tokyo.com/#cover
BE.AT TOKYOのサイト。ビームスによる新プロジェクトなんだとか!

・建物のような立方体やオブジェクトがいくつか重なり合ったファーストビューが印象的。街並みにも見えるし模様にも見える。パーツひとつひとつに動きの違うアニメーションがついていたり、マウスの動きに合わせて画面がモノクロになるので視覚的に楽しめる。

・ファーストビューからスクロールしていくと中央の立方体が浮かび上がり全面に出てきて、中ページの黒い背景を作るアニメーションとなっている。中ページでもスクロールに合わせて動くオブジェクトを残していて急に平面的なページにならないようになっている。

・1カラムの構成でページ内リンクのみだけどスクロールだけでもサイトの挙動が重く感じた。

・中ページの背景にペイントの後みたいな模様とかゼブラ柄が入ってたりするのが個人的にビームスっぽいと思った。そういう雰囲気も残しつつ、初見はビームスによるプロジェクトとはわからなかったので本体と切り離してあるところも良いと思った。

フォント:Arial、 BeAtSans

カラー:背景黒#191919、文字白#FFFFFF、オブジェクト青#00327C、赤#B90000、黄#FFC800、緑#417300、グレー#666666、オレンジ#FF8200

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