音楽サイト / インターフェース · 3D · サウンド
Hoenix
九つのリリース、音楽プレーヤー、四つの3Dシーンを一つのサイトにまとめました。アルバムを選び、曲を再生すると、グラフィックが音楽に反応する様子を確認できます。
01 / タスク
一つのサイトに九つのリリース。
Hoenixには、一つの物語でつながる九つのリリースがあります。その関係を伝え、聴き手が目的のアルバムを簡単に見つけられるようにしました。
メイン画面からすぐ音楽へ進めるようにしました。各リリースに説明、プレーヤー、3Dシーンをまとめ、モバイルでの操作も個別に設計しています。
- 09
- サイト上のリリース
- 04
- 四大元素を描く3Dシーン
- 11
- 言語バージョン
- 04
- グラフィック品質モード
- 09
- フルオーディオトラック
02 / コンセプト
リリースごとに、異なる世界観。
九枚のアルバムが共通の中心を囲みます。リリースを選ぶと、その音楽と四つの要素のいずれか（水、火、空気、土）が開きます。
03 / ナビゲーション
最初の出会いから、音楽へ。
- 01
ホーム
プロジェクトのビジュアル言語を初めて知り、音楽に直接移行しました。
- 02
ストーリー
Hoenixの構想と、各リリースをつなぐ背景。
- 03
すべてのリリース
九枚のアルバムが、つながりのある音楽世界を形づくります。
- 04
アルバムページ
カバー、リリースの物語、音楽、3Dシーンを一つの構成に。
04 / 3Dと音
音楽のリズムに合わせてグラフィックが動きます。
低域・中域・高域が別々のグラフィック層を動かします。低域は立体感、中域は表面の動き、高域は光と微粒子に反映されます。
- サイトに収録した九つのフル音源;
- リスナーが選択した再生。
- 四つのシーン：水、火、空気、土;
- 空間グラフィック上の読みやすいインターフェイス。
プロジェクトの断片
Collapse signal
Hoenixの楽曲の一つ。再生ボタンを押してお聴きください。
05 / モバイル版
スマホで聞いたり見たりできるので便利です。
狭い画面向けにナビゲーション、カバー、説明、プレーヤーを再構築しました。文字は拡大しなくても読むことができ、ボタンは指で押せるように設計されています。
四つの品質モードで、端末に合わせてグラフィックを調整します。性能が限られる場合、通信量を抑える場合、またはアニメーションを無効にした場合は、軽量版を使用します。
06 / 実装
九つのリリース。四つの要素。
完成したサイトには、九つのリリースページと九つのフルトラック、四つの3Dシーン、十一の言語版があります。表示設定では素材を変更し、四段階の品質モードから選べます。