AID-DCC

水曜日のカンパネラ オフィシャルサイト/オフィシャルロゴ

水曜日のカンパネラ オフィシャルサイト/オフィシャルロゴ

株式会社つばさプラス / 株式会社ワーナーミュージック・ジャパン

「水曜日のカンパネラ」のメジャーデビューに合わせてオフィシャルサイト、キービジュアル、オフィシャルロゴの企画制作を行いました。PCサイトでは、水カンの持つ独特な世界観・個性を”水のゆらぎ”を模したインタラクションで表現。 また、ファミリー層のファンも楽しめるようスマホではコムアイ氏の顔を使った福笑いゲームを実装、その他にも何度も訪れたくなるギミックを散りばめています。

Visit Site

水曜日のカンパネラ オフィシャルサイト/オフィシャルロゴ

PC背景の揺らぎはWebGLで実装。

最背景の水の揺らぎはプログラマブルに生成、前面の画像の揺らぎはHTMLの画像を動的に読み取ってWebGL内に水のように変化する画像として再出力しているので、それぞれ微妙に違うニュアンスの揺らぎインタラクション効果となっています。

水曜日のカンパネラ オフィシャルサイト/オフィシャルロゴ

水曜日のカンパネラ オフィシャルサイト/オフィシャルロゴ

水曜日のカンパネラ オフィシャルサイト/オフィシャルロゴ

水曜日のカンパネラ オフィシャルサイト/オフィシャルロゴ

水曜日のカンパネラ オフィシャルサイト/オフィシャルロゴ

水曜日のカンパネラ オフィシャルサイト/オフィシャルロゴ

水曜日のカンパネラ オフィシャルサイト/オフィシャルロゴ

水曜日のカンパネラ オフィシャルサイト/オフィシャルロゴ

水曜日のカンパネラ オフィシャルサイト/オフィシャルロゴ

Category

  • Digital Design
  • Experience
  • Own Products
  • Strategy
  • Branding

Tag

  • #HTML5
  • #WebGL
  • #Entertainment
  • #Music
  • #Logo
  • #Web

Credit

  • Creative Director / Producer
    山中雄介
    Art Director / Designer
    田渕将吾
    Visual / Logo
    シミズタカハル(DRAWING AND MANUAL)
    Developer
    長谷川 巧(フリーランス)