
Alkares
エポキシ樹脂メーカーのサイト。色と質感を画面上で比べるスウォッチラボと、アイソメトリックな3D仕様選択ツールが中心にある。
- サイトURL
- https://alkares.com/
- クレジット
- Exe.Eyes
- 使用技術
- WebflowWebGLGSAP3Dコンフィギュレータタイポグラフィ
Alkares はエポキシ樹脂(床材・コーティング材)のメーカーで、そのコーポレートサイトです。制作は Exe.Eyes。制作者の説明は「大胆なタイポグラフィ、カスタムWebGLによる3Dインタラクション、触れる素材スペックを組み合わせた、手触りの強いコマース体験」。基盤は Webflow。
Awwwards のエントリーが挙げる見どころは5つあります。インタラクティブなタイポグラフィとヒーローのリビール、流体的なページ遷移、スウォッチラボとエディトリアルグリッド、アイソメトリックな3Dスペシファイア(仕様選択ツール)とステップ処理、そして3Dアセットを置いた反転配色のフッター。カタログを読ませるのではなく、色と質感を画面上で切り替えて選ばせる方向に振っています。配色は #2729FA と #101B35。
【参考になるポイント】
・Swatch Lab という名前どおり、素材メーカーのサイトで最も重要な色・質感の比較をインタラクションの中心に据えている
・3Dスペシファイアをアイソメトリック表示にすることで、自由視点の3Dビューアより操作を絞り、選択ステップに集中させている
・Webflow ベースに WebGL と GSAP を足す構成。ノーコード基盤でも Honorable Mention 水準まで到達できる実例
・※実サイト(alkares.com)は WebFetch で取得できなかったため、記述は Awwwards のエントリー情報と制作者申告に基づく。Three.js か素の WebGL かなど実装の詳細は未確認
・※サムネイルは Awwwards の投稿画像を使用
・※Awwwards は2026年7月14日 Honorable Mention(平均7.87/10、15票)
