Слово «3D» на созвоне звучит уверенно. На деле за ним прячутся две разные просьбы. Первая: человек хочет повернуть изделие и увидеть тыл, стык, толщину — не уезжая со страницы. Вторая: он хочет навести камеру на свой стол и понять, влезет ли шкаф между батареей и дверью. Первое работает на компьютере. Второе почти всегда просит телефон. Мы не продаём «магию дополненной реальности». Мы встраиваем модуль в ту же цепочку, что и калькулятор: страница, понятный жест, заявка.
Покрутите кубик. Камеры нет
Это учебная модель — не каталог IKEA и не ваш товар. Жест тот же, что на карточке изделия: потащили мышью или пальцем, кубик повернулся. Ниже — путь «10 тысяч»: готовый файл в окне сайта, без камеры. Если просмотрщик подгрузится, крутится GLB. Пока грузится или если WebGL капризничает — тот же кубик на CSS, тоже можно крутить.
Зачем крутить, если есть фото
Фото отвечает на один ракурс. Модель отвечает на «а сзади?», «какой профиль у ножки?», «как открывается крышка?». Человек не угадывает по блику. Он добирает форму сам — и либо пишет, либо уходит, уже поняв, что это не его размер. Мы не тащим сюда выдуманные проценты конверсии. Механика простая: меньше дыр в картинке — меньше пустых вопросов менеджеру в девять вечера.
По документации Google компонент model-viewer показывает glTF/GLB в обычных современных браузерах. Это как раз окно на странице. Камера там — отдельная ветка, не «включил галочку — и всё заработало на ноутбуке».
Мебель: влезет ли между батареей и дверью
Для дивана и стеллажа крутить модель полезно само по себе: обивка, ножки, оборот. Но главный страх другой — масштаб в моей комнате. Тут уже не хватает окна на сайте.
IKEA это давно развела на два жеста. В 2017 году приложение IKEA Place как раз ставило мебель «в ваш дом» с телефона, в масштабе. Позже в приложении появился IKEA Kreativ: в новости Ingka от февраля 2025 отдельно звучат и «покрутить в 3D», и «посмотреть в пространстве». Мы не партнёры IKEA и не копируем их приложение. Берём только развилку: оборот изделия и постановка в комнату — не одно действие.
Крутить на сайте
Окно в карточке. Мышь, палец, все грани. Камера не нужна. Это доработка живого сайта: 10 или 25.
Поставить в комнату
Нужен телефон и камера. На компьютере чаще останется картинка, как эта. Это уже путь +40 в новом проекте.
Смотреть в комнате — уже камера
Если вы на телефоне и кнопка «Смотреть в комнате» появилась над кубиком — это вторая ветка. На iPhone Safari открывает Quick Look: Apple прямо пишет, что пользователь ставит модель на поверхность, которую нашёл ARKit. На Android Google отдаёт WebXR в Chrome или приложение Scene Viewer; для Scene Viewer нужны устройство с ARCore и сервисы Google Play для AR. Нет сервисов — часто остаётесь в обычном 3D, без пола комнаты.
С ноутбука кнопка часто просто не показывается. Это не поломка статьи. Так устроен веб: камера и пол комнаты живут в телефоне. Картинка ниже — статичный макет, чтобы было видно жест, если AR на этом устройстве молчит.
Клиника: честные пределы
Стоматологии и медцентрам часто рисуют «примерку импланта во рту». Мы так не обещаем. Камера телефона ловит стол и пол. Она не заменяет снимок, слепок и разговор с врачом. Освещение в кабинете, угол, дрожь руки — этого достаточно, чтобы картинка выглядела убедительно и при этом врала. Для тревожного решения важнее другое: кто принимает, что входит в первичный визит, есть ли окно на субботу. Об этом — в тексте зачем нужен сайт стоматологии и в статье для клиники.
Если клинике всё же нужна модель — пусть это будет аппарат, кресло или упаковка каппы в окне страницы. Человек покрутил и записался. Не «вставил себе челюсть в браузере».
Упаковка, витрина, изделие
Коробка с клапаном, флакон, витринное стекло, светильник: здесь 3D на странице часто закрывает задачу без камеры. Видно, как открывается крышка, какой профиль у кромки, куда смотрит логотип. Примерка «поставьте на мою полку» имеет смысл, когда полка у всех разная и размер — главный страх. Иначе хватает окна и нормальной заявки. Какую кнопку ставить после этого окна — в разборе кнопка, квиз, калькулятор или менеджер.
Сколько это стоит — без каши
Лестница короткая. Её не смешиваем.
- Живой сайт, файл уже есть. Встроим одну модель в браузер — от 10 000 ₽. Крутится. Камеры нет.
- Живой сайт, файла нет (или он не подходит). Готовим одну модель и встраиваем — от 25 000 ₽, от 5 дней. Крутится. Камеры нет.
- Новый проект — пакеты 29 / 49 / 99 / 179 тысяч. Модель, встройка и примерка с камеры (или 3D рядом с калькулятором) — +40 000 ₽. В калькуляторе на главной это отдельная галочка.
- Пакет 179 000 ₽ 3D не включает. Это многостраничный сайт под процессы, не «сайт плюс кубик в подарок».
Tilda, WordPress, Битрикс или свой код. Сначала смотрим исходники, потом смета. Скидок не придумываем. Ориентир в калькуляторе.
Это модуль, не отдельная компания
Мы не «AR-студия». Мы собираем цифровизацию под одной крышей: страница, расчёт, заявка, если нужно — окно с моделью. 3D не заменяет калькулятор и не лечит хаос в WhatsApp. Сначала цепочка, потом эффект. Как мы это называем без «облака» — в статье что такое цифровизация бизнеса.
Отдельную «игрушку ради вау» почти никто не заказывает. Обычно просят одно окно на карточке товара. Если без камеры человек уже понимает изделие — на этом и останавливаемся.
FAQ
Чем 3D на сайте отличается от AR-примерки?
3D — окно на странице, крутить без камеры. AR — камера телефона, модель на столе или полу. Разные устройства, разные суммы.
Можно ли открыть примерку с компьютера?
Чаще нет. Модель в окне — да. Пол комнаты — на телефоне, если устройство умеет Quick Look или Scene Viewer / WebXR.
Нужна ли клинике примерка «в рот»?
Как медицинскую точность — нет. Для записи важнее врач, состав приёма и окно в расписании.
Что входит в 10 / 25 / +40?
10 — готовый файл в браузер, без камеры. 25 — готовим модель и встраиваем, без камеры, от 5 дней. +40 — к новому проекту: модель, встройка и примерка. В 270 тысячах 3D нет.