Создание промо-сайтов в Санкт-Петербурге

Промо-сайт для фестивалей, выставок, маршрутов и запусков в Санкт-Петербурге: яркая подача, анимация и регистрация в один шаг.

  • 13проектов в портфолио
  • 7наград и отметок, 2025
  • 30дней поддержки после сдачи

Тарифы и цены

от60 000 ₽

Срок
10–14 дней
Объём
до 6 экранов
Платформа
Чистая вёрстка
  • Подача и история продукта по экранам
  • Появление блоков и аккуратные переходы
  • Адаптивная вёрстка, оптимизация изображений и видео
Обсудить тариф

от100 000 ₽

Срок
2–4 недели
Объём
до 10 экранов
Платформа
Чистая вёрстка
  • Прототип и индивидуальный дизайн
  • Анимация при прокрутке, видео на экране, интерактивные блоки
  • Регистрация, заявка или предзаказ с отправкой в CRM
Обсудить тариф

от160 000 ₽

Срок
4–6 недель
Объём
до 15 экранов
Платформа
Чистая вёрстка
  • Сложные анимации и сценарий прокрутки
  • Тексты пишет копирайтер
  • Интерактивные элементы и иллюстрации (1–2 шт.)
Обсудить тариф

Цену и состав фиксируем в договоре после бесплатного брифинга.

  • История по экранам

    Выстраиваем подачу так, чтобы посетитель дошёл до действия.

  • Анимация без лишнего веса

    Плавное появление блоков и сценарий прокрутки без потери скорости.

  • Под событие и акцию

    Регистрация, предзаказ или заявка: цели и события в Метрике.

  • Плавно на телефоне

    Проверяем скорость и анимацию на реальных устройствах.

Об услуге

Что такое промо-сайт

Если задача другая

Промо-сайт — это история по экранам для одной кампании: запуска продукта, события, акции или бренда.

В отличие от лендинга, он должен запомниться: сценарий, анимация при прокрутке и видео подводят человека к одному действию, будь то регистрация, заявка, предзаказ или покупка. Для постоянной рекламной страницы лучше лендинг, для сайта всей компании корпоративный сайт.

  • 01История продукта по экранам
  • 02Анимация и видео
  • 03Регистрация, заявка или предзаказ
  • 04Метрика с целями и событиями

Почему Zeroscreen

Что отличает нашу работу

Это не слоганы: каждый пункт можно проверить в договоре, в коде и в готовом сайте.

  • 01

    Сначала сценарий, потом дизайн

    Выстраиваем историю по экранам: что посетитель увидит первым, где остановится и как дойдёт до регистрации или заявки. Анимация подчёркивает историю, а не заменяет её.

    Ключевое отличие

  • 02

    Анимация на чистой вёрстке

    Анимацию и видео делаем на чистой вёрстке и проверяем на реальных устройствах, поэтому сайт остаётся плавным и быстрым, а не только красивым на макете.

  • 03

    Проверка перед сдачей

    Проверяем плавность анимации на телефонах, скорость загрузки видео, форму регистрации и цели в Метрике. Итоговую проверку проводит руководитель студии.

    Ключевое отличие

  • 04

    Цена и срок в договоре

    Число экранов, уровень анимации и срок записываем в договор. 3D-графику, съёмку и рекламу считаем отдельно и называем заранее.

    Ключевое отличие

  • 05

    Сайт принадлежит вам

    Макеты, исходный код и анимации передаём вам: промо-сайт можно обновить к следующей кампании без нас.

  • 06

    Один контакт на весь проект

    Проект ведёт менеджер, к нему подключаются те, кто придумывает сценарий и делает его в коде. В Telegram отвечаем в течение часа в рабочее время, 30 календарных дней после запуска остаёмся на связи.

Портфолио

Примеры работ

Реальные проекты студии, ближайшие по задаче к услуге «Промо-сайт». Всё портфолио

Две работы ниже показывают две подачи: сайт группы компаний KTG Group, где сложное устройство объяснено просто и спокойно, и информационный сайт Neofact со своим визуальным языком. Промо-сайт строится по тем же принципам, но историю рассказывает по экранам.

Сайт холдинга2026Статичный сайт

KTG Group — группа компаний

