3D-сцена на сайте — это не украшение ради украшения, а инструмент. У этой страницы, например, фон — живая WebGL-сцена, которая реагирует на курсор и скролл. Разберу, когда такое стоит делать, а когда лучше обычная вёрстка.

Когда 3D окупается

  • Презентация продукта — показать устройство, объект или концепцию, которую словами не объяснишь
  • Премиум-сегмент — сайт должен ощущаться дорого: архитектура, дизайн-студии, fashion
  • Питч инвесторам — запоминаемость решает, досмотрят ли до конца
  • Портфолио и витрины — работы оживают, а не лежат сеткой

Когда 3D мешает

Узкая утилитарная задача: запись к врачу, форма заявки, каталог запчастей. Здесь важна скорость и ясность — сцена только отвлекает и ест трафик. Хорошая новость: грамотная реализация никого не заставляет страдать — сцена выключается на слабых устройствах и при `prefers-reduced-motion`.

Главное про производительность

Плохое 3D — тормозящий сайт. Хорошее — сцена на 300–400 КБ, которая летает на телефоне. Всё зависит от реализации, а не от самой идеи. Как я делаю такие сцены — смотрите на странице 3D / WebGL сайты.