マネしたいポイント

マウスに合わせて動く不定形の水滴が目を引くサイトです。水滴はWebGLにて実装されているのでCSSなどでは不可能な変形や複雑な演出ができます。潤いをコンセプトとしているサイトに合わせた表現です。

応用できそうな場面

WebGLを使うと複雑な表現の他、マウス操作などユーザーとインタラクティブな表現を扱うことができます。サイトの顔となるファーストビューなどでユーザーの関心をぐっと引き込む要素などに使えるでしょう。

懸念点

WebGLは実装コストが高いのが一番の懸念点です。十分見識のあるエンジニアでないと実装は難しいでしょう。