Сайт холдинга: сложную структуру подали просто и спокойно, сайт загружается с минимальной нагрузкой.

  • Корпоративный сайт
  • Дизайн
  • Статичная вёрстка
Смотреть кейс

Публичных промо-сайтов в портфолио пока нет: часть проектов такого типа не публикуется. Это ближайшие работы по подаче и визуальному языку: промо-сайт строим по тем же принципам, но с историей по экранам и анимацией.

Признание

Награды и отметки

Проекты студии отмечены на международной площадке Behance и российской платформе Dprofile. Всего семь отметок за 2025 год.

  • 2025

    Графика: Лучшее; Adobe Illustrator: Лучшее

    Behance3 отметки

  • 2025

    Рекомендовано: Графический дизайн

    Dprofile2 отметки

  • 2025

    Рекомендовано: Брендинг

    Dprofile1 отметка

  • 2025

    Лучшее

    Dprofile1 отметка

Часть наших работ скрыта авторами и в этом списке не показана. Подробнее на странице «О нас».

Отзывы

Что говорят заказчики

Отзывы заказчиков студии: государственные организации, ресторан и частный специалист.

Все отзывы

Сайт получился таким, как я работаю с людьми: спокойным и без давления. Услуги описаны через формат и длительность встречи, а стоимость собрана в понятные карточки — её видно сразу, без неловких вопросов. Видеообращение на первом экране помогает прийти на консультацию уже спокойнее. Сайт одинаково удобен на телефоне и на компьютере.

Елена ИльинаПсихолог, Екатеринбург

Веб-студия Zeroscreen помогла нам грамотно структурировать всю информацию о работе центра. Адреса, контакты, перечень услуг и порядок записи теперь распределены по логичным разделам — сайт стал понятным справочником для жителей.

Роман Н.МФЦ «Мои документы», г. о. Лобня

Портал решил задачу упорядоченного хранения служебной информации. Zeroscreen профессионально выстроили архитектуру доступа: операторы и менеджеры видят ровно те файлы, которые необходимы им для выполнения задач. Данные под надёжной защитой, контент всегда поддерживается в актуальном состоянии.

Иван Ж.ФГБУ «ФЦТ»

Сайт получился удобным и понятным. Гость без труда находит нужный ресторан на карте, знакомится с меню и оформляет заказ. Техническая часть реализована грамотно. Отдельно отметим сопровождение: поддержка работает чётко, без проволочек.

Мила А.Ресторан «OMG Coffee»
Сергей Костюк, основатель и руководитель Zeroscreen

Кто отвечает за результат

Проект ведёт команда, а перед сдачей его проверяет руководитель студии

Красивый сайт — это половина дела. Вторая половина — вычёркивание лишнего: на экране остаётся то, что отвечает на вопрос посетителя.

Сергей КостюкОснователь и руководитель студии, Senior-разработчик

Сергей занимается разработкой сайтов с 2011 года. Мы небольшая студия и отвечаем за результат лично. Цена, состав и срок записаны в договоре, а перед сдачей сайт проходит проверку по чек-листу.

13
проектов в портфолио
6
специалистов в команде
7
наград и отметок, 2025

Страница обновлена: Команда студии О Zeroscreen

Цена

Тарифы и состав

Три тарифа с точным составом. Цена указана «от»: итог фиксируем в договоре после бесплатного брифинга. Полное сравнение на странице «Цены».

Старт

Промо-сайт с продуманной подачей и анимацией на проверенной структуре: для акции, события или быстрого запуска.

от 60 000 ₽

Срок
10–14 дней
Объём
до 6 экранов
Платформа
Чистая вёрстка
  • Подача и история продукта по экранам
  • Появление блоков и аккуратные переходы
  • Адаптивная вёрстка, оптимизация изображений и видео
  • Форма заявки или регистрации, Метрика с целями

Не входит: Иллюстрации и 3D: подбираем из ваших материалов; Тексты: готовите вы

Стандарт

Промо-сайт с индивидуальным дизайном и интерактивом: видео, анимация при прокрутке, расписание или тарифы.

от 100 000 ₽

Срок
2–4 недели
Объём
до 10 экранов
Платформа
Чистая вёрстка
  • Прототип и индивидуальный дизайн
  • Анимация при прокрутке, видео на экране, интерактивные блоки
  • Регистрация, заявка или предзаказ с отправкой в CRM
  • Помощь с подачей и структурой текста

Не входит: Тексты от копирайтера; 3D-графика и сложные иллюстрации

Расширенный

Промо-сайт для крупного запуска: сложный сценарий прокрутки, интерактивные элементы, тексты и подготовка к рекламе.

от 160 000 ₽

Срок
4–6 недель
Объём
до 15 экранов
Платформа
Чистая вёрстка
  • Сложные анимации и сценарий прокрутки
  • Тексты пишет копирайтер
  • Интерактивные элементы и иллюстрации (1–2 шт.)
  • Пиксель VK, цели для Яндекс Директа, события в Метрике

Не входит: Съёмка и 3D-моделирование: считаем отдельно; Настройка рекламных кампаний

Сравнить тарифы подробно
ПараметрСтартот 60 000 ₽Стандартот 100 000 ₽Расширенныйот 160 000 ₽
Экрановдо 6до 10до 15
Срок10–14 дней2–4 недели4–6 недель
ПрототипГотовая структура блоковПрототип под вашу историюПрототип под вашу историю
ДизайнНа проверенной структуре, под ваш стильИндивидуальныйИндивидуальный, авторская подача
АнимацияПоявление блоков, переходыПри прокрутке и интерактивные блокиСложный сценарий прокрутки
Видео на экранеНе входитВходитВходит
Интерактивные элементы и иллюстрацииНе входитНе входит1–2 шт.
ТекстыВаши материалыВаши, помогаем с подачей и структуройПишет копирайтер
ПлатформаЧистая вёрстка (HTML, CSS, JS)Чистая вёрстка (HTML, CSS, JS)Чистая вёрстка (HTML, CSS, JS)
Заявка или регистрация: почта и TelegramВходитВходитВходит
Интеграция формы с CRM (Битрикс24, amoCRM)Не входитВходитВходит
Яндекс.МетрикаСчётчик и целиЦели и события кнопокЦели, события, расширенная настройка
Пиксель VK и цели для Яндекс ДиректаНе входитНе входитВходит

В каждом тарифе

Что входит в любую работу

Одинаково для любого тарифа и любой услуги, кроме дизайна: там нет вёрстки и запуска, остальное остаётся.

  • Договор и акты

    Работаем официально: индивидуальный договор, счёт, акты. Подписываем в ЭДО или на бумаге.

  • Прототип и согласование

    Сначала схема и структура, потом дизайн и код. На каждом этапе вы видите результат и вносите правки.

  • Адаптивная вёрстка

    Сайт одинаково удобен на телефоне, планшете и компьютере и открывается в современных браузерах.

  • Заявки и аналитика

    Форма заявки с согласием на обработку данных, Яндекс.Метрика и базовые цели, регистрация в Яндекс.Вебмастере и Google Search Console.

  • Контроль качества и запуск

    Перед сдачей проходим чек-лист: адаптивность, скорость, безопасность, формы и SEO-основа. Домен и хостинг помогаем выбрать, перенос берём на себя.

  • Исходники и доступы

    Макеты, код, доступы и файлы передаём вам после полной оплаты. Сайт принадлежит вам.

  • Обучение

    Показываем на созвоне, как управлять сайтом. Передаём запись и короткую инструкцию.

  • Поддержка 30 календарных дней

    Исправляем ошибки и помогаем с мелкими правками после сдачи. Входит в любой тариф.

Из чего цена

Из чего складывается цена сайта

В тарифах цена указана «от». Она растёт вместе с объёмом и сложностью задачи, а не от желания «подороже». Итог записываем в договор после брифинга, и в процессе работы он не меняется, если задача прежняя.

Точную сумму назовём после бесплатного брифинга: он занимает один созвон.

Получить КП
  1. 01

    Число экранов

    От шести до пятнадцати: каждый экран со своей подачей и анимацией требует отдельной работы.

  2. 02

    Сложность анимации

    Появление блоков и переходы входят в «Старт», анимация при прокрутке и видео — со «Стандарта», сложный сценарий — в «Расширенном».

  3. 03

    Тексты и подача

    В «Старте» тексты ваши, в «Стандарте» помогаем с подачей, в «Расширенном» пишет копирайтер.

  4. 04

    Интерактив и иллюстрации

    Интерактивные элементы и 1–2 иллюстрации входят в «Расширенный», 3D и съёмку считаем отдельно.

  5. 05

    Заявки и реклама

    Передача заявок в CRM — со «Стандарта», пиксель VK и цели для Яндекс Директа — в «Расширенном».

Что оплачивается отдельно

Об этих расходах мы говорим заранее, а не добавляем в счёт по ходу работы.

  • Домен и хостинг

    Оплачиваете вы напрямую провайдеру. Ориентир: домен от 200 ₽ в год, хостинг от 1 500 до 10 000 ₽ в год. Поможем выбрать и подключить.

  • Платные лицензии и сервисы

    Лицензия 1С-Битрикс (её покупает заказчик, мы подбираем редакцию), платные шрифты, стоковые фото, сторонние расширения, сертификаты, подписка на CRM, комиссии платёжных систем. Сторонние компоненты работают по своим лицензиям; список передаём вместе с сайтом.

  • Наполнение и материалы

    Тексты (кроме тарифов, где они указаны), фотографии, видео, наполнение каталога сверх объёма тарифа. Логотип и фирменный стиль можно заказать отдельно.

  • Юридические тексты

    Политику обработки персональных данных, оферту и реквизиты передаёте вы или ваш юрист. Мы размещаем их на сайте.

  • Продвижение и реклама

    SEO-продвижение, контекстная и таргетированная реклама, рекламный бюджет. Сайт мы готовим к ним, а сами кампании в стоимость создания сайта не входят и обсуждаются отдельно.

  • Новые функции после сдачи

    Задачи за рамками брифа обсуждаем отдельно: оцениваем срок и стоимость до начала работы.

Технологии

На чём делаем сайты

Промо-сайты делаем чистой вёрсткой: анимации и видео требуют точного контроля над кодом и скоростью загрузки.

  • Другие платформы по запросу

    Tilda, Laravel, чистая вёрстка и другие CMS и фреймворки. Если у вас уже есть сайт на другой платформе, доработаем его или перенесём.

  • Функции под ваш бизнес

    Онлайн-запись для салонов красоты и клиник, формы обратной связи, квизы, анкеты, калькуляторы, личные кабинеты. Реализуем то, что нужно вашему делу, а не то, что есть в готовом шаблоне.

Этапы

Как проходит работа

От 10 дней до 6 недель: срок зависит от тарифа, числа экранов и сложности анимации.

  1. 01

    Брифинг и КП

    Разбираем продукт или событие, аудиторию и действие, к которому ведёт сайт, фиксируем цену и срок.

    Результат

    КП и договор

  2. 02

    Сценарий и прототип

    Выстраиваем историю по экранам: что посетитель видит первым и в каком порядке приходит к действию.

    Результат

    Сценарий и схема экранов

  3. 03

    Дизайн и анимация

    Макеты для телефона и компьютера, раскадровка ключевых анимаций, до двух кругов правок.

    Результат

    Утверждённые макеты и анимации

  4. 04

    Вёрстка и анимация

    Адаптивная вёрстка, анимация при прокрутке, оптимизация видео и изображений, форма регистрации или заявки, цели в Метрике.

    Результат

    Промо-сайт на тестовом адресе

  5. 05

    Контроль качества и запуск

    Проверка скорости и плавности анимации на реальных устройствах, перенос на хостинг, обучение, 30 календарных дней поддержки.

    Результат

    Сайт онлайн, регистрация и заявки работают

Что нужно от вас

  • 01

    Бриф

    Нужно рассказать о бизнесе, клиентах и о том, зачем вам сайт. Для этого обычно достаточно одного созвона и небольшой анкеты.

  • 02

    Материалы

    Пришлите логотип, фотографии, тексты и сайты, которые вам нравятся. Чего-то не хватает: подскажем, как это собрать, или поможем сами.

  • 03

    Один ответственный

    Выберите человека, который будет согласовывать этапы и отвечать на наши вопросы. Благодаря этому работа не стоит на месте.

  • 04

    Согласования в срок

    Промежуточный результат лучше посмотреть за два-три рабочих дня. Если согласование затягивается, сроки сдвигаются.

  • 05

    Доступы

    Если у вас уже есть домен, хостинг, CRM или платёжные системы, понадобятся доступы к ним. Как передать их безопасно, мы объясним.

  • 06

    Предоплата

    Для старта нужно внести 30 % (в тарифе «Старт» 50 %), остальное оплачивается после сдачи. Большие проекты делим на этапы.

Качество

Как мы проверяем сайт перед сдачей

Прежде чем отдать вам сайт, мы проходим по проверочному списку, который в разработке называют QA. Красивая страница, которая не открывается на телефоне или не доставляет заявки, бесполезна, поэтому смотрим сразу несколько сторон: от вёрстки до безопасности. Финальную проверку проекта делает руководитель студии.

  • 0,05с

    достаточно, чтобы оценить привлекательность страницы: оценки за 50 мс совпали с оценками после долгого просмотра

    Lindgaard и др., 2006

  • 53%

    мобильных визитов прекращаются, если страница грузится дольше 3 секунд

    Google, 2016

  • до 7%

    конверсии может уйти из-за задержки загрузки всего на 0,1 секунды (розничные сайты)

    Akamai, 2017

Эти цифры получены в исследованиях, у вашего сайта они будут свои. Поэтому перед запуском мы отдельно измеряем скорость и смотрим мобильную версию.

  • Адаптивность

    Открываем сайт на смартфонах, планшетах и ноутбуках и в четырёх браузерах: Chrome, Safari, Firefox и Яндекс Браузере. Блоки не должны наползать друг на друга, а страница не должна уезжать вбок.

  • Поведение при изменении размера

    Медленно тянем границу окна от узкой ширины к широкой и смотрим, как перестраиваются меню, колонки, карточки и таблицы. Ни один элемент не должен обрезаться или ломаться на промежуточных ширинах.

  • Скорость загрузки

    Изображения переводим в WebP, шрифты подгружаем заранее, лишние скрипты не ставим. После этого замеряем скорость и убираем всё, что тормозит, ещё до сдачи.

  • Безопасность

    Следим, чтобы CMS и плагины были свежих версий, а лишних расширений было минимум: на WordPress мы пишем собственные функции. Формы защищены от спама, доступы выданы только нужным людям, включён HTTPS, а резервное копирование мы включаем на хостинге клиента при сдаче.

  • Формы и заявки

    Проверяем форму регистрации или заявки, цели в Метрике, подключение CRM, согласие на обработку данных, а также плавность анимации на телефонах.

  • Техническое и внутреннее SEO

    Проверяем заголовки, метатеги, canonical, карту сайта и robots.txt, микроразметку, страницу 404, редиректы и цели в Яндекс.Метрике. Это фундамент, на который затем можно опереться при продвижении.

  • Доступность

    Достаточный контраст текста, подписи у картинок и полей, заметный фокус при навигации с клавиатуры, ссылки и кнопки с понятными названиями.

  • Контент и ссылки

    Ищем битые ссылки и опечатки, сверяем цены и условия на разных страницах, а тексты с договором и утверждёнными макетами.

Договор

Условия работы

Цена фиксируется в договоре
После брифинга мы записываем в договор стоимость, состав работ и срок. Пока задача остаётся прежней, цена не растёт. НДС не облагается: указанная цена окончательная.
Оплата частями
Начинаем с предоплаты 30 % (в тарифе «Старт» 50 %), остаток вы платите после сдачи. Крупные проекты, от 150 000 ₽, делим на этапы (прототип, дизайн, вёрстка, запуск) и закрываем каждый актом.
Правки включены
В стоимость входят до двух кругов правок на макеты и один на готовый сайт. Если появляется новая идея вне брифа, мы оцениваем её отдельно.
Сроки зависят от обеих сторон
Отсчёт начинается с предоплаты и получения от вас материалов. Если согласование затягивается, срок сдвигается ровно на это время. Если срок затянем мы по своей вине, дадим скидку на доработки.
Сайт принадлежит вам
Когда работа полностью оплачена, к вам переходят исключительные права на дизайн и код, а также исходники, макеты и доступы. Сторонние компоненты (WordPress, плагины, шрифты) работают по своим лицензиям. Сайт можно перенести на любой хостинг или отдать другому разработчику.
Цена зависит от задачи, а не от города
Мы работаем по всей России: цену определяет задача, а не город, и заказчику из Санкт-Петербурга расчёт делаем так же, как любому другому. Личная встреча не требуется: видеосвязь, документы в ЭДО, файлы в облаке.
Конфиденциальность
Если нужно, подпишем соглашение о неразглашении.

Санкт-Петербург

Что учитываем для событий и сезонов

У событий жёсткие даты, а у туристических предложений есть сезон. Мы делаем структуру, где программа, цены и даты обновляются быстро, а регистрацию или продажу билетов подключаем через сервисы, которыми вы уже пользуетесь. Для иностранных гостей можно добавить английскую версию отдельной задачей.

Если проект рассчитан на гостей из других стран, на промо-сайте пригодятся краткое описание на английском и понятные даты, место и способ зарегистрироваться. Вторую версию страницы считаем отдельно после брифинга. Видео и анимации оптимизируем, чтобы тяжёлая графика не замедляла открытие на телефоне.

Санкт-Петербург живёт по московскому времени, поэтому рабочие часы студии совпадают с вашими, а созвониться можно в любой рабочий час.

Вопросы

Вопросы о заказе промо-сайта в Санкт-Петербурге

Что входит в стоимость, как проходит работа и о чём чаще всего спрашивают перед заказом.

Не нашли ответ? Напишите, ответим по существу в течение рабочего дня.

TelegramВсе вопросы и ответы

01

Что входит в стоимость промо-сайта?

Сценарий и прототип, дизайн, адаптивная вёрстка, анимация по выбранному тарифу, форма регистрации или заявки, Яндекс.Метрика с целями, запуск, обучение и 30 календарных дней поддержки. Съёмку видео, 3D-графику и рекламу мы в стоимость не включаем.

02

Чем промо-сайт отличается от лендинга?

Лендинг собирает заявку, а промо-сайт ещё и запоминается: у него есть сценарий по экранам, анимация при прокрутке и видео. Для постоянной страницы под рекламу лучше лендинг, а для запуска, события или акции промо-сайт подходит точнее.

03

Можно ли подключить продажу билетов?

Да. Продажу можно подключить через билетный сервис или платёжную систему на вашей стороне, а на промо-сайте разместить кнопку или форму. Собственную билетную систему мы считаем отдельно после брифинга.

04

Не будет ли промо-сайт медленным из-за анимации и видео?

Нет: видео и изображения мы оптимизируем, анимацию делаем на чистой вёрстке и проверяем скорость и плавность на реальных устройствах до сдачи. Если эффект замедляет сайт, упрощаем его.

05

Нужно ли делать отдельный сайт для каждого фестиваля?

Если фестиваль проходит регулярно, лучше один сайт, который вы обновляете к каждому сезону: адрес сохраняется, а поисковые системы накапливают данные о нём. Новый сайт имеет смысл, когда меняются формат или бренд события.

06

Что будет с промо-сайтом после окончания кампании?

Его можно оставить как архив, обновить к следующей кампании или заменить постоянной страницей. Файлы и доступы у вас, поэтому решение за вами. Мы подскажем, как поступить с поисковой выдачей.

07

Сколько стоит промо-сайт и сколько он делается?

От 60 000 ₽ в «Старте» (до 6 экранов, 10–14 дней), от 100 000 ₽ в «Стандарте» (до 10 экранов, 2–4 недели), от 160 000 ₽ в «Расширенном» (до 15 экранов, 4–6 недель). Для Санкт-Петербурга цены те же, что для других городов, точную сумму называем после бесплатного брифинга.

08

Как сочетать анимацию и скорость загрузки?

Анимацию делаем лёгкой: появление блоков и переходы собираем на стандартных возможностях браузера, видео сжимаем и подгружаем только когда оно нужно. Перед сдачей проверяем сайт на скорость и на разных устройствах. Эффект не должен мешать главному: человек должен быстро получить информацию.

Нужен промо-сайт?

Расскажите, что и к какому сроку нужно показать, — подготовим КП на промо-сайт с ценой и сроками.