皆様こんにちは！ベイちゃんです。
2026年7月10日に、ConoHa公式VTuber・美雲このはの生誕祭「このはぴば！2026」が開催されましたが皆様、ご覧になりましたでしょうか？
今回私は、特設LPをはじめ、配信までのカウントダウン画像や告知画像、ブロマイド、ポストカードなど、さまざまな制作物を担当させていただきました！
その中でも、メインとなる特設LPのデザインについて、こだわったポイントを詳しくご紹介していきたいと思います！
目次
「このはぴば！2026」の様子
「このはぴば！」とは、ConoHa公式VTuber・美雲このはの誕生日を記念して毎年開催しているイベントです。今年で13周年を迎えました！
今回の「このはぴば！」はオンラインのみでの開催で、楽曲ライブを中心に、さまざまな企画が配信されました。
今年は一部カオスで面白かったですね！
配信のアーカイブはこちら👇
新曲の印象をKV（キービジュアル）に落とし込む
特設LPのデザインでは、まずKVのコンセプトから考えました。KVはサイトの第一印象を決めるだけでなく、サイト全体の雰囲気を左右する重要な要素です。
そこで最初に、企画段階で共有されていたテーマを改めて確認しました。
- メインテーマ：応援団長
- サブテーマ：君の進む一歩先へ
また、学生服の「熱血」な応援団長ではなく、「強い意志」を持ってみんなを導くジャンヌ・ダルクのようなイメージ、とも伺っていました。
このテーマをどう表現するか悩んでいたところ、「このはぴば！2026」で新曲「ポラリスの旗」が公開されると聞き、デモ音源と歌詞を共有していただきました。
曲を聴いてみると、曲調や歌詞から伝わる世界観が、企画テーマともぴったり重なっていたため、新曲から受けた印象を軸にKVのコンセプトを組み立てていくことにしました。
「ポラリスの旗」はこちら👇
KVのこだわりポイント
POINT1：暗闇の先に青空を見せる
「ポラリスの旗」は、静かな曲調から始まり、サビに入ると力強さが増していく構成で、歌詞も、つらさや苦しさを抱えながら、それでも前へ進んでいくような内容だと感じました。
そこで、最初から明るい青空を見せるのではなく、暗闇の先に青空が広がっているような世界観にしました。
また、暗闇にすることで、中央に広がる青空も、より明るく見えるように意識しています。
昔習った「明順応」と「暗順応」を思い出しました
POINT2：背景のペンライト
歌詞には、前を進んでいたこのはちゃんが、あとになって後ろにいる誰かの存在に気づき、その存在を支えにして再び一歩を踏み出す様子が描かれています。
この「後ろから支えてくれる存在」を、今回はこのはちゃんを応援してくれる皆様に重ねました。
また、今回の「このはぴば！2026」は楽曲を中心としたライブだったので、応援してくれる皆様の光を、ペンライトで表現しています。
POINT3：このはちゃん自身が光になる構図
サブテーマの「君の進む一歩先へ」と、ついてきてと呼びかける歌詞から、このはちゃん自身が光となって、みんなの進む道を照らしているような構図にしました。
白い光はこのはちゃんがステージに立っているようにも見えて、個人的にお気に入りのポイントです。
特設LPはこちら👇
その他こだわりポイント
KV以外にも、LPデザインでこだわったところがたくさんあるので、一気にご紹介していきます！
新グッズセクションを月面着陸風に
新グッズを紹介する「Special」のセクションは、他のセクションと少し雰囲気を変えています。
背景に大きな月を使用し、新グッズを別枠でしっかり目立たせることができるようにデザインしました。星から月、そして旗という連想で、月面着陸をイメージした構図に落とし込んでいます。
アポロ11号！
サイト内でBGMが流れる仕様
サイト内では、左上のCD風のボタンからBGMを流せるようになっています。
ボタンをクリックするとCDがくるくる回転する少し懐かしい仕様になっています！
ちなみにこのCD風のボタンは、今回ライブグッズとして登場した「ミニCDキーホルダー」とリンクさせています！是非グッズもチェックしてみてください！
グッズはこちら👇
暗闇から青空が広がる動き
ページの一番下には、新曲ベースのコンセプトメッセージが表示されるセクションを設けました。
スクロールごとに一行ずつ表示される仕様で、「きっとこの先に」という言葉が表示されるタイミングで、暗闇から青空へパッと広がるように切り替わる演出を入れています！
まとめ
「このはぴば！」の特設LPはデザインの自由度が高い分、考えることも多くて大変でしたが、とても楽しく制作できました！
自分が作ったデザインパーツやイメージを、他のデザイナーさんがライブグッズへ展開してくれたことも新鮮で、完成したグッズを見たときはとても嬉しかったです。
そして今回、素敵な動きで実装してくれたコーダーさんには、本当に頭が上がりません…！デザインだけでは表現しきれなかった部分まで、実際に動くサイトとして形にしていただきました！
まだご覧になっていない方は、是非全部チェックしてみてください！
ここまで読んでいただき、ありがとうございました！
