PHASE SHIFT — 動きで魅せる架空イベントLP

Web Design

制作サンプル

電子音楽とビジュアルアートが交差する架空イベント。巨大なタイポグラフィ、回転する軌道、流れる文字で体験の入口をつくる、アニメーション付きイベントLPの制作サンプルです。

この作品は、制作の一部に AI を用いたサンプルです。実在の顧客の受託実績ではありません。

制作コンセプト

静かなカフェや暮らしの商品とは異なる、音楽・映像イベントのエネルギーをテーマにした自主制作サンプルです。黒、アシッドライム、ラベンダー、コーラルの配色に、大きな英字と日本語のメッセージを組み合わせました。

SVGの軌道図形とCSSアニメーション、流れるタイポグラフィ、図形のモーション、プログラムの絞り込みを実装。動きの一時停止、端末の動きを減らす設定、JavaScript無効時の静止表示に対応しています。音声・予約・販売・決済・個人情報収集はありません。

イベント名は仮称で、日時・プログラムは架空の設定です。実在の会場・出演者・スポンサーを示さず、受託実績や開催告知として掲載するものではありません。画像ではなく編集可能なHTML/CSS/SVG/JavaScriptを制作し、文章とコードにAIを使用しました。作品画像は先頭部分のHTML/CSS静的デザインプレビューで、ブラウザの画面キャプチャではありません。ページ全体とアニメーションはサンプルサイトで確認できます。