陶磁器ブランドを運営するPuja Sharmaさんは、マテリアルエディタで釉薬の質感をひとつ調整しただけでした。その日以降、お客さんから「写真もっとないですか」というメッセージが来なくなったそうです。
些細な変化に見えて、実はオンラインショップが長年抱えてきた問題の核心を突いているんです。
写真だけじゃもう売れないんです
オンラインで買い物してて一番モヤモヤする瞬間、それは写真の角度が微妙で実物のイメージが湧かないときですよね。だから販売者に「他の角度の写真ありますか」と聞いて、返信が遅いとそのままタブを閉じてしまう。
この問題をデータで見るとかなりはっきりします。ShopifyのRebecca Minkoff事例では、3Dモデルを見たショッパーはカートに入れる確率が44%高く、ARで製品を確認した訪問者は購入確率が65%高かったそうです。そのうち27%は実際に注文まで進んだとのこと。
家具ブランドOakywoodはShopifyのAR機能を導入後、平均注文金額がドイツで458%、スイスで232%、イギリスで84%も伸びました。Etsyでは月にほぼゼロだったカスタムオーダーも月200〜300件まで増えたそうです。
数字だけ見ると「じゃあ全部つければいいじゃん」となりそうですが、ここから本当の問題が始まります。
でも3Dをつけるとサイトが重くなるという罠があるんです
実際に出た懸念
Ctruh StudioがProduct Huntにローンチされたとき、開発者のGreig Santos-Buch氏がまさにこの点を指摘しました。「WebGLやJSがLCP・INPを悪化させて、SEO順位が下がるリスクがある」と。彼は遅延読み込み、クローラー向けの2Dフォールバック、メインスレッドの分離を代案として挙げました。
これは根拠のない難癖じゃありません。ほとんどの3DビューアはメインスレッドでWebGLの重いライブラリを動かすので、ページの読み込み速度(LCP)と応答性(INP)を削ってしまい、Googleはこれを検索順位で不利に扱います。コンバージョン率を上げるためにつけた機能が、検索流入そのものを削ってしまうという皮肉な結果になりかねないんです。
だから本当の問いは「3Dをつけるかどうか」じゃなくて、「どうやってサイト速度を落とさずにつけるか」なんです。
Ctruhはその二兎をどう追ったのか
Ctruh Studioはインドのディープテックスタートアップ、Ctruhが作ったノーコードXRコマースプラットフォームです。Shark Tank Indiaにも出演したことがあり、2022年設立、Inflection Point VenturesとAvinya Ventures主導でシード250万ドルを調達しました。
上記の性能への懸念に対して、CEOのVinay Agastya氏が直接技術的に回答しています。3Dコンテンツはクリティカルレンダリングパスに一切触れないよう設計されていて、ワーカーベースレンダリングとWASMデコード、WebGPUを活用してメインスレッドの負担を分離していると。必要なテクスチャタイルだけを順次読み込む方式(Sequential Virtual Texturing)とバージョン管理キャッシュを使っているので、再訪問時はほぼ帯域を使わないと説明しています。
ポイントは「AIが3Dを作る」ことじゃなくて「誰が3Dを作ってもサイトが壊れない」こと
VersaAIがテキストや画像を数分でプロダクション品質の3Dモデルに変換してくれるのは目を引く機能ですが、実際にストアを運営する立場からすると、その結果をサイトに埋め込んだときに読み込み速度が落ちないかの方がずっと大事なんです。
これに加えて、ノーコードのドラッグ&ドロップエディタ、120種類以上のシーンテンプレート、QRスキャン方式のARも用意されています。先ほどの陶磁器ブランドの例のように、マテリアルエディタで色・質感・反射率を直接調整できるので、追加撮影なしでもお客さんが気になるディテールをすぐ見せられるんです。
もちろんまだ課題も残っています。ローンチ時のコメントでは、複数の製品バリエーションを一括編集する機能がないという指摘があり、チームは次のリリースロードマップに入れると回答しました。
コード不要で始める方法
- プランを選んで登録
Free、Pro、Business、Enterpriseの4段階から規模に合ったプランで始めましょう。 - VersaAIで3Dモデルを生成
製品写真をアップロードするか、テキストで説明すると数分で3Dモデルが出てきます。 - マテリアルエディタでディテール調整
色・質感・反射率を実物に近づけましょう。ここが「写真もっとないですか」を減らすポイントです。 - ARとコンフィギュレーターを設置
QRスキャンでお客さんが自分の空間や身体に製品を映してみられるように設定します。 - 公開前に読み込みを確認
遅延読み込みがちゃんと効いているか、ファーストビューの読み込み(LCP)に影響がないか、もう一度確認してから公開しましょう。
もっと詳しく知りたいなら
Ctruh StudioのProduct Huntページ 実際のローンチコメントと開発者とのQ&Aが全部見られます。SEOへの懸念から実ユーザーレビューまで producthunt.com
Ctruh Studio公式製品ページ XRコマーススイートの全機能とブランド事例を確認できます ctruh.com
Shopify — 3Dエコマースの進化 Rebecca MinkoffやOakywoodなど、実ブランドの3D/AR導入成果データがまとまっています shopify.com
Entrackr — Ctruhのシード資金250万ドル調達記事 投資家リストと会社沿革が確認できます entrackr.com
Business News This Week — Ctruh Studioローンチ発表 創業者Vinay Agastya氏のインタビューと料金プラン構成が載っています businessnewsthisweek.com
Zoftwarehub — Ctruh製品概要 シーンテンプレート数、エディタ機能などの詳細スペックが表でまとまっています zoftwarehub.com
