Все кейсы

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

Связанные услуги