
クリエイター向けに睡眠の質を改善することを目指したおもしろいテーマのウェブサイト Sleep Well Creatives
多彩な見せ方に圧倒される
今回ご紹介するのは Sleep Well Creatives というウェブサイトで、なにかの商品やサービスのプロモーションというよりは、いわゆる個人制作のウェブサイトという感じのものだと思います。
作者の Victor Work さんはクリエイター向けのスクール事業などを展開されている方で、多くの WebGL での制作実績がありますが、この手の個人企画モノをこれまでにもすごくたくさん作られています。
今回のサイトの場合は、クリエイターの睡眠の質改善みたいなものがテーマになっているようですね。
リンク:
シーン遷移の見せ方が見事
今回のサイトには、3D ではなく普通にテキストや平面的な見せ方で表現されているものもたくさんあります。
ただ、ビジュアルの多くの部分を 3D が担っていることもまた確かで、すごく見応えのあるウェブサイトになっていますね。
基本的にはスクロールしていくだけの簡単な操作でサイト全体を見ることができるようになっています。

こういうのって専門用語でどう言うのが正しいのかわからないのですが、サイト全体で共通するカラーテーマみたいなものがあり、そのなかで様々な場面が演出されていきます。
わかりやすく 3D シーン風に描かれている場面もありますが、個人的には絵本的なビジュアルのシーンがすごく印象的に目に映りました。
その絵としての完成度みたいな部分もそうなんですけど、シーン遷移の際のトランジションがめちゃくちゃいいんですよね。
徐々にイラストが完成していく、あるいは浮き上がってくるみたいな演出は本当に見事です。

絵本、あるいは絵画のような質感のシーン以外にも、線画のイラストみたいな雰囲気で演出されているシーンもあります。
色調が統一されているので違和感みたいなものは感じませんが、文脈が変わったことが適度に強調されている感じもして、いろんなことを計算してサイトが組み立てられている感じがします。
線画のようなシーンもまた、質感高く仕上がっています。

こういった特定のプロモーションに結びつかない個人制作のウェブサイトって、作ることの大変さに対してメリットがどうしても弱くなりがちです。
Victor Work さんの場合は講師業などもされていると思うのでプロモーション的な文脈もまったくないわけではないのでしょうが、こういうウェブサイトを定期的に出してくるというのはすごいなと普通に感心してしまいます。
個人的にはシーン遷移の際の、新しいシーンが組み上がっていく過程のトランジション演出が本当に見事だなと感じました。
ぜひチェックしてみてください。