
プロジェクト自体は頓挫したけど事例の1つとして公開されている WanderJaunt のウェブサイト
実在はしないけれど
今回ご紹介するのは、WanderJaunt というプロジェクトのウェブサイトなのですが……
実はこのプロジェクト(企業)は、このウェブサイトがローンチされる前に解体されてしまっていて、せっかく作ったウェブサイトなのでということで、制作した会社が代わりに事例の1つとして公開しているみたいですね。
これなかなかおもしろいですよね。途中でプロジェクトが頓挫してしまうというのは日本とかでもまあ普通にありそうな話ではありますが、こうやってせっかく作ったのだからと公開させてもらえるというのはなんとも健全な感じがします。
リンク:
WanderJaunt Website Design | Designed by ThoughtLab
インタラクティブ性の高い 3D シーン
今回のサイトの表現は、インタラクティブな 3D シーンと画像などを駆使した平面的なシーンとに大別できます。
ここでは 3D 表現にフォーカスしますが、ふわふわと揺れるように動くサークルのオブジェクトがあり、そのサークル越しに見ている場所だけがカラフルに彩られます。
こういうなにかをマスクするような表現自体はそれほど珍しくないかもしれませんが、自然と視線が誘導されるおもしろい見せ方ですよね。

白いラインで構成されたシルエットと、ちょっとズレた場所にマスク領域があるような感じで描かれており不思議と奥行き感があるんですよね。
これたぶん、ラインとマスク領域が完全に重なるように描かれていたらまた印象が変わってくると思いますし、細かい部分なのですがすごく上手に印象を作っていると思いました。
テキストが現れる際も、なにかしらのモーションを伴って画面上に出てくるようになっていて非常に動きの多いウェブサイトとなっています。

色がカラフルに表示される部分と、モノクロのように白っぽく描かれる部分とがありますが、人物の 3D モデルだけは常にカラーで描かれます。
こういうところも色によって作られるレイヤー構造というか、多層的な状態をビジュアルでうまく表現している感じがあって、デザインとしてすごくよくできているなと感じました。
操作性もよくて、スイスイと楽しく閲覧していくことができます。

今回のサイトはお蔵入りになりそうになっていたところを制作会社が主導して公開しているものだと思うのですが、こういうことって日本でも普通にありそうですよね……
幸いわたしはそういう経験はないですが、作っている途中で大きな方向転換があって、丹精込めた 3D シーンが没になってしまうみたいなことはやっぱり比較的よくあることなんじゃないかなとは感じます。
3D モデルなどのデータも含め、しっかりと手間暇を掛けて作ったウェブサイトであれば、少しでも人の目に触れるところに置いておきたいという気持ちは痛いほどわかる気がします。
実際、今回の事例はすごく完成度の高い、優れた 3D コンテンツに仕上がっていると思います。
ぜひチェックしてみてください。