KTG Group — группа компаний
Сайт холдинга: сложную структуру подали просто и спокойно, сайт загружается с минимальной нагрузкой.
- Корпоративный сайт
- Дизайн
- Статичная вёрстка
Промо-сайт для фестивалей, выставок, маршрутов и запусков в Санкт-Петербурге: яркая подача, анимация и регистрация в один шаг.
Тарифы и цены
от60 000 ₽
от100 000 ₽
от160 000 ₽
Цену и состав фиксируем в договоре после бесплатного брифинга.
История по экранам
Выстраиваем подачу так, чтобы посетитель дошёл до действия.
Анимация без лишнего веса
Плавное появление блоков и сценарий прокрутки без потери скорости.
Под событие и акцию
Регистрация, предзаказ или заявка: цели и события в Метрике.
Плавно на телефоне
Проверяем скорость и анимацию на реальных устройствах.
Об услуге
Если задача другая
Задача проще: собрать заявки без сложной анимации
Нужен сайт компании надолго, а не под одну кампанию
Нужен только дизайн и сценарий для вашего разработчика
Промо-сайт — это история по экранам для одной кампании: запуска продукта, события, акции или бренда.
В отличие от лендинга, он должен запомниться: сценарий, анимация при прокрутке и видео подводят человека к одному действию, будь то регистрация, заявка, предзаказ или покупка. Для постоянной рекламной страницы лучше лендинг, для сайта всей компании корпоративный сайт.
Почему Zeroscreen
Это не слоганы: каждый пункт можно проверить в договоре, в коде и в готовом сайте.
Выстраиваем историю по экранам: что посетитель увидит первым, где остановится и как дойдёт до регистрации или заявки. Анимация подчёркивает историю, а не заменяет её.
Ключевое отличие
Анимацию и видео делаем на чистой вёрстке и проверяем на реальных устройствах, поэтому сайт остаётся плавным и быстрым, а не только красивым на макете.
Проверяем плавность анимации на телефонах, скорость загрузки видео, форму регистрации и цели в Метрике. Итоговую проверку проводит руководитель студии.
Ключевое отличие
Число экранов, уровень анимации и срок записываем в договор. 3D-графику, съёмку и рекламу считаем отдельно и называем заранее.
Ключевое отличие
Макеты, исходный код и анимации передаём вам: промо-сайт можно обновить к следующей кампании без нас.
Проект ведёт менеджер, к нему подключаются те, кто придумывает сценарий и делает его в коде. В Telegram отвечаем в течение часа в рабочее время, 30 календарных дней после запуска остаёмся на связи.
Портфолио
Реальные проекты студии, ближайшие по задаче к услуге «Промо-сайт». Всё портфолио
Две работы ниже показывают две подачи: сайт группы компаний KTG Group, где сложное устройство объяснено просто и спокойно, и информационный сайт Neofact со своим визуальным языком. Промо-сайт строится по тем же принципам, но историю рассказывает по экранам.
Сайт холдинга: сложную структуру подали просто и спокойно, сайт загружается с минимальной нагрузкой.
Информационный сайт с собственным визуальным языком и удобным чтением.
Публичных промо-сайтов в портфолио пока нет: часть проектов такого типа не публикуется. Это ближайшие работы по подаче и визуальному языку: промо-сайт строим по тем же принципам, но с историей по экранам и анимацией.
Признание
Проекты студии отмечены на международной площадке Behance и российской платформе Dprofile. Всего семь отметок за 2025 год.
Behance3 отметки
Dprofile2 отметки
Dprofile1 отметка
Dprofile1 отметка
Часть наших работ скрыта авторами и в этом списке не показана. Подробнее на странице «О нас».
Отзывы
Отзывы заказчиков студии: государственные организации, ресторан и частный специалист.
Сайт получился таким, как я работаю с людьми: спокойным и без давления. Услуги описаны через формат и длительность встречи, а стоимость собрана в понятные карточки — её видно сразу, без неловких вопросов. Видеообращение на первом экране помогает прийти на консультацию уже спокойнее. Сайт одинаково удобен на телефоне и на компьютере.
Веб-студия Zeroscreen помогла нам грамотно структурировать всю информацию о работе центра. Адреса, контакты, перечень услуг и порядок записи теперь распределены по логичным разделам — сайт стал понятным справочником для жителей.
Портал решил задачу упорядоченного хранения служебной информации. Zeroscreen профессионально выстроили архитектуру доступа: операторы и менеджеры видят ровно те файлы, которые необходимы им для выполнения задач. Данные под надёжной защитой, контент всегда поддерживается в актуальном состоянии.
Сайт получился удобным и понятным. Гость без труда находит нужный ресторан на карте, знакомится с меню и оформляет заказ. Техническая часть реализована грамотно. Отдельно отметим сопровождение: поддержка работает чётко, без проволочек.
Кто отвечает за результат
Красивый сайт — это половина дела. Вторая половина — вычёркивание лишнего: на экране остаётся то, что отвечает на вопрос посетителя.
Сергей КостюкОснователь и руководитель студии, Senior-разработчик
Сергей занимается разработкой сайтов с 2011 года. Мы небольшая студия и отвечаем за результат лично. Цена, состав и срок записаны в договоре, а перед сдачей сайт проходит проверку по чек-листу.
Цена
Три тарифа с точным составом. Цена указана «от»: итог фиксируем в договоре после бесплатного брифинга. Полное сравнение на странице «Цены».
Промо-сайт с продуманной подачей и анимацией на проверенной структуре: для акции, события или быстрого запуска.
от 60 000 ₽
Не входит: Иллюстрации и 3D: подбираем из ваших материалов; Тексты: готовите вы
Промо-сайт с индивидуальным дизайном и интерактивом: видео, анимация при прокрутке, расписание или тарифы.
от 100 000 ₽
Не входит: Тексты от копирайтера; 3D-графика и сложные иллюстрации
Промо-сайт для крупного запуска: сложный сценарий прокрутки, интерактивные элементы, тексты и подготовка к рекламе.
от 160 000 ₽
Не входит: Съёмка и 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-основа. Домен и хостинг помогаем выбрать, перенос берём на себя.
Макеты, код, доступы и файлы передаём вам после полной оплаты. Сайт принадлежит вам.
Показываем на созвоне, как управлять сайтом. Передаём запись и короткую инструкцию.
Исправляем ошибки и помогаем с мелкими правками после сдачи. Входит в любой тариф.
Из чего цена
В тарифах цена указана «от». Она растёт вместе с объёмом и сложностью задачи, а не от желания «подороже». Итог записываем в договор после брифинга, и в процессе работы он не меняется, если задача прежняя.
Точную сумму назовём после бесплатного брифинга: он занимает один созвон.
Получить КПОт шести до пятнадцати: каждый экран со своей подачей и анимацией требует отдельной работы.
Появление блоков и переходы входят в «Старт», анимация при прокрутке и видео — со «Стандарта», сложный сценарий — в «Расширенном».
В «Старте» тексты ваши, в «Стандарте» помогаем с подачей, в «Расширенном» пишет копирайтер.
Интерактивные элементы и 1–2 иллюстрации входят в «Расширенный», 3D и съёмку считаем отдельно.
Передача заявок в CRM — со «Стандарта», пиксель VK и цели для Яндекс Директа — в «Расширенном».
Об этих расходах мы говорим заранее, а не добавляем в счёт по ходу работы.
Оплачиваете вы напрямую провайдеру. Ориентир: домен от 200 ₽ в год, хостинг от 1 500 до 10 000 ₽ в год. Поможем выбрать и подключить.
Лицензия 1С-Битрикс (её покупает заказчик, мы подбираем редакцию), платные шрифты, стоковые фото, сторонние расширения, сертификаты, подписка на CRM, комиссии платёжных систем. Сторонние компоненты работают по своим лицензиям; список передаём вместе с сайтом.
Тексты (кроме тарифов, где они указаны), фотографии, видео, наполнение каталога сверх объёма тарифа. Логотип и фирменный стиль можно заказать отдельно.
Политику обработки персональных данных, оферту и реквизиты передаёте вы или ваш юрист. Мы размещаем их на сайте.
SEO-продвижение, контекстная и таргетированная реклама, рекламный бюджет. Сайт мы готовим к ним, а сами кампании в стоимость создания сайта не входят и обсуждаются отдельно.
Задачи за рамками брифа обсуждаем отдельно: оцениваем срок и стоимость до начала работы.
Технологии
Промо-сайты делаем чистой вёрсткой: анимации и видео требуют точного контроля над кодом и скоростью загрузки.
Tilda, Laravel, чистая вёрстка и другие CMS и фреймворки. Если у вас уже есть сайт на другой платформе, доработаем его или перенесём.
Онлайн-запись для салонов красоты и клиник, формы обратной связи, квизы, анкеты, калькуляторы, личные кабинеты. Реализуем то, что нужно вашему делу, а не то, что есть в готовом шаблоне.
Этапы
От 10 дней до 6 недель: срок зависит от тарифа, числа экранов и сложности анимации.
01
Разбираем продукт или событие, аудиторию и действие, к которому ведёт сайт, фиксируем цену и срок.
Результат
КП и договор
02
Выстраиваем историю по экранам: что посетитель видит первым и в каком порядке приходит к действию.
Результат
Сценарий и схема экранов
03
Макеты для телефона и компьютера, раскадровка ключевых анимаций, до двух кругов правок.
Результат
Утверждённые макеты и анимации
04
Адаптивная вёрстка, анимация при прокрутке, оптимизация видео и изображений, форма регистрации или заявки, цели в Метрике.
Результат
Промо-сайт на тестовом адресе
05
Проверка скорости и плавности анимации на реальных устройствах, перенос на хостинг, обучение, 30 календарных дней поддержки.
Результат
Сайт онлайн, регистрация и заявки работают
Нужно рассказать о бизнесе, клиентах и о том, зачем вам сайт. Для этого обычно достаточно одного созвона и небольшой анкеты.
Пришлите логотип, фотографии, тексты и сайты, которые вам нравятся. Чего-то не хватает: подскажем, как это собрать, или поможем сами.
Выберите человека, который будет согласовывать этапы и отвечать на наши вопросы. Благодаря этому работа не стоит на месте.
Промежуточный результат лучше посмотреть за два-три рабочих дня. Если согласование затягивается, сроки сдвигаются.
Если у вас уже есть домен, хостинг, CRM или платёжные системы, понадобятся доступы к ним. Как передать их безопасно, мы объясним.
Для старта нужно внести 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, согласие на обработку данных, а также плавность анимации на телефонах.
Проверяем заголовки, метатеги, canonical, карту сайта и robots.txt, микроразметку, страницу 404, редиректы и цели в Яндекс.Метрике. Это фундамент, на который затем можно опереться при продвижении.
Достаточный контраст текста, подписи у картинок и полей, заметный фокус при навигации с клавиатуры, ссылки и кнопки с понятными названиями.
Ищем битые ссылки и опечатки, сверяем цены и условия на разных страницах, а тексты с договором и утверждёнными макетами.
Договор
Санкт-Петербург
У событий жёсткие даты, а у туристических предложений есть сезон. Мы делаем структуру, где программа, цены и даты обновляются быстро, а регистрацию или продажу билетов подключаем через сервисы, которыми вы уже пользуетесь. Для иностранных гостей можно добавить английскую версию отдельной задачей.
Если проект рассчитан на гостей из других стран, на промо-сайте пригодятся краткое описание на английском и понятные даты, место и способ зарегистрироваться. Вторую версию страницы считаем отдельно после брифинга. Видео и анимации оптимизируем, чтобы тяжёлая графика не замедляла открытие на телефоне.
Санкт-Петербург живёт по московскому времени, поэтому рабочие часы студии совпадают с вашими, а созвониться можно в любой рабочий час.
Вопросы
Что входит в стоимость, как проходит работа и о чём чаще всего спрашивают перед заказом.
Не нашли ответ? Напишите, ответим по существу в течение рабочего дня.
Сценарий и прототип, дизайн, адаптивная вёрстка, анимация по выбранному тарифу, форма регистрации или заявки, Яндекс.Метрика с целями, запуск, обучение и 30 календарных дней поддержки. Съёмку видео, 3D-графику и рекламу мы в стоимость не включаем.
Лендинг собирает заявку, а промо-сайт ещё и запоминается: у него есть сценарий по экранам, анимация при прокрутке и видео. Для постоянной страницы под рекламу лучше лендинг, а для запуска, события или акции промо-сайт подходит точнее.
Да. Продажу можно подключить через билетный сервис или платёжную систему на вашей стороне, а на промо-сайте разместить кнопку или форму. Собственную билетную систему мы считаем отдельно после брифинга.
Нет: видео и изображения мы оптимизируем, анимацию делаем на чистой вёрстке и проверяем скорость и плавность на реальных устройствах до сдачи. Если эффект замедляет сайт, упрощаем его.
Если фестиваль проходит регулярно, лучше один сайт, который вы обновляете к каждому сезону: адрес сохраняется, а поисковые системы накапливают данные о нём. Новый сайт имеет смысл, когда меняются формат или бренд события.
Его можно оставить как архив, обновить к следующей кампании или заменить постоянной страницей. Файлы и доступы у вас, поэтому решение за вами. Мы подскажем, как поступить с поисковой выдачей.
От 60 000 ₽ в «Старте» (до 6 экранов, 10–14 дней), от 100 000 ₽ в «Стандарте» (до 10 экранов, 2–4 недели), от 160 000 ₽ в «Расширенном» (до 15 экранов, 4–6 недель). Для Санкт-Петербурга цены те же, что для других городов, точную сумму называем после бесплатного брифинга.
Анимацию делаем лёгкой: появление блоков и переходы собираем на стандартных возможностях браузера, видео сжимаем и подгружаем только когда оно нужно. Перед сдачей проверяем сайт на скорость и на разных устройствах. Эффект не должен мешать главному: человек должен быстро получить информацию.
Расскажите, что и к какому сроку нужно показать, — подготовим КП на промо-сайт с ценой и сроками.