自分たちの２０年に及ぶ足跡をインタラクティブな 3D 表現に落とし込んだ Motto のウェブサイト

doxas : 2026-01-22 12:10:40

老舗ブランディングエージェンシー

今回ご紹介するのは Motto というブランディングエージェンシーが公開しているウェブサイトです。

こちらのサイトはいわゆるコーポレートサイトという趣旨のものではなく、２０周年を契機に制作されたスペシャルサイトのようなものみたいですね。

サイト内では、彼らが手掛けてきた多くの事例と、そこに込められた思いやアイデアなどをたっぷりと見ることができるようになっています。

そう、今回のサイトには WebGL 実装として特に目新しい感じや斬新で新鮮なイメージなどは浮かびません。

これはあくまでも個人的な感想に過ぎない話なので過敏に反応しすぎないでいただきたいとは思いつつ、正直に書いてしまえばすごく王道的なんですよね。表現として一風変わった特殊なものをやろうという感じよりは、スマートかつだれにとってもイメージしやすい温度感でデザインされている気がします。

誤解を恐れずに言えば、SONY 製品が持っている世界観に近いような…… そんな感じにわたしの目には見えました。

サイトを開いた直後は、背景に動画が流れ続ける、サイトの入口となるページが出てきます。

Enter experience と書かれたリンクの部分をクリックすると場面が変化して、この上の画像にあるような円筒状に画像が並べられたシーンが出てきます。

このシーンでスクロール操作を行うと、円筒状に並べられた事例が回転しながら上下に移動します。

スクロールに連動した動きでは、サムネイル画像が弓なりに歪んだりもするのですが、やっぱりすごく派手に演出しているという感じではないんですよね。

すごく落ち着いた雰囲気というか、なにかミュージアムで展示作品を見ているような、静かな空気感となるように意図的に調整されている感じがします。

ちなみにサムネイル部分をクリックすれば、各事例について細かく知ることもできますので、興味がある事例については個別に見てみるのもよいでしょう。

わたしはブランディングやマーケティングといった方面の知識が完全にゼロという感じではあるのですが、それでも一般庶民の感覚として「このブランドの雰囲気ってこんな感じだよな」みたいに感じることはあります。

今回のサイトからは、いい意味ですごく落ち着いた洗練された雰囲気を感じるのですが、これってたぶん、老舗のブランディングエージェンシーである彼らにとって「意図的な見せ方」なんだと思うんですよね。個人的には途中でも書いたように SONY 製品が持っている質感に、すごく似ているように感じました。

WebGL の実装としては、特に変わったことはしていません。それだけに、王道的な表現を丁寧に作り込んだ、という印象を受ける事例です。