Fiction / Event Site

NEON HAVEN FES

音・光・操作感まで、熱狂を体験化する

架空の野外音楽フェスをテーマに、ネオン演出・アーティスト導線・花火演出・購入UIまでを一体で設計。 “見るLP”ではなく、“熱狂に巻き込まれる体験”として成立することを狙いました。

  • Neon Direction
  • Motion UX
  • Ticket UI
Top / Hero Experience
担当
企画 / 体験設計 / デザイン / 実装
目的
フェスの熱量を、視覚・動き・操作感で伝える
制作
HTML / CSS / JavaScript（演出・モーダル・購入UI）
演出
ネオンで温度を上げる
光・グラデーション・点滅で、夜フェスの高揚感を演出。
導線
触るほど没入が深まる
アーティスト詳細や購入導線を、迷わず進める構成に整理。
UI
購入画面まで世界観を維持
チケット操作も雰囲気を崩さず、直感的に追加できる設計。
実際のサイトを見る 実績一覧へ戻る

Overview

NEON HAVEN FES は、夜の野外フェスの熱狂を“雰囲気だけ”で終わらせず、 サイト全体の導線と操作感まで含めて体験に変換した制作事例です。

ヒーローの引き込み、アーティストモーダルの高揚感、スクロール中の演出、 そして購入画面まで一貫して「熱が下がらない」構成を目指しました。

Approach

  • ファーストビューで“夜のフェス感”を即伝達
  • アーティスト情報は、読む前に惹き込む演出設計を重視
  • スクロールするだけで温度が上がる動きと光の積み上げ
  • 購入UIは、迷わせず追加できる個別操作型へ整理

Screens

トップ｜最初の一瞬で熱量を伝えるヒーロー演出
アーティスト演出｜詳細を見る前から気分が上がる設計
アニメーション｜光・動き・余韻で臨場感を強化
購入UI｜券種ごとに迷わず追加できる個別操作型

Result

世界観訴求だけでなく、モーダル導線・動き・購入画面まで一貫して設計することで、 “かっこいいだけで終わらないフェスサイト”として成立させました。

動画で見せることで、静止画では伝わりにくいネオンの脈動や、 UIに触れたときの気持ちよさまで伝えられるCaseになっています。

Role & Deliverables

  • 企画：夜フェスの熱量を伝える体験設計
  • UI設計：アーティスト導線 / モーダル / チケット購入導線
  • 演出設計：ネオン・発光・アニメーション演出
  • 実装：HTML / CSS / JavaScript

Technology

  • HTML / CSS / JavaScript ・ Modal UI ・ Motion Direction ・ Ticket Interaction

参考制作費

約 ¥260,000〜¥380,000

ヒーロー演出 / アーティスト詳細モーダル / 花火や光のアニメーション / チケット購入UI を含む想定です。

※ 演出の密度・ページ数・JS実装量により変動します。

“体験まで伝わるサイト”を作りたい方へ。

雰囲気を見せるだけでなく、触れたときの高揚感や導線の気持ちよさまで含めて設計します。 世界観訴求系、イベント系、ブランド系のLPやサイト制作もご相談ください。

相談してみる

世界観だけで終わらない、“体験まで設計されたサイト”を作りたい方へ。

実際のサイトを見る お問い合わせはこちら