Задача
Контекст
С 2013 года компания строит и ремонтирует объекты СПбГУ и других бюджетных организаций. Допуск СРО, тридцать лицензированных видов деятельности, сорок шесть государственных контрактов. И ни следа в интернете: заказчик, которому её порекомендовали, не мог проверить даже факт существования подрядчика.
Бюджетному заказчику не нужен креатив. Ему нужны реквизиты, допуски и список выполненных работ, который сходится с реестром закупок. Поэтому сайт строился не вокруг слогана, а вокруг доказательств.
Как это
выглядит
Главная · 4 кадра
Тёмный герой со сменой кадров с объектов, засечная типографика, тёплая палитра. Тон подрядчика, который работает с университетом, а не лендинга из конструктора. Тёмная и светлая темы переключаются кнопкой в шапке.
← Листайте · клик по экрану — увеличить
Реестр,
который можно проверить
Доверие
Отдельная страница с десятью контрактами: заказчик, сумма, год, статус и — главное — номер закупки. У восьми из десяти он указан, и по нему любой заказчик открывает карточку в ЕИС и сверяет всё сам. Фильтр раскладывает их по четырём направлениям: ремонт и фасады, благоустройство, инженерные сети, монтаж и поставка. Формулировка на странице простая: нам нечего скрывать.
72 страницы
из одного файла
Гео-генератор · SEO
Подрядчика ищут по району: «асфальтирование в Приморском», «ремонт помещений в Пушкине». Делать под это сотню лендингов руками — работа без конца. Поэтому районы и услуги лежат данными, а страница собирается шаблоном на лету.
В данных хранятся падежные формы — «в Невском районе», «асфальтирования», — поэтому заголовки читаются по-русски, а не как машинная склейка. Каждая страница получает свой title, description, canonical, Open Graph и микроразметку. Карта сайта собирается тем же перебором, так что новый район — это одна строчка в файле, а не три новых файла.
Поверх — общая разметка главной: организация как GeneralContractor, каталог из пяти услуг, адрес и координаты. Поисковик видит не «сайт про стройку», а конкретного подрядчика с местом на карте.
Стек
Технологии
Фронтенд
- HTML и CSS · без сборки
- Tailwind через CDN, компиляция в браузере
- Своя типографика и палитра поверх утилит
- GSAP и ScrollTrigger на главной
- Ревилы на IntersectionObserver
- Тёмная и светлая темы
Бэкенд
- Express 5 · Node.js
- Чистые URL и 301-редиректы
- Серверный рендер гео-страниц
- Динамический sitemap.xml
- Отдача статики
Данные и SEO
- Контент в файлах · без CMS и базы
- Гео-данные в JS-модуле
- Микроразметка GeneralContractor
- Каталог услуг, canonical, Open Graph
- Яндекс.Карты и Метрика
- Cookie-баннер по 152-ФЗ
Инфраструктура
- Docker · сборка образа
- nginx · TLS и проксирование
- pm2 · вариант без Docker
- Скрипты деплоя и обновления
- Домен blitsplus.ru
Кадры сняты с локально запущенного сайта на blitsplus.ru
Нужен такой же продукт?