RURIKAKESU のつくり方
架空のバンド「RURIKAKESU」の公式サイトを、どんな考えで組み立てたのかを解説します。若手のバンド・シンガーソングライター・演奏家の公式サイトに、そのまま使える考え方です。
サンプルは、ESTUDIO COIPO が制作した架空のサイトです。実在のお店・会社・人物とは関係ありません。写真は AI で作ったイメージです。
Sample 03｜アーティストの公式サイト・バンド
RURIKAKESU
都内のライブハウスを中心に活動する、結成5年目の4人組ギターロックバンド。新曲の配信、ライブの集客、出演や取材の依頼を増やしたい、という想定です。
- ページ構成：トップ／ライブ／作品／プロフィール／グッズ／出演・取材のご依頼
- 想定する人：ファン、ライブハウス・イベントの担当者、メディア
- 制作期間の目安：1か月程度（写真・音源を用意していただける場合）
このサンプルと同じ構成で 8万円〜（税別）
サンプルを見る ↗Pointsこのサイトで大事にした6つのこと
-
配信・SNS・チケット・グッズの入口をひとつに
リンクをまとめるサービスの代わりに、公式サイトを入口にしました。新曲の「いますぐ聴く」と、配信サービスの帯をトップの一番上に置き、どこから来た人もすぐ曲にたどり着けます。
-
ライブの日程から、チケットまで迷わない
日付・会場・時間・料金・チケットのボタンを1行にまとめました。「発売前」「売り切れ」も表示が変わります。ライブの情報は構造化データで検索エンジンに伝え、Google の検索結果にも出やすくします。
-
メール登録で、ファンと直接つながる
SNS の投稿は、表示の仕組みしだいでファンに届かないことがあります。チケットの先行受付をメールで届ける窓口を用意し、確実に知らせたいことを直接届けられるようにしました。
-
出演・取材の依頼に、資料をすぐ渡せる
ライブハウスやイベント、メディアの担当者が必要なのは、写真・プロフィール・ロゴ・音源です。まとめてダウンロードできる資料（プレスキット）と依頼フォームを置き、仕事の話が進みやすくしました。
-
動きのある演出と、速い表示を両立
スクロールに合わせて写真が奥に下がり、ライブやジャケットが順番に現れます。重い部品は使わず、表示の速さはほかのサンプルと同じです。動きを減らす設定の端末では、動かさずに表示します。
-
作品ごとに、曲の情報と配信のリンクを
作品ごとに、説明・曲目・クレジット・配信サービスのボタンをそろえました。曲名やメンバーの名前で調べた人や、AI に聞いた人にも、正しい情報が伝わりやすくなります。
Updateメンバーが、自分で更新できるところ
よく変わる情報は、制作会社に頼まなくても、メンバーが WordPress の管理画面から更新できます。スマホからでも操作でき、保存してから1〜2分でサイトに反映されます。
-
ライブの日程
日付・会場・時間・料金・チケットのリンクを入れるだけで、トップとライブのページに並びます。終わったライブは自動で「これまでのライブ」に移ります。
-
お知らせ
新曲・出演・メディアの情報を、文章と写真で投稿できます。スマホから、ライブの帰りにでも更新できます。
-
作品とグッズ
新しい作品の曲目・配信リンクや、グッズの写真と価格を追加できます。売り切れの表示もすぐに切り替えられます。
※ このサンプルでは管理画面は動きません。実際の制作では、更新のしかたをお伝えしてからお渡しします。
オプション
メールの配信やオンラインショップとの連携も付けられます
メール登録した人へのお知らせの配信や、ネットショップのサービス（BASE など）の商品をサイトに並べる連携も、あとから足せます。内容と料金はご相談ください。
このサンプルの作り
- 表示が速い Astro で作成
- ライブ・お知らせ・作品は WordPress の管理画面から更新
- スクロールに合わせた動き（重いライブラリなし・動きを減らす設定に対応）
- 構造化データ（バンド・ライブ・作品の情報）
- 配信・チケット・メール登録のクリックを GA4 で計測
こんな人に向いています
- バンド・シンガーソングライター
- ギタリストなどの演奏家（レッスン・サポート演奏の窓口にも）
- DJ・ラッパー・ダンサー
- 画家・イラストレーターなど、作品を見せたいアーティスト
※ RURIKAKESU は架空のバンドです。メンバー・作品・ライブハウス・イベント・グッズはすべてサンプルです。