Усі кейси

Tesla

  • 3D-шоурум
  • 3D-дизайн
  • UX/UI
  • автомобілі

Покупець преміального авто хоче побачити машину наживо, а не гортати фото. Ми зробили 3D-шоурум Model 3 просто в браузері: відвідувач обходить машину, зазирає в салон і сам обирає колір.

Відвідати сайт
  • 3D-шоурум замість фотогалереї
  • Конфігуратор кольору й опцій
  • Відкривається просто в браузері
  • Машина й керування на одному екрані телефона
  • Three.js
  • React
  • TypeScript
  • Blender
concapt.dev.apri-code.com/tesla/flagship-live
Tesla — desktop
Tesla — mobile
Статус
Незалежний концепт
Рік
2026
Роль
Арт-дирекшн, дизайн і розробка
Формат
Інтерактивна 3D-сторінка
Як це працює

Перше враження — сама машина

Перший екран без банерів і зайвих блоків: лише заголовок і Model 3 у залі шоуруму. Відвідувач одразу бачить продукт, а не інтерфейс.

Перше враження — сама машина
Перше враження — сама машина

Кожен ракурс у вигідному світлі

Камера обходить машину, а смуга світла підкреслює лінії кузова. Покупець роздивляється авто так, як у справжньому шоурумі.

Кожен ракурс у вигідному світлі
Кожен ракурс у вигідному світлі

Салон можна роздивитися зблизька

Вікно опускається, і камера зазирає всередину: кермо, центральний екран, оздоблення. Людина бачить салон ще до візиту в автосалон.

Салон можна роздивитися зблизька
Салон можна роздивитися зблизька

Покупець сам збирає свою машину

Колір, двері, вікна й світло змінюються просто на моделі, на кадрі обрано Quicksilver. Людина бачить свою машину, а не каталожне фото.

Покупець сам збирає свою машину
Покупець сам збирає свою машину
Про проєкт

3D-шоурум, який продає авто ще до тест-драйву

Дорогу річ купують очима. Коли сторінка авто — це фото, таблиця характеристик і кнопка, вона нічим не відрізняється від сайту конкурента. Преміальний бренд має дати відчуття шоуруму ще до візиту: світло на кузові, простір, бажання підійти ближче. Завдання такої сторінки — втримати увагу, показати, за що платять такі гроші, і привести людину на тест-драйв.

Ми побудували шоурум, яким керує сам відвідувач. Людина гортає сторінку, а камера веде її залою: машина заїжджає, світло ковзає кузовом, вікно опускається, і видно салон. Наприкінці відкривається конфігуратор. Колір, двері, вікна й світло змінюються просто на машині, без перезавантаження. На телефоні все працює так само, а машина й панель керування вміщаються на один екран.

Такий формат підходить автосалонам, брендам техніки й меблів, девелоперам — усім, чий продукт хочеться роздивитися з усіх боків. Ідею, 3D-сцену, дизайн і розробку робить одна команда, без ланцюжка підрядників. Хочете показати свій продукт так само? Почніть зі сторінки дизайну сайтів. Незалежний концепт студії, не замовлення Tesla, Inc.; торговельні марки належать власникам. 3D-модель «Tesla model 3 2024», brandonleong28, CC BY 4.0, адаптовано для вебу.

Потрібен схожий 3D-шоурум, який продає авто ще до тест-драйву?

Розкажіть про задачу — підготуємо рішення під ваш бізнес.

Tesla — preview
Tesla — mobile preview

Повʼязані послуги