制作事例 · 飲食

ORRA Sparkling Botanical

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

デモを見る類似のプロジェクトを相談する

コンセプト コンセプト · Smart Key 制作

デモのフレーム

ブランドの課題

飲料ブランドが、新しい缶サイズで 3 つのフレーバーを発売します。商品写真では、缶がどれも同じで平らに見えてしまいます。ブランドは、ラインナップ、カラーコード、パッケージの仕上げをオンラインで伝え、訪問者それぞれに選んだフレーバーを持ち帰ってもらいたいと考えています。

ブランドでの活用例

商品ページ
3D ビューが写真ギャラリーに代わります:購入者は再読み込みなしで缶を回し、フレーバーを切り替えられます。
ローンチ用マイクロサイト
新フレーバーや限定版のためのスクロールストーリー。ショップのページと同じモデルから作ります。
卸・小売向けの資料
PDF の代わりにリンクを:バイヤーはラインナップ、サイズ、棚での見え方を確認できます。
SNS・印刷用の素材
静止画のレンダリングと短いクリップは同じモデルから作るので、どのチャネルでも同じ商品を見せられます。

ソリューションの構成

  • 缶のモデルは、缶サイズの仕様に基づき Blender で作成:缶胴、ネック、ダブルシーム、蓋、タブ、リベットを別パーツとして構成。
  • 印刷データからのラベルシステム:インク、素地の金属部分、ニスは別々のマップなので、新しいフレーバーは新しいモデルではなく新しいファイルです。
  • Three.js のウェブシーン:スクロール連動のチャプター、手動回転、バリエーション切り替え、モバイル向け構成、3D なしモード。
  • カタログからのバリエーションデータ:名前、色、ショップやお問い合わせへのリンク。
  • プレビュー、SNS カード、WebGL のない端末用に、同じモデルから作る静止画レンダリング。

飲料ブランドからお預かりするもの

  • フレーバーごとの印刷データ(ダイライン)
  • 缶のサイズ:スタンダード、スリーク、スリム、およびタブの色
  • ブランドフォントとカラーの参考資料
  • ショップまたは取扱店リストへのリンク

このデモの制約

  • ORRA は架空のブランドです。ラベルのテキストと栄養成分の値はプレースホルダーであり、実在の商品ではありません。
  • カートはありません:行動喚起ボタンはお問い合わせを開くもので、何も販売しません。
  • 結露、へこみ、液体はシミュレートしていません。実際のローンチでは追加できます。
  • 実際のプロジェクトは、ブランドの展開図(ダイライン)と缶サプライヤーのサイズ図面から始まります。

貴社の商品をこのように見せましょう

販売している商品と見せたい場所をお知らせください。作業範囲の案をお返しします。

類似のプロジェクトを相談する

貴社のブランドのための既製ベース

既製の 3D 例から、貴社のウェブサイトへ

ベースの調整:USD 2,000。追加セクション:USD 150。まず簡単なお問い合わせから始め、詳細なブリーフはお支払いの確認後に続きます。

サイトの範囲を選ぶ ↗

サービスを選ぶ

プロジェクトに必要なものを確認しましょう

課題を選ぶと、作業範囲、必要な素材のリスト、見積もりのための質問が分かります。

プロジェクトを組み立てるビルダーを使わずに相談する