■ 概要 Overview
Tempalayのアーカイブや活動を掲載する公式Webサイト
■ ファーストビュー Above the fold
中央にTempalayのロゴを配置したローディング
トップページ
ハンバーガーメニュー
ロゴ
スピーカーボダン
さまざまなアニメーションのコラージュ
■ ターゲット Target
Tempalayに興味がある
Tempalayのファン
■ フォント Font
メイリオ
■ カラー Color
<B>#ffffff
<M>#040404
<A>#C4536A
■ デザインの特徴 Design features
それぞれのシェープの中をマウスオーバーやクリックの違うイベントリスナーが使われている。
全体的にモノトーンでくすんだ配色のコラージュがマウスオーバーでアニメーションの速度やカラーが変わり、音の波のように文字が揺れ、レコードが回るように円の中で文字が回り、音の波紋のようなエフェクトの色が変わり、機材のボタンやランプに見立てたアニメーションや、弦に見立てた６本の直線から音が出るなど、情報はあまりわからないが、そのコラージュ状のバナーを押すと初めて情報への扉を開くワクワク感がある。
情報のメインが音楽活動に関することで、バンドメンバーについてやファンサイトのリンクなどはなく、純粋に音楽の活動を記録し、知ってほしいという目的が感じられ、その目的をひとつエモーショナルに表現し、作品の紹介に至るまで世界観を崩さないように、テキストではなくJavaScriptをふんだんに利用したサイトになっている。
https://tempalay.jp/