見出し画像

HARUサイト分析

hello, it's HARU. Today, I'm going to note about analysis of web design. Let's get stared!! I'm just going to note in English for only a start. Don't care about the different. 

今回は乃木坂さんと映像のコラボ展示展のサイトを分析していきます。


画像1

和風な雰囲気

コンセプトが日本の文化と乃木坂のメンバーを映像で紹介していくという展示展なのでメンバーの写真が表示され、複数表示されている型模型は映像を飾っている型模型となっている。

日本のアイドルが春夏秋冬(日本ならでは)の映像とダンスでメンバーが表現しているため、日本的の和風な雰囲気を表現している。実際に観に行ったが、展覧会の雰囲気、メンバーが踊っていたダンスが和風テイストの表現ダンスだった。フォントも和風的な明朝体を使用している。

スクロールすると文字が上にfadeOutし、画面が下にスクロールされる(NEWSセクションまでこのエフェクトで入れ替わる)。

画像2

イントロ紹介で写真の左右の文字、説明文が下からfadeInし、写真の上下左右が少し収縮する。

スクロールすると文字が上にfadeOutし、画面が下にスクロールされる(同上)。

スクリーンショット 2021-10-07 午後7.38.34


スクリーンショット 2021-10-07 午後7.42.32

スクリーンショット 2021-10-07 午後7.42.46

昼と夜で違う雰囲気があることを表現するため、背景画面を黒にし変化を表している。


スクリーンショット 2021-10-07 午後8.25.09

各メンバーのダンス紹介。


気になったサイト

海外のデザイン会社のコーポレーションサイト。シンプルかつ必要のものしか載せてないがインパクト大


メキシコのデジタルデザイナーさんのポートフォリオサイト。


ブランドサービス会社。このサイトについての分析記事も書いてるので投稿します。

この記事が気に入ったらサポートをしてみませんか?