3D-сайт может стоить от пары тысяч долларов до суммы значительно выше 100 000 $. Разница почти целиком определяется объёмом работ. В опубликованных обзорах за 2026 год один эффект WebGL на первом экране оценивается примерно в 2 000-4 000 $ сверх стоимости сайта у фрилансера. Студийные проекты, в которых 3D используется на всём сайте, относятся к премиальному диапазону 50 000-100 000 $. Поэтому для честного ответа на вопрос о цене нужно знать, сколько сцен и моделей предстоит создать и какие устройства поддерживать.
Вот как мы оцениваем такие проекты в ASFARI digital, когда получаем задачу от клиента.
Стоимость 3D-сайта: три уровня по объёму работ
Большинство проектов укладываются в один из трёх вариантов. В таблице собраны опубликованные рыночные диапазоны. Цены фрилансеров относятся к работе над 3D или небольшому сайту, цены студий - ко всему сайту.
| Объём работ | Что вы получите | Цена у креативного разработчика | Цена в агентстве (сайт целиком) | Обычные сроки |
|---|---|---|---|---|
| 3D на первом экране | Одна сцена в реальном времени в верхней части обычного сайта | Дополнительно 2 000-4 000 $ за один эффект WebGL на первом экране (Hon Tran) | 20 000-50 000 $ за уровень «Standard» с одним выразительным 3D-элементом (Utsubo) | 8-14 недель (студия) |
| Сайт с несколькими 3D-сценами | Разделы с управлением при прокрутке, движение камеры, индивидуальные шейдеры | От 8 000 $ за флагманский WebGL-сайт конкурсного уровня (Hon Tran) | 50 000-100 000 $ за уровень «Premium» с 3D на всём сайте (Utsubo) | 14-20 недель (студия) |
| Конфигуратор | Товары, варианты, правила совместимости, расчёт цены, добавление в корзину | 4 000-10 000 $ для одного товара, 10 000-30 000 $ для нескольких вариантов (Hon Tran) | 100 000-200 000 $ за уровень «Flagship», включающий конфигураторы и полноценные 3D-миры (Utsubo) | 5-9 месяцев (флагманский студийный проект) |
Есть три оговорки. Цены Hon Tran включают дизайн и разработку. Если дизайн уже готов, на разработку часто приходится 50-70% этой суммы. Utsubo оценивает отдельно работу над 3D/WebGL в дополнительные 15 000-80 000 $ в зависимости от объёма. Кроме того, по наблюдению Hon Tran, за сопоставимый объём работ агентства обычно берут в 2-4 раза больше фрилансера. Если сначала хотите разобраться с бюджетом без 3D, прочитайте наш обзор стоимости сайтов с анимацией.
Что на самом деле определяет стоимость WebGL-сайта
Сам движок рендеринга редко становится главной статьёй расходов. Обычно деньги уходят на следующее.
1. Модели и материалы
Есть ли готовые к использованию 3D-модели? Если у вас только CAD-файлы, понадобится ретопология: сетку нужно перестроить, чтобы модель стала достаточно лёгкой для браузера, а затем добавить текстуры. Hon Tran оценивает такие модели примерно в 150-1 500 $ за штуку и предупреждает: при 40 артикулах создание моделей становится основной статьёй бюджета. Если нужны ещё и статичные изображения, в обзоре CADCrowd указаны цены 150-300 $ за рендер у фрилансера и 700-1 500 $ за премиальное фотореалистичное изображение.
2. Интерактивность
На движение камеры, связанное с прокруткой, уходит несколько дней. На физическую симуляцию, материалы с реакцией на курсор или механизм, проверяющий совместимость опций, нужны недели. В конфигураторах именно на правила «уходят часы, а не на рендеринг». Подробнее разбираем это в статье о стоимости 3D-конфигураторов товаров.
3. Устройства
Чтобы сайт работал на пятилетнем Android-телефоне, понадобится упрощённый режим качества, статичное изображение и часто заранее подготовленное видео вместо интерактивной сцены. Каждый режим нужно отдельно тестировать.
4. Всё остальное на сайте
Объём контента, CMS, языки и срок запуска. Utsubo закладывает 30-50% за каждый дополнительный язык и 15-30% за срочность.
Наш совет: чтобы сократить бюджет на 3D, уменьшайте число сцен, а не качество. Одна отличная сцена лучше четырёх посредственных.
Почему цены на сайты с three.js так различаются
На одну и ту же задачу можно получить предложения с разницей в цене в 10 раз. Обычно за ними стоят разные команды:
- Один креативный разработчик отвечает за дизайн, 3D и код. Это самый доступный вариант, но возможности одного человека ограничены.
- Небольшая студия: дизайнер, 3D-художник, креативный разработчик и тестировщик. Средний ценовой сегмент.
- Крупное агентство добавляет стратегию, управление проектом и работу клиентских менеджеров. Отсюда и разница в 2-4 раза.
Страна тоже влияет на цену, но студию лучше оценивать по тому, как её готовые сайты работают на вашем телефоне. О самой разработке рассказываем в статье «Как создают сайт на Three.js».
Расходы, которые часто не попадают в первую смету
- Обновление моделей и материалов. Новый цвет требует нового набора текстур. Новый товар - новой модели. Рассчитывайте эти расходы на каждый артикул, а не на год.
- Хостинг и CDN. Utsubo указывает 50-500 $ в месяц для премиальных сайтов. Корпоративные проекты обходятся дороже.
- Поддержка. В том же обзоре указан диапазон 500-5 000 $ в месяц. По его данным, неочевидные расходы добавляют 20-40% к затратам первого года.
- Запасные варианты отображения. Статичные изображения, зацикленные видео для слабых устройств и версия с уменьшенной анимацией тоже требуют работы. Если в смете их нет, уточните этот пункт.
- Оптимизация скорости. Сжатие моделей и текстур до приемлемого для смартфонов размера занимает время. Без этой работы сайт будет загружаться медленно и может терять позиции в поиске.
Как получить точный расчёт
Ответьте на шесть вопросов, и студия сможет достаточно точно оценить стоимость вашего 3D-сайта:
- Сколько нужно сцен или отдельных 3D-элементов и где они будут на странице?
- Есть ли 3D-модели? В каком формате: GLB, FBX, STEP?
- Что пользователь должен уметь делать: смотреть, вращать, выбирать комплектацию, покупать?
- Какие устройства важнее всего? Посмотрите долю мобильных посетителей в аналитике.
- Какие нужны CMS, языки и интеграции?
- Когда запуск и можно ли изменить дату?
