Системы безопасности и автоматизации

ДигВиз — сайт инженерного бюро

Инженерное бюро с 21-летней историей: СКУД, видеонаблюдение, мультимедиа и автоматизация для производств, офисов и складов. Минимальный бюджет проекта — 100 000 ₽, частные клиенты не целевые. Нужен был сайт, который сам отсекает нецелевые обращения.

ЗадачаNext.js → статика
СтекHTML / CSS / JS
ЯдроКалькулятор-фильтр
ДигВиз — сайт инженерного бюро
01

Задача

Сайт работал на Next.js и жил на Vercel. Для одностраничного лендинга это избыточно: каждая правка текста требовала пересборки проекта, а деплой зависел от внешней платформы и её экосистемы.

Вторая задача была не технической, а коммерческой. Бюро работает с бюджетами от 100 000 ₽, но заявки приходили и на «повесить две камеры в квартире». Каждая такая заявка — это время инженера, потраченное на разговор, который заведомо ничем не закончится.

02

Что сделали

Переписали на чистый HTML, CSS и JavaScript

React-компоненты развернули в обычную разметку, классы Tailwind — в собственный CSS. На выходе папка со статикой: её можно залить на любой хостинг, включая простой Nginx, и всё заработает без сборки и без runtime фреймворка.

Калькулятор, который отсекает нецелевые заявки

Три шага: тип объекта, площадь, набор систем. На выходе — вилка стоимости. Если расчёт выходит меньше 100 000 ₽, форма заявки не показывается: посетитель видит вежливое сообщение и рекомендацию обратиться к партнёрам. Инженеры получают только те обращения, с которыми имеет смысл работать.

Заявки уходят прямо в Telegram

Форма отправляет в мессенджер готовую карточку: имя, телефон, тип объекта, площадь, выбранные системы и посчитанная вилка бюджета. Менеджер открывает диалог, уже понимая масштаб задачи, — без CRM и без почты.

Мобильная версия как отдельный сценарий

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

Тёмный технологический стиль

Строгая типографика, моноширинные цифры, терминальная эстетика и трёхмерная сцена на первом экране. Никаких скруглённых «мобильных» карточек и ярких эмодзи: это B2B-компания с 21-летней историей, и сайт должен выглядеть соответственно.

03

Попробовать вживую

Живая копия проекта на нашем сервере: можно кликать, считать стоимость и листать — всё работает. Форма заявки в демо-режиме отключена и никуда не отправляется.

04

Как выглядит

05

Результат

0 зависимостей и сборки

Сайт — это набор файлов. Правка текста занимает минуту и не требует пересборки проекта.

3 шага до заявки

Тип объекта, площадь, системы — и посетитель уже видит вилку бюджета.

100 000 ₽ порог отсечки

Заявки ниже порога не доходят до менеджера: форма для них просто не появляется.

«Ставьте цель. Дальше мы сами.»слоган ДигВиз, лёг в основу первого экрана

Нужен такой же?

Напишите нам в Telegram или Max — обсудим задачу, сроки и сразу назовём цену

Обсудить проект