Selldone Genesis と Claude で魅力的な 3D レストランストアを作る

ハンバーガーを回転させて中身を確認したり、パンを変えたり、好きなトッピングを追加して、チェックアウト前に注文ができあがる様子を目で見られるレストランのウェブサイトを想像してみてください。
これは、Selldone のコマース機能と Claude のカスタムインターフェース作成能力を組み合わせることで実現できる体験です。Selldone の AI イニシアチブである Genesis を通じて、事業者は AI ツールを使ってストアの構築・運用を支援し、クリエイティブなアイデアを実際の EC 体験に近づけられます。
ここで紹介するジェリーバイツ（Jelly Bites）のコンセプトはその好例です。インタラクティブな 3D フード、パーソナライズされた注文、遊び心ある購買体験で構成されたカラフルなデジタルキッチンを提供します。

ジェリーバイツを紹介

ジェリーバイツはオンラインでの料理注文に独自の個性を与えます。温かみのあるクリーム色の背景、明るいオレンジのボタン、角の丸いカード、表情豊かなタイポグラフィが居心地のよさを作り出します。大きな 3D バーガーが目を引く中心要素となり、選択を進める間にお客様が触れて楽しめるポイントになります。
インターフェースは「作る（Build）」「決済（Checkout）」「追跡（Track）」という3つの段階に整理されています。カスタマイズ性の高い商品でも、このシンプルな構成により操作が分かりやすく保たれます。
ビルダー画面ではレシピや具材が左、バーガーのプレビューが中央、ショッピングカートが右に配置されます。お客様は選択内容と価格を常に確認しながら食事を作り上げられます。ジェリーバイツのデモを体験して、3D レストランの操作感を試してみてください：
👉 ジェリーバイツ 3D キッチンを試す

Selldone Genesis の出番

Genesis は Selldone ビジネスの構築と運用に AI を取り入れる仕組みです。Selldone のビジネス機能と、コンテンツ作成や商品整理、ストアフロント体験の開発、サポートされた店舗操作を手伝える AI アシスタントをつなぎます。
認可された MCP 接続を通じて、Claude のような互換性のあるアシスタントは Selldone が提供する機能にアクセスできます。接続や権限に応じて、アシスタントはビジネスコンテキストとサポートされた操作を利用できます。
レストランであれば、メニューカテゴリの整理、商品説明の作成、カタログ情報の管理、実際の店舗に合わせたストアフロントの設計支援などが含まれます。
最終的なビジョンと意思決定は店舗オーナーにあります。Genesis は AI による補助を実際の作業の一部にするルートを提供します。

レストランのアイデアをデザインに落とし込む

Claude はクリエイティブブリーフをカスタムストアフロントのコードに翻訳する手助けができます。店舗のアイデンティティ、来店客にどんな体験を与えたいか、事業にとって重要な細部を伝えてください。
出発点となるプロンプト例：
「Selldone の店舗向けに遊び心のあるレストランストアフロントを作ってください。クリーム色の背景、オレンジのボタン、インタラクティブな 3D バーガーを使用します。お客様がレシピを選び、具材をカスタマイズし、カートを確認してチェックアウトへ進めるようにしてください。」
その後の会話でより具体的にできます。商品プレビューを大きくしたい、具材の操作をより分かりやすくしたい、配色を変えたい、モバイル用の簡素なレイアウトにしたい、など日常語で要望を伝えられます。
この流れによりデザイン開発が身近になります。Claude が実装と調整を手伝う間、あなたは普通の言葉で変更を伝えられます。

食べ物のカスタマイズを視覚化する

ジェリーバイツのビルダーは、商品カスタマイズが注文体験の魅力的な部分になり得ることを示しています。
お客様は「クラシックビーフバーガー」「クリスピーチキン」「スモーキーダブルスタック」などのレシピを選べます。バンズはブリオッシュ、黒ごま（セサミ）、全粒粉、竹炭（チャコール）などの選択肢があり、追加の具材は個別価格とともにカートに表示されます。
大きなプレビューが各バーガーに強い視覚的存在感を与えます。パン、レタス、トマト、チーズ、パティなどの層がはっきり表現され、商品が実物のように感じられるようにします。インターフェースはドラッグで回転、タップで揺らすなどの操作を促します。
設定変更可能な食事を提供する店舗では、この手法が選択肢の理解を助けます。デザインは視覚表現、選択された具材、最終注文が一貫して保たれるようにするべきです。

体験の裏側にあるビジネスを支える

美しいストアフロントには、確かなコマース運用が不可欠です。Selldone は商品、顧客、注文、対応する支払い方法の管理に必要なビジネス基盤を提供します。
カスタムインターフェースは Selldone の API と接続できます。その接続は、正しい商品、数量、選択されたオプション、価格情報を注文ワークフローに正確に渡す必要があります。
ここで組み合わせの利点が生きます。Claude は顧客体験の開発を支援し、Selldone はその背後でビジネスプロセスを支えます。Genesis は AI による支援をその広いワークフローに組み込みます。
3D ビルダーはカスタム実装なので、その操作やストアへの接続は店舗の要件に合わせて開発とテストが必要です。

分かりやすいチェックアウトを提供する

ジェリーバイツはチェックアウトでも視覚スタイルを維持します。配達と持ち帰りの選択、エクスプレスオプション、日時指定注文、チップ、プロモーションコード入力欄などが含まれます。
これらの詳細は、人々が料理を注文する際の決定—どこで受け取るか、いつ受け取りたいか、どの受け取り方法を好むか—を反映しています。
注文サマリーでは選択した料理と追加具材が見える状態を保ちます。お客様は注文前に選択内容を見直し合計金額を把握できます。
このデモではオンライン決済が「近日対応」となっています。本番ではチェックアウトを店舗が設定した支払い方法に接続し、注文フロー全体を検証する必要があります。

注文後も体験を続ける

確認画面は同じ個性を次の段階にも持ち込みます。選択されたバーガーの大きな画像が、受信、準備、調理、発送、配達といった段階を示す注文タイムラインの横に表示されます。
例では疑似ステータス更新を使用しています。実際の店舗では、これらの段階は実際の運用イベントに合わせて反映させる必要があります。
このデザインは有用な原則を示しています：注文確認はブランド体験の一部のままにしつつ、お客様に実用的な情報を提供できます。明確な進行状況、関連する注文の詳細、簡単に再注文できる仕組みがあると、チェックアウト後のページも役に立ちます。

小さく始めて自分だけの体験を作る

必ずしも最初から大量のメニューや複雑なコンフィギュレータを用意する必要はありません。限られた商品ラインと、記憶に残る一つのインタラクションから始めましょう。
Selldone でメニューを設定し、適切な Genesis ワークフローを通じて対応する AI アシスタントを接続し、作りたい体験を説明してください。デザインを洗練し、コマースの操作を結びつけ、デスクトップとモバイルでジャーニーをテストします。
ジェリーバイツはその表現力の例を示しています。Selldone Genesis と Claude を使えば、レストランは自分たちの料理、個性、提供方法を反映したストアフロントを探求できます。