Разработка сайтов · Санкт-Петербург
За словами «сделайте как у Apple» стоят четыре разные технологии. Самая дешёвая входит в обычную разработку и сверх неё не стоит ничего, самая дорогая тянет на стоимость ещё одного сайта. Здесь развилка целиком: чем они отличаются, сколько стоит каждая и где граница между «оправдано» и «красиво и бесполезно».
Иммерсивность продаётся надбавкой к сайту, а не отдельной услугой. «Лендинг плюс сцена по скроллу» — понятная позиция в смете. «Интерактивный опыт» в вакууме — нет.
Слово пришло из выставок и театра, где им называют полное погружение. В вебе оно осело как общее название для всего, что двигается и реагирует, — и под ним продают и то, что входит в цену обычного сайта, и то, что стоит дороже самого сайта. Практическое правило простое: объект нужно только показать — вторая ступень; нужно потрогать — третья; четвёртая нужна там, где сайт сам по себе является продуктом: спецпроект, презентация бренда, технология, которую не объяснить текстом.
Слои движутся с разной скоростью, блоки проявляются по мере прокрутки. Интерактива нет, работает на любом устройстве и не требует ни модели, ни рендера. Собирается и на Тильде, и своим кодом. Входит в разработку сайта, в её же срок.
Заранее отрендеренная секвенция кадров, привязанная к прокрутке: управление одно — скорость и направление скролла. Именно её имеют в виду, когда говорят «как у Apple»: объект поворачивается и разбирается по мере прокрутки. Это кадры, а не 3D в браузере, — стоит в разы дешевле и предсказуемее себя ведёт: что отрендерил, то и увидят все. Собирается и на Тильде, и своим кодом. От 35 000 ₽, 3–7 рабочих дней.
Сайт с видео по скроллуОдна облегчённая модель внутри страницы: вращать, приближать, менять цвет и материал. Пишу своим кодом — полный контроль над видом и поведением, сцена живёт в коде вашего сайта, а не в стороннем сервисе с подпиской. Собирается и на Тильде: объект встраивается блоком с кодом. От 45 000 ₽, 5–8 рабочих дней.
Сцена считается прямо в браузере, камера летит по маршруту. Нужна отдельная упрощённая версия для телефонов, и она проектируется заранее, а не по остаточному принципу. Практично только на своём коде: сцена во всю страницу с маршрутом камеры на конструкторе не собирается. От 120 000 ₽, 3–6 недель.
3D-сцены на Three.jsЭтот блок стоит выше цены намеренно. Направление легко продать красивой картинкой и потом получить недовольного клиента.
Если страница должна не только впечатлять, но и приводить людей из поиска, сцена закладывается вместе с обычным текстом и разметкой — разработка сайта под SEO. Расскажите про задачу — скажу, какая ступень решает её дешевле.
Самый частый способ сделать «видео по скроллу» — привязать перемотку видеофайла к прокрутке. Рабочий способ ровно один: разбить материал на кадры и управлять ими библиотекой с предзагрузкой. Снаружи разница не видна — видна по ощущению от сайта. Вот по каким пунктам её и проверяют.
Общий признак один: продукт нужно рассмотреть, а не прочитать про него. Если клиент выбирает по цене и срокам, деньги правильнее вложить в оффер и трафик — и я скажу это раньше, чем вы попросите смету.
Срок считается от момента, когда согласована раскадровка и есть материал, и складывается со сроком сайта. Цена фиксируется в договоре и дальше не растёт. Если бюджет меньше — скажу, с какой ступени разумнее начать, а не буду продавать всё сразу.
0 ₽
Входит в разработку сайта и считается в её сроке
9 900 ₽
2 рабочих дня. Стоимость вычитается из заказа
от 35 000 ₽
3–7 рабочих дней. Надбавка к сайту
от 45 000 ₽
5–8 рабочих дней. Надбавка к сайту
от 120 000 ₽
3–6 недель. Надбавка к сайту
Сколько выходит целиком. Лендинг на конструкторе от 45 000 ₽ плюс видео по скроллу от 35 000 ₽ — от 80 000 ₽ на старт. Четвёртая ступень практична только на своём коде, а там лендинг начинается от 60 000 ₽. Это середина рынка: у частных исполнителей лендинг «со сложной анимацией» выходит примерно в 140 000 ₽, в студиях сложные проекты идут от 120 000 до 300 000 ₽, в премиальных агентствах — от 200 000 ₽.
Лендинг под ключ · Разработка на Tilda · Разработка на чистом коде · Все цены
Материал — не работа по сайту, растворять его в смете нечестно. Цены ниже не мои: это ориентиры рынка, и они называются до подписания, а не после.
Партия моделей по фотографиям выходила заказчикам примерно в 5 000 ₽ за модель — если предметов много, считать надо так, а не по одной. Кинематографический ролик для большинства задач не нужен, и я скажу об этом до того, как вы его закажете. Отдельно оплачиваются лицензии на готовые ассеты. Цены по остальным направлениям — в прайсе.
Что показываем, в каком порядке, какое движение камеры. Здесь же выбирается ступень — чаще всего задача решается более дешёвой, чем та, с которой пришли. 2 рабочих дня.
Называю цифру, за которую первый экран обязан открыться на среднем телефоне. Она уходит в договор. В тот же этап.
Рендер модели, съёмка объекта или подготовка существующих файлов под веб. Тяжёлые модели в интерфейс не влезают: их приходится упрощать, и это отдельный этап, а не «экспорт». Зависит от материала.
Сначала компьютер, потом отдельно мобильный вариант — упрощённый осознанно, а не по остаточному принципу. Основной срок ступени.
Если скорость хуже согласованного порога — довожу, а не сдаю. Замер показываю на вашем телефоне, а не на своём. Перед сдачей.
С фиксированным числом итераций, названным в договоре до старта. Правильно отображается на компьютере и телефоне, ничего не плывёт. По договору.
От вас нужно немного: материал или решение, откуда он возьмётся — 3D-модель, чертежи, CAD-файлы, качественные фотографии объекта; один созвон на 40 минут о том, что показываем и в каком порядке; согласование раскадровки — единственный этап, где менять решения дёшево; ответы в течение 2 рабочих дней. Писать техническое задание, разбираться в форматах моделей, выбирать библиотеку и объяснять, что такое полигон, не нужно — это моя часть работы. Если согласование занимает неделю, срок сдвигается ровно на неделю, и я предупрежу об этом сразу, а не поставлю перед фактом в конце. Сроки — ориентир, а не гарантия.
Заявок и процентов конверсии не гарантирую, и вот почему. Результат зависит от четырёх вещей: вашего предложения и цены, конкуренции в нише, качества трафика и самого сайта. Иммерсивность — часть четвёртого: она усиливает то, что уже работает, и не чинит то, что не работает.
Зависит от ступени. Анимация появления входит в разработку и отдельно не стоит ничего, видео по скроллу — от 35 000 ₽, 3D-объект в блоке — от 45 000 ₽, 3D-сцена — от 120 000 ₽. Всё это надбавка к сайту; точную сумму называю после раскадровки, она зависит от числа кадров или сложности сцены.
Ровно этого клиенты и боятся, поэтому порог скорости называется до старта и попадает в договор. Видео по скроллу предсказуемо: сколько весит, столько и грузится. 3D-сцена тяжелее, и для неё делается отдельный упрощённый мобильный вариант — он входит в цену.
Нет. Для робота содержимое сцены — пустой прямоугольник. Поэтому рядом всегда ставится обычный текст в разметке: сцена работает на впечатление, текст — на поиск. Кто обещает обратное, продаёт вам поведенческие факторы вместо содержания. Как это закладывается с самого начала — на странице разработки сайта под SEO.
Первые три ступени — да, включая интерактивный 3D-объект: он встраивается блоком с кодом. Это его коммерческое преимущество — вы остаётесь на платформе, которую редактируете сами. Сцена во всю страницу с маршрутом камеры на конструкторе не собирается, для неё нужен свой код. Разработка на Tilda и на чистом коде.
Вариантов четыре: готовая модель из библиотеки, съёмка реального объекта, моделирование под заказ, генерация с последующей ручной чисткой. Моделирование — отдельная статья бюджета, на рынке от 20 000 ₽ за простой предмет. Называю её до подписания, а не после.
Смена цвета и материала на модели — да, это третья ступень. Расчёт стоимости с обменом с 1С и выгрузкой коммерческого предложения — другой класс работ, на рынке от 300 000 ₽ и один-три месяца работы команды. Скажу честно, если задача выходит за рамки того, что я делаю один, и назову ориентир.
Число итераций пишется в договор числом до старта. Причина не в жадности: изменение движения камеры означает повторный рендер, а это не пятиминутная правка. Раскадровка согласуется заранее именно затем, чтобы дорогих правок не было.
Ответьте на один вопрос: что именно человек должен разглядеть. Если ничего конкретного, а нужно просто «посовременнее» — хватит первой ступени, и она уже в цене сайта. Разбор с раскадровкой за 9 900 ₽ отвечает на этот вопрос за 2 рабочих дня, и его стоимость вычитается, если заказываете работу.
Обсудить проект. Расскажите, что нужно показать и какой у вас материал — модель, фотографии, чертежи. Отвечу, какой из четырёх ступеней решается ваша задача, сколько это стоит вместе с сайтом и за какой срок. Если увижу, что иммерсивность вашему проекту не нужна или что хватит ступени, которая уже входит в цену, скажу об этом прямо.
Смотрите также: Разработка сайтов · Сайт с видео по скроллу · 3D-сцены на Three.js · Лендинг под ключ · Разработка на чистом коде · Сайт под SEO · Цены · Все услуги
