Кейс · сайт

Сайт ПТКСК: полный цикл работ и два сценария заявки

Одностраничный сайт производителя металлоконструкций из Владивостока. На одной странице собраны полный цикл работ, четыре направления услуг, реализованные проекты, партнеры, презентация компании и два сценария заявки — быстрый звонок или расчет по документации.

9 смысловых блоков
4 направления услуг
2 сценария заявки
Первый экран сайта ПТК «Стройконструкция» с производственным цехом и предложением металлоконструкций под ключ
01 / ЗАДАЧА

С чем пришел клиент

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

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

Для крупного строительного заказа недостаточно одной кнопки «Оставить заявку». Одним нужен короткий разговор, другим — предварительный расчет по эскизу или комплекту документов.

Доверие в B2B складывается из проверяемых признаков: цифр компании, производственной базы, примеров объектов, партнеров, ответов на технические вопросы и контактов.

01

Первый экран сразу показывает полный цикл

Заголовок обещает изготовление и монтаж металлоконструкций под ключ, а строка «Проектирование → Изготовление → Монтаж» раскладывает услугу на три этапа. Две кнопки не конкурируют: звонок рассчитан на быстрый вопрос, расчет стоимости — на посетителя с конкретным объектом.

02

Аргументы выстроены от цифр к доказательствам

Сразу после первого экрана стоят 100+ выполненных заказов, работа с 2016 года и около 30 заказов ежегодно. Дальше страница последовательно отвечает на вопросы: что делает компания, почему ей можно доверять, какие объекты уже построены и кто с ней работает.

03

Четыре услуги сравниваются в одной сетке

Каждое направление собрано одинаково: название, типы объектов, сроки или свойства и фотография результата. Оранжевое поле объединяет карточки в отдельный каталог внутри лендинга, а одинаковая структура помогает сравнивать предложения без переходов по внутренним страницам.

04

Для консультации и расчета — разные формы

Короткий попап запрашивает только телефон и обещает консультацию в течение 15 минут. В форме расчета есть имя, телефон, почта, описание проекта и загрузка файла: инженер получает исходные данные, а заказчику заранее показан срок предварительного ответа — 1–2 рабочих дня.

Похожая задача? Напишите в Telegram, отвечу за пару часов.

02 / РЕЗУЛЬТАТ

Что получила компания

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

01

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

02

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

03

Синие и оранжевые секции делят длинную страницу на крупные смысловые главы; контурные названия помогают быстро увидеть смену раздела.

04

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

03 / МАКЕТЫ

Лендинг, блок за блоком

Девять смысловых частей в порядке прокрутки: от предложения под ключ до контактов и заявки на расчет.

Нажмите на изображение, чтобы открыть его во весь экран. Работают стрелки, клавиши ← → и миниатюры.

04 / МАКЕТЫ

Два сценария заявки

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

Нажмите на изображение, чтобы открыть его во весь экран. Работают стрелки, клавиши ← → и миниатюры.

05 / СОСТАВ РАБОТ

Что было сделано

Клиент
ПТК «Стройконструкция»
Город
Владивосток
Год
2025
Дизайн лендинга и двух попапов
Николай Ковтун
  • Дизайн первого экрана с двумя целевыми действиями
  • Блок цифр и четыре карточки преимуществ
  • Сетка из четырех направлений услуг
  • Блок из пяти причин выбрать компанию
  • Карточки реализованных проектов
  • Блок о компании и директоре
  • Партнеры и скачивание презентации
  • FAQ и контактный блок с формой
  • Два попапа: консультация и расчет объекта с загрузкой файла

Нужен сайт для сложной B2B-услуги?

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

Следующий кейс Сайт EON Phuket