B2B-сайт технологии бестраншейного восстановления труб с каталогом материалов, техническими характеристиками и обучением специалистов.
Год
2026
Тип проекта
Многостраничный корпоративный сайт / каталог
Ниша
Промышленные технологии / B2B
SP!RES — технология восстановления канализационных труб без земляных работ. Сайт знакомит профессиональную аудиторию с системой, её преимуществами и применением, а также представляет необходимые материалы и обучение работе с оборудованием.
О проекте
Задача
Создать сайт, который понятно раскрывает сложную инженерную технологию и помогает потенциальным заказчикам перейти к обсуждению сотрудничества. Важно было соединить презентацию системы, техническую информацию и поддержку специалистов.
Основной фокус:
Объяснить принцип и преимущества технологии
Выстроить структуру многостраничного сайта
Организовать каталог и подробные страницы материалов
Сделать технические характеристики удобными для чтения
Представить форматы обучения и дальнейшей поддержки
Предусмотреть обращения за консультацией
Решение
Я начала со структуры страниц, затем разработала визуальную концепцию и основные макеты. Информация разделена по задачам посетителя: знакомство с технологией, выбор материалов и подготовка специалистов к работе с системой.
Презентация технологии
Главная последовательно раскрывает систему через описание, преимущества, информацию о компании, примеры проектов, отзывы и ответы на вопросы. Блоки помогают перейти от общего знакомства к более подробному изучению предложения.
Каталог материалов
Карточки объединяют изображение, название и краткие параметры материала. Подробная страница дополняет их описанием применения и таблицей технических характеристик.
Обучение специалистов
Отдельная страница раскрывает форматы подготовки: самостоятельное изучение, практику с инженером и сертификацию. Дополнительные блоки объясняют пользу обучения и поддержку после его завершения.
Обращение за консультацией
В готовых страницах предусмотрен общий контактный блок, а для отдельного обращения — модальная форма. Посетитель может оставить имя, телефон и почту.
01
Прототипирование страниц
02
Визуальная концепция и главная страница
03
Каталог и подробная страница материала
04
Страница обучения специалистов
05
Контактные блоки и модальная форма
06
Детализация типографики, карточек и таблиц
Подготовлены 17 прототипов страниц, 19 оформленных макетов и 1 модальная форма. Разработанная часть сайта объединяет презентацию технологии, каталог материалов и обучение в общей визуальной системе.
Результат
Что было сделано:
Прототипы главной, страницы отличий технологии, решения, расходных материалов, каталога и материала; визуальная концепция; дизайн главной, каталога, страницы материала и обучения; технические таблицы, контактные блоки и модальная форма
