DeskForge

モニター、アーム、デスクをオンラインで買う人は、すべてが収まって一緒に使えるかがわからないため、迷ったり、1点ずつ買ったり、合わなかったものを返品したりします。

• 3Dコンフィギュレーター：物理ベースのマテリアル、ソフトシャドウ、アンビエントオクルージョンによるリアルなシーン、丸みのあるエッジ、実際の配列のキーボード、商品本来の色、BlenderやGLBファイルのモデル、RGBライティング、マットまたは光沢のある画面。メッシュの統合によるレンダリング予算と、スマートフォン向けの品質モード。
• デスクと部屋：パラメトリックなデスク（ストレート、切り欠き付き、L字型）、部屋の中でのデスクの位置、家具、窓、インテリア小物、6種類のインテリアプリセット。
• ルールエンジン：配置、エルゴノミクス、取り付けの互換性（VESA、耐荷重、クランプ）を警告とワンクリック修正付きでチェック。モニター1〜3台のレイアウト、アームとスタンド、寸法表示モード。
• カタログとコマース：管理画面、インポート、OpenAPIを備えたカタログAPI。14カテゴリにわたる写真付きの実在デモ商品38点。バリエーション、割引、在庫切れ。互換商品の提案と「足りないもの」。セットアップ一式をワンクリックでカートへ。
• ストアへの埋め込み：gzip圧縮で10 KB未満のローダースクリプト、frame-ancestors CSPとデモストアを備えた埋め込みモード、商品ページ用のコンパクトなウィジェット。
• セットアップ：短いリンクでの保存、名前付け、「My setups」、Open Graphプレビュー付きの共有ページ、PNGとPDFへのエクスポート。元に戻す・やり直し。
• 分析：イベント設計、データ収集とファネル、同意に基づくGA4とMeta Pixelへの転送、注文のアトリビューションと平均注文額。
• セキュリティ：rootで実行しないコンテナ、リクエストボディのサイズ制限、IPv6対応のレート制限、埋め込みを許可するオリジンの指定。
• アーキテクチャ：11件のアーキテクチャ決定記録。その中には、レンダリングエンジンを選ぶ前に行ったベンチマークも含まれます。

コンフィギュレーター、カタログ、埋め込み、分析は構築済みでテストでカバーされています。最初に予定しているストア連携はShopifyです。実測値：商品写真60枚はサムネイル化で18.8 MBから124.5 KBに、埋め込みフレームの遅延読み込みでLCPを35〜40 ms短縮、インテリアプリセットの切り替えは135 ms未満です。