この場面でユーザーの操作が必要になるのは、ただ演出を派手にするためではありません。物語上、ここでは“見る”だけではなく、没入して体験してもらうことが必要だと考えました。

ユーザーの操作によってシーンが反応し、色が変わり、カメラが揺れる。その体験を通して、前に進むための緊張や衝突を感じてもらいたかったのです。

私たちが考えるインタラクションは、単に視覚的な変化を楽しませるための演出ではありません。ユーザーの行為を物語の展開へと結びつけ、言葉や映像だけでは伝えきれない思想を、体験を通して直感的に理解してもらうための表現手段です。

インタビュイー：Lecamus Jocelyn

―― バトルシーンの意味を、Web上のインタラクションとして成立させるために、どのような演出を設計しましたか？

この場面は、逆境に向き合い、それを乗り越えていくことがテーマになっています。だからこそ、ここではユーザーの操作そのものが、緊張や衝突、前に進む感覚につながる必要がありました。

インタラクション時には、シーンの色が反転し、カメラが揺れるような演出が入ります。そのために専用のシェーダーも実装しました。単に派手なエフェクトを入れるのではなく、その場の意味と結びついた反応にすることを意識しています。

このシーンは、今回のインタラクション設計の考え方をよく表していると思います。操作を増やすこと自体を目的にするのではなく、体験の意味が深まる場所にだけ置く。その判断を大切にしました。

城から銀河へ。
終わりと始まりをつなぐループ

インタビュイー：Shotaro Shibata

―― 終盤で城から銀河へと世界が広がる構成には、ブランドストーリー上どのような意味があったのでしょうか。

終盤で城から銀河へとスケールが広がっていく構成は、ひとつの場所で完結する物語ではないことを表しています。

城は、旅の中でたどり着くひとつの目的です。ただ、それは終着点ではありません。IVRESSが紡ぐ物語は、形を変えて人、企業、社会、未来へと広がっていくものだと考えました。

そのため、最後は城という具体的なモチーフから、惑星や銀河という抽象的で大きな世界へ展開させています。ユーザーがここまで見てきた物語が、実はいろんな場所で繰り広げられている、大きな循環や広がりの一部だったと感じられるようにしたかったんです。

インタビュイー：Lecamus Jocelyn

―― 最後のシーンは物語のスケールが一気に広がっていくような印象があります。見え方でのこだわりを教えてください。

最後のシーンは、プロジェクトの中でも方向性を見つけるのが難しかった部分のひとつです。

当初から、物語の最後には大きな広がりを持たせたいと考えていました。城を起点にカメラが引いていき、より広い風景が見え、さらに惑星、銀河へと展開していく。ユーザーがここまで見てきた物語が、もっと大きな世界の一部であるように感じられる終わり方を目指しました。

城のシーンから最終的な銀河へつなぐために、魔法のポータルを通り抜けるような、スパイラル状のトンネルシェーダーを制作しました。この部分はかなりイテレーションを重ねています。前のシーンから自然につながること、終盤にふさわしいスペクタクルがあること、そしてブラウザ上で軽く動くこと。そのすべてを満たす必要がありました。

―― 広がりのある終盤表現を、ブラウザ上で成立させるために、どのような調整が必要でしたか？

最終的な銀河では、小さな惑星がいくつも浮かび、それぞれにこれまでのシーンを想起させるイメージが表示されます。これらは、小さな画像とインスタンシングを組み合わせることで、豊かに見せながらも負荷を抑えるようにしました。

一度は、惑星に動画を投影する案も検討しました。より生きた記憶のように見せられる可能性があったからです。ただし、パフォーマンスや読み込み負荷を考えると、今回のサイトでは現実的ではありませんでした。最終的には、最適化した画像によって、空気感と軽さのバランスを取っています。

―― 最後に、冒頭へ戻っていくようなループ表現も印象的でした。この終わり方は、どのように生まれたのですか？

最後に最初のシーンへ戻るループ表現は、制作の終盤でいくつかの遷移を試す中から見つかっていきました。画面が目のような形で閉じていく表現が、技術的にも成立し、IVRESSのロゴとも呼応することに気づきました。結果として、単に冒頭へ戻るための処理ではなく、ブランドの記号性ともつながる終わり方になりました。

物語はそこで止まるのではなく、一度大きく広がり、また始まりへ戻っていく。終わりと始まりがつながることで、「紡ぐ物語」というコンセプトにも自然に重なる体験になったと思います。

インタビュイー：Shotaro Shibata

―― 終わりと始まりがつながるループ構成は、「紡ぐ物語」というコンセプトとどのように接続しているのですか？

それぞれの役割でもお話ししましたが、この物語では、名もなき者と旅人はつながっています。

名もなき者は、まだ自分の物語が始まる前の存在です。一方で旅人は、その先にいる存在です。何者でもなかった存在が、誰かと出会い、逆境を越え、自分の意志を持ち、やがて誰かを導く側になっていく。

つまり、名もなき者の未来が旅人であり、旅人の過去もまた名もなき者だったということです。

「紡ぐ物語」というコンセプトは、一度完結して終わるものではありません。ブランドサイトとしても、IVRESSの可能性がこれからも続いていく印象を残すことが重要でした。暗闇から始まり、光を見つけ、葛藤を越え、世界が広がり、また新しい始まりへ戻っていく。その連続性こそが、“紡ぐ”という言葉の本質だと思っています。

また、ループすることで、ユーザーは一度見終わったあとに、もう一度最初の暗闇を見ることになります。そのとき、最初に見た暗闇とは少し違って感じられるはずです。物語を通過したあとに、同じ景色の意味が変わる。その体験も、今回大切にしたかった部分です。

実験的な表現を、
Webで成立させるということ

インタビュイー：Lecamus Jocelyn

―― このプロジェクトを振り返ったとき、Utsuboさんにとって特に大きな挑戦だったことを教えてください。

Utsuboにとって、IVRESSのプロジェクトは単なる3Dサイト制作ではありませんでした。物語、カメラ、モーション、音、シェーダー、パフォーマンス、クライアントとのコミュニケーション、モバイル対応。そのすべてを同時に考える必要があるプロジェクトでした。

このようなサイトは、静止した画面だけでは設計できません。カメラがどう動くか、どのタイミングで音が変わるか、近づいたときにどの程度ディテールが見えるか、シーンがどのように接続されるか、そしてブラウザがどこまで描画できるか。体験は、それらの時間的な積み重ねの中で立ち上がってきます。

―― Utsuboさんの強みがとても生きている演出だと感じます。

今回あらためて感じたのは、Utsuboの強みは単に実験的なビジュアルを作ることではなく、それを実際のWeb環境で成立させるところにあるということです。

Three.js、WebGPU、WebGL環境への対応、ベイク済みアニメーションデータ、軽量な粒子表現、シェーダーによるディテール補強、モバイル最適化。これらは技術的な裏方作業であると同時に、表現そのものを支えるクリエイティブな判断でもありました。

―― 完成後、このプロジェクトにはどのような反響がありましたか？

本サイトは、2026年5月にFWA of the Monthを受賞しました。FWAは、優れたデジタル体験を世界的に評価する国際的なアワードプラットフォームです。この評価は、私たちが目指していたクラフトの水準に、プロジェクトが到達できたことを示すひとつの結果になりました。

ただ、それ以上に、のプロジェクトは、ブラウザ上で物語体験をどこまで拡張できるのかを考えるうえで、Utsuboにとって大きな節目になりました。アートディレクション、音、実装が分かれて存在するのではなく、ひとつの体験として同時に設計される。その可能性を、改めて実感したプロジェクトでした。

インタビュイー：Shotaro Shibata

―― Laugh Mindさんにとって、このプロジェクトにはどのような手応えがありましたか。

Laugh Mindにとって、このプロジェクトは、ブランドの思想をどこまでWeb体験として立ち上げられるかに挑戦した仕事でした。

単にビジュアルの強いサイトを作るのではなく、IVRESSの哲学や美意識をどう解釈し、どのような物語に翻訳し、どのような体験として届けるか。その上流の設計から関われたことに、大きな手応えを感じています。

今回のプロジェクトでは、コンセプト、ストーリー、アートディレクション、グラフィック、Webディレクション、3D表現、サウンド、インタラクションがすべて分断されず、ひとつの体験として組み上がっていく必要がありました。

そのためには、クライアントであるIVRESSの思想を深く理解することも、Utsuboさんのような専門性の高いチームと共通言語を持ちながら進めることも重要でした。

Laugh Mindとしては、ブランドの本質を捉え、それを表現の構造へ落とし込む役割を担えたと思っています。Webサイトという形ではありますが、実際にはひとつのブランド体験、あるいは短い物語を共同でつくっていく感覚に近かったです。

完成したサイトを見たとき、スクロールでIVRESSが持つ世界観をしっかりと体感できるものになっていると感じました。そこに、このプロジェクトならではの大きな価値があったと思います。

―― 今回のプロジェクトを通して、ブランドサイトというメディアについて、あらためて感じたことはありますか。

今回のプロジェクトを通して、「ブランドサイト」というコンテンツはまだまだ拡張できると感じました。

従来までは、企業理念、事業紹介、実績、メンバー、問い合わせといった情報を整理して見せるものが中心でした。もちろん、それも大切です。ただ、企業の思想や美意識を本当に伝えようとしたとき、情報設計だけでは届かない領域があると思っています。

今回のように、物語、グラフィック、リアルタイム3D、サウンド、インタラクションを統合することで、ブランドサイトは“読むもの”から“体験するもの”に変わります。

ユーザーが自分の手で進み、自分の感覚で受け取り、記憶に残る。その体験には、通常の企業紹介とは違う強みがあります。

特に、IVRESSのように思想や美意識を大切にしている企業にとって、Webサイトは単なる情報の置き場ではなく、ブランドの世界に入ってもらう入口になり得ます。

Laugh Mindとしても、今後はこうした“体験としてのブランドサイト”をより追求していきたいです。美しいだけではなく、意図がある。新しいだけではなく、ブランドの本質を汲み取っている。そうした表現を、クライアントやパートナーと一緒に作っていける可能性を、今回のプロジェクトから強く感じました。

そして最後に、このプロジェクトを機に、Laugh MindはIVRESSのグループ会社となりました。

外山社長とのコミュニケーションを重ねる中で、幼少期のお話から、これまでの歩み、会社や人への向き合い方を伺いました。その寛大さと熱量に触れ、自分と重なる背景も多く、自分が目指していた将来像にもっとも近い存在だと感じ、この人の近くで学び、貢献したいと素直に思いました。

そういう意味でも、このプロジェクトは、ただの制作案件ではありませんでした。
まさに、紡がれましたね。笑