KUMO RoasteryEC・焙煎所 スクロールで焙煎度が変わる
WebGLとモーションで、ブランドの「体験」をつくるスタジオです。触れて、動いて、はじめて伝わるものを、ブラウザの中に。
A website is not a page. It is a place — somewhere people arrive, touch things, and remember how it felt.
Three.js と GLSL で、写真や動画では出せない質感を。このページの金属の塊も、画像を一枚も使わずに描いています。
ページのどこで何がどう動くかを、設計書として決めます。読み込み、遷移、スクロール、ホバー。全部に理由があります。
デザイナーとエンジニアが同じ机で作ります。Figma の絵をコードに「翻訳」する工程をなくしました。
重いものを軽く見せるのが仕事です。LCP 1.5秒以内、reduced motion 対応、キーボード操作。賞よりも、ちゃんと動くことを。