曲げわっぱ弁当箱
MAGEWA FORMING ENGINE
木は、条件が揃えば曲がる。
架空ブランドを立てて制作したデザインデモです(2026-08-03 公開)。
実際のサイトを見る 別タブで開きます
天然秋田杉の曲げわっぱ工房、マゲワ製曲所。蒸す・曲げる・乾かすの工程パラメータを全公開。木が熱と湿度と曲率で曲がる条件を、スクロールで観測できる D2C サイト。
全ページビュー
このサイトの作られ方
実際の発注内容
ビルドの起点になった設計方針です。人が書いたものではなく、AI が毎朝生成した7案のうち選ばれた1案をそのまま載せています。
コンセプト MAGEWA FORMING ENGINE — 曲げわっぱを買う前に、木が熱・湿度・曲率で曲がる条件を「触って理解する」工房D2C
- スタイル
- 製造プロセス・シミュレーター(工芸×工業UI)
- レイアウト
- 一本の弁当箱が完成するまでの状態遷移UI(蒸す→曲げる→乾かすの工程=ステート縦スクロール)
- タイポグラフィ
- CAD/工業ラベル系sans+極小注釈mono
- モーション
- scroll連動で湿度・温度・曲率・乾燥時間の変数が変動し、木が曲がっていく状態変化を追うシミュレーションモーション
- 配色
- 蒸気白×焼杉黒+高温シグナル赤1点
- 狙い
- ORYZOはthree.jsのヒーロー1個をZ軸カメラで進むスクロールに実物めいた重さ・慣性を与えた。この「スクロール=物理量の操作」という没入文法は、製品を眺めるより工程変数を観測する体験にこそ強く効く
- 設計の勘所
- ORYZOのZ軸カメラ没入は借りつつ、ヒーロー物体の鑑賞ではなく蒸し→曲げ→乾燥の状態変化をスクロールで追う体験に反転する構成。仕様表・Tier比較のテックLP文法は工程パラメータ表として残す
制作記録
このデモは AI が設計・実装しました。使ったモデルと実際の制作記録をそのまま公開しています。
- 生成モデル
- fable(effort: ultracode)
- 実行環境
- Claude Code 2.1.214
- 制作時間
- 58分35秒
- 人による修正
- 0回(一発生成)
- やり取り
- 92 メッセージ
- 出力トークン
- 152,818
- 読み込みトークン
- 16,214,444
写真は生成 AI で作成した架空のイメージです。ブランド・実績・数値はすべて架空のもので、実在の企業とは関係ありません。
この業種・このテイストで、御社のサイトを制作します。
掲載デモと同じ品質のオリジナルサイトを、設計から公開まで一貫して承ります。「このデモの雰囲気で」の一言から始められます。