自分たちのアイデンティティをまっすぐ見つめ直し具現化した Saze株式会社のウェブサイト

doxas : 2025-12-23 12:08:56

演出に対するこだわり

今回ご紹介するのは Saze株式会社のウェブサイトです。

Saze はどうやらサージと発音するようなのですが、IT 関連のコンサルティングや開発業務を主たる事業とする組織みたいです。

今回のサイトはだいぶ WebGL 実装としては演出が多いタイプに分類されると思いますが、それが公開に至るまでにはさまざまな紆余曲折があったようです。

今回のサイトには、鍵や扉、あるいは羽のようないくつかの 3D オブジェクトが登場します。

サイト内にある Story のセクションから閲覧できるサイトリニューアルに関する記事を拝見すると、これらのオブジェクトは組織を抽象化するなかで浮かび上がってきたテーマや思いを象徴するもののようですね。

トップページにはまず鍵のオブジェクトが現れるのですが、とにかく演出も派手でビジュアルとしての迫力がすごいです。

静止画ではちょっとわかりにくいかと思いますが、カーソルを動かしてやると流体のようなエフェクトが発生するようになっています。

ただ、いわゆる普通の Stable Fluids のような質感というよりは、ノイズによるディストーションを組み合わせたような感じの味付けになっていてなかなか個性的な演出ですね。

全体的に色彩のトーンは落ち着いた方向性にしつつもコントラストを強くしたような感じで、画作りに対する一貫性が見られます。

この上のスクリーンショットはセクションが切り替わる瞬間のエフェクトを野暮とは思いつつキャプチャしたものですが、ズームブラーのような効果が見事な迫力を生んでいます。

このシーンも含め、サイト内は随所に WebGL の演出が盛り込まれており、どれも破綻なく丁寧に実装されている感じがします。

エッジ検出系のフィルターを使ったエフェクトなども駆使しつつ、表現したいことや伝えたいことに応じて組み立てられている気がします。

このサイトをはじめに目にしたときは、海外の尖った制作会社のウェブサイトかなと思ったのですがよくよく見てみると日本の企業のコーポレートサイトだったので正直ちょっと驚きました。

パフォーマンスを落とさないために、レンダリングの解像度とかは若干調整されているのかなという感じがしますが、個人的には FPS を落とすことなく見せる方向性で調整されているのはすごくいいなと感じます。

こういう派手な演出モリモリなコーポレートサイトというのも昨今では珍しい感じがしますけれども、それだけしっかり個性が表れている、あるいは主張しているということでもあると思います。