制作事例 · 飲食
ORRA Sparkling Botanical
演出された 3D シーンで見せる飲料コレクション:訪問者はラインナップを見渡し、フレーバーを選び、店頭で手に取るように缶を確かめます。
コンセプト コンセプト · Smart Key 制作

ブランドの課題
飲料ブランドが、新しい缶サイズで 3 つのフレーバーを発売します。商品写真では、缶がどれも同じで平らに見えてしまいます。ブランドは、ラインナップ、カラーコード、パッケージの仕上げをオンラインで伝え、訪問者それぞれに選んだフレーバーを持ち帰ってもらいたいと考えています。
ブランドでの活用例
- 商品ページ
- 3D ビューが写真ギャラリーに代わります:購入者は再読み込みなしで缶を回し、フレーバーを切り替えられます。
- ローンチ用マイクロサイト
- 新フレーバーや限定版のためのスクロールストーリー。ショップのページと同じモデルから作ります。
- 卸・小売向けの資料
- PDF の代わりにリンクを:バイヤーはラインナップ、サイズ、棚での見え方を確認できます。
- SNS・印刷用の素材
- 静止画のレンダリングと短いクリップは同じモデルから作るので、どのチャネルでも同じ商品を見せられます。
ソリューションの構成
- 缶のモデルは、缶サイズの仕様に基づき Blender で作成:缶胴、ネック、ダブルシーム、蓋、タブ、リベットを別パーツとして構成。
- 印刷データからのラベルシステム:インク、素地の金属部分、ニスは別々のマップなので、新しいフレーバーは新しいモデルではなく新しいファイルです。
- Three.js のウェブシーン:スクロール連動のチャプター、手動回転、バリエーション切り替え、モバイル向け構成、3D なしモード。
- カタログからのバリエーションデータ:名前、色、ショップやお問い合わせへのリンク。
- プレビュー、SNS カード、WebGL のない端末用に、同じモデルから作る静止画レンダリング。
飲料ブランドからお預かりするもの
- フレーバーごとの印刷データ(ダイライン)
- 缶のサイズ:スタンダード、スリーク、スリム、およびタブの色
- ブランドフォントとカラーの参考資料
- ショップまたは取扱店リストへのリンク
このデモの制約
- ORRA は架空のブランドです。ラベルのテキストと栄養成分の値はプレースホルダーであり、実在の商品ではありません。
- カートはありません:行動喚起ボタンはお問い合わせを開くもので、何も販売しません。
- 結露、へこみ、液体はシミュレートしていません。実際のローンチでは追加できます。
- 実際のプロジェクトは、ブランドの展開図(ダイライン)と缶サプライヤーのサイズ図面から始まります。
貴社のブランドのための既製ベース
既製の 3D 例から、貴社のウェブサイトへ
ベースの調整:USD 2,000。追加セクション:USD 150。まず簡単なお問い合わせから始め、詳細なブリーフはお支払いの確認後に続きます。
サービスを選ぶ
プロジェクトに必要なものを確認しましょう
課題を選ぶと、作業範囲、必要な素材のリスト、見積もりのための質問が分かります。