架空のブランド(ショーケースとして制作)

KUSABI楔

小さな楔が、すべてを支える。

サイトを開く
業種
精密切削部品
モーションの発想
楔

ミクロン単位の部品メーカー。社名は、宮大工が釘を使わずに木を組むときの小さな楔から。サイトはその継手の3Dで始まり、組み上がり、楔を三度打ち、木から鋼に変わり、分解図へと開きます。

つくったもの

  • スクロールで組み上がり、締まり、素材が変わり、分解するWebGLの継手
  • すき間のライブ表示と製図用のクロスヘア
  • 1ミリから1ミクロンまでのズーム
  • 図面を添付できる見積もりフォーム
  • KUSABI (1/3)
  • KUSABI (2/3)
  • KUSABI (3/3)
色
#0a0b0d#ff5a26#e9ebee
書体
Bai Jamjuree · JetBrains Mono
技術
Next.js 16React 19TypeScriptTailwind CSS 4GSAPLenisOGL (WebGL)next-intl
Lighthouse
92–95モバイル
次の事例KOYOMI

つくりたいものはありますか

AIプロダクト、AIソリューション、ITソリューション、どんなご相談でもお聞かせください。

お問い合わせ