44dat DESIGN GALLERY

曲げわっぱ弁当箱

MAGEWA FORMING ENGINE

木は、条件が揃えば曲がる。

架空ブランドを立てて制作したデザインデモです(2026-08-03 公開)。

実際のサイトを見る 別タブで開きます

MAGEWA FORMING ENGINE(曲げわっぱ弁当箱)のホームページデザイン

天然秋田杉の曲げわっぱ工房、マゲワ製曲所。蒸す・曲げる・乾かすの工程パラメータを全公開。木が熱と湿度と曲率で曲がる条件を、スクロールで観測できる D2C サイト。

全ページビュー

MAGEWA FORMING ENGINE — full page

このサイトの作られ方

実際の発注内容

ビルドの起点になった設計方針です。人が書いたものではなく、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 で作成した架空のイメージです。ブランド・実績・数値はすべて架空のもので、実在の企業とは関係ありません。

この業種・このテイストで、御社のサイトを制作します。

掲載デモと同じ品質のオリジナルサイトを、設計から公開まで一貫して承ります。「このデモの雰囲気で」の一言から始められます。