Ballet Pass 公式サイト

リニューアルの目的

情報メディア「Ballet Pass」公式サイトを Next.js + TypeScript で全面リニューアル。
コンクール・ワークショップ・オーディション・公演・スタジオ情報を全国規模で発信する総合バレエプラットフォームです。

旧 WordPress 構成から Next.js / Supabase / microCMS の構成へ刷新し、トップページの初回表示を約 7 秒 → 約 1 秒台に短縮。
AI 検索（LLMO）対策の構造化データもサイト全体に組み込みました。

機能・情報設計

検索性・UI 設計を再構築し、地域・市区町村・路線駅・ジャンル・対象年齢など多軸での絞り込みが可能に。
スタジオ／主催団体／イベントを階層的に管理し、関連コンテンツが自動連動する設計としています。

実装機能

掲載申請フォームから Stripe 決済までの一気通貫フロー、HubSpot 連携によるリード管理、bp-admin（管理画面）との API 連携など、運営効率を高める仕組みもすべて自社で実装しました。