デジタル制作スタジオ
REFRACT
架空ブランドを立てて制作したデザインデモです（2026-07-29 公開）。
実際のサイトを見る 別タブで開きます
REFRACT(リフラクト)は、リアルタイム3Dとインタラクティブ開発を軸に、ブランドの世界観を「触れる体験」に変える東京のクリエイティブスタジオです。Web・空間・プロダクトを横断して設計から実装まで一貫して手がけます。
全ページビュー
このサイトの作られ方
実際の発注内容
ビルドの起点になった設計方針です。人が書いたものではなく、AI が毎朝生成した7案のうち選ばれた1案をそのまま載せています。
コンセプト REFRACT — リアルタイム3Dを武器にする東京のクリエイティブスタジオ
- スタイル
- インタラクション主導ショーケース
- レイアウト
- 全画面3Dステージのスクロール駆動章立て(世界観→実績グリッドへ密度を上げる進行)
- タイポグラフィ
- oversized grotesk display+mono HUDキャプション
- モーション
- WebGLリアルタイム3D+スクロール駆動進行+カーソル反応(「CONTINUE TO SCROLL」明示)
- 配色
- ダーク×分光イリデセント(黒地にシェーダ発色)
- 狙い
- 「スクロールを促す明示コピー」を演出の一部にし、動きそのものを商品として証明するショーケース進行設計
- 設計の勘所
- スクロール誘導コピーの演出化と、ヒーロー世界観→実績グリッドの段階的密度上げ
制作記録
このデモは AI が設計・実装しました。使ったモデルと実際の制作記録をそのまま公開しています。
- 生成モデル
- claude-opus-5（effort: ultracode）
- 実行環境
- Claude Code 2.1.220
- 制作時間
- 69分49秒
- 人による修正
- 0回（一発生成）
- やり取り
- 206 メッセージ
- 出力トークン
- 247,371
- 読み込みトークン
- 41,411,221
写真は生成 AI で作成した架空のイメージです。ブランド・実績・数値はすべて架空のもので、実在の企業とは関係ありません。
この業種・このテイストで、御社のサイトを制作します。
掲載デモと同じ品質のオリジナルサイトを、設計から公開まで一貫して承ります。「このデモの雰囲気で」の一言から始められます。
