迫力満点のキービジュアルが圧倒的存在感を放つ Lumos のウェブサイトがおもしろい

doxas : 2025-02-12 12:25:20

個性が大爆発

今回ご紹介するのは Lumos というブランドコンサルティングや各種制作などを手掛けているスタジオのウェブサイトです。

ピンク、そしてリキッド状の動きや形状をコンセプトとしたようなウェブサイトで、そのビジュアルとしての圧の強さはなかなか強烈です。

特にトップページの冒頭に登場する巨大な目玉のようなキャラクターは、もしかすると人によっては若干びっくりしてしまうかもしれないです。

今回のサイトでは、インタラクティブに変化する要素が非常に多いです。

これは人によって意見が分かれる部分かなと思いますが、本当にいろんなものが、しかも結構目を引くタイプのアニメーションで動きます。

さり気ないとは逆のベクトルに尖っていて、これはこれでかなりしっかりとアイデンティティが可視化されている事例だなと感じます。

ページ冒頭のビジュアルからして、もう圧がすごいですよね。

大きな目玉のクリーチャーのようなこのキャラクターの視線はカーソルを追いかけるように動きます。また、それに合わせて位置も微妙に変化するようになっていて、垂れ下がったインク状の滴部分がゆらゆらと揺れる様子もリアルです。

スクロールしてページを進めていく間も、目に飛び込んでくるものの多くがなにかしらのアニメーションを伴って出てきたり、あるいはインタラクティブに干渉することができたりと、本当に賑やかです。

またいくつかのセクションでは、カーソルの位置に応じて波紋のようなエフェクトが発生する WebGL 実装も見られます。

サイト全体に統一して盛り込まれているコンセプトとして、液体的な外観や動きが多く見られ、そこもかなり徹底している感じがします。

個人的にはこういう動きの多いウェブサイトは大好きなのですが、人によってはちょっとうるさく感じてしまうこともあるかもしれません。それくらい、インタラクティブな要素が多くあり、作るの結構たいへんだったのではないかな～という想像が働きます。

一昔前、まだまだハードウェアが強力ではなかった時代には、こういう動きまくるサイトって正直作りようがなかったというか、作ることはできても実際にそれを導入するのってためらわれる場合が多かったと思うんですよね。

最近のウェブを見ていると、今回のサイトのようにあらゆるものが動的で上から下まで演出モリモリみたいなウェブサイトの比率が増えてきているような感じもします。

AI やツールの進化によって、その傾向ってより顕著になっていきそうな…… なんとなくそんな予感も自分のなかにあるように思います。