Продвижение технических и промышленных компаний
Специализируемся на SEO & GEO-продвижении и разработке сайтов более 15 лет.
Продвижение технических и промышленных компаний
Специализируемся на SEO & GEO-продвижении и разработке сайтов более 15 лет.
Разработка сайта для инжиниринговой компании ST Engineering
Разработка сайта под ключ для выхода в премиальный сегмент.
ST Engineering — региональный подрядчик комплексных электротехнических решений: электромонтаж, слаботочные системы, проектирование и пусконаладка под ключ. За 12 лет компания реализовала больше 300 объектов, работает по 223-ФЗ и 44-ФЗ, имеет лицензии СРО и МЧС.
Задача
Сайт был частью ребрендинга: компания выходила из сегмента небольших заказов в премиальный, к более крупным клиентам, и новому сайту предстояло показать именно это — комплексного подрядчика, у которого можно закрыть все инженерные системы сразу, без десятка разных исполнителей. При этом услуг у компании — на несколько экранов: только в электромонтажных работах пять крупных направлений, и у каждого — свой список подуслуг вплоть до отдельных видов монтажа. Нужен был сайт, который проведёт через этот объём так, чтобы заказчик находил нужную услугу за пару кликов, а не терялся в плоском списке.
Что сделали
Согласовали характер на мудборде
Для инженерной компании нужен был образ подрядчика, которому доверяют ответственные объекты. В мудборде зафиксировали минимализм, тёмную палитру, тёплый акцентный цвет, крупные фотографии и свободную композицию.
Фотографии показывают людей и реальные объекты, а спокойная сетка и контрастная типографика поддерживают ощущение точности. Сначала согласовали этот характер, а уже затем перешли к композициям страниц.
Разработали четыре концепции первого экрана
Первый экран должен был за несколько секунд объяснить специализацию компании и показать, что перед посетителем — подрядчик уровня крупных объектов, а не мелкая бригада. Поэтому подготовили четыре варианта с разной логикой подачи, а не четыре декоративные версии одной композиции.
В одном варианте заголовок и контакты распределены по двум частям фотоколлажа. В другом текст собран поверх единого изображения. Третий строится на большой свободной зоне и разнесённых аргументах. Четвёртый использует полупрозрачную карточку поверх фотографии объекта.
В работу взяли вариант с разделённым изображением: слева — предмет работы, электрооборудование и кабели, справа — специалист. Крупный заголовок остаётся читаемым, а карточка связи не конкурирует с основным предложением.
Собрали главную страницу вокруг вопросов клиента
Выбранную концепцию развили в длинную главную страницу. Сначала посетитель видит специализацию компании и может запросить смету. Дальше страница отвечает на вопросы, которые влияют на выбор подрядчика: есть ли необходимые допуски, с какими системами работает команда, как проходит проект и какие объекты уже реализованы.
После этого идут три направления услуг, отдельное предложение для тендеров и шесть этапов работы — от заявки и обследования до сдачи объекта и передачи документации. Ниже расположены проекты, заказчики, презентация компании, материалы блога и форма обращения.
Главная получилась длинной, и одинаковые секции быстро сделали бы её монотонной. Поэтому текстовые блоки чередуются с крупными фотографиями, карточками и горизонтальными лентами.
Адаптировали мобильную версию под отдельный сценарий
Мобильная версия не повторяет десктоп в уменьшенном виде. На первом экране меняется кадрирование, контактная карточка становится частью вертикального маршрута, преимущества идут последовательно, а услуги превращаются в крупные самостоятельные карточки.
В Figma подготовили макеты для шести диапазонов ширины: широкого компьютера, ноутбука, двух планшетных и двух мобильных форматов. Так заранее определили поведение сетки, текста, карточек и форм.
Собрали систему каталога, которую можно развивать
Провели брифинг и собрали семантическое ядро по всем направлениям — от силового электрооборудования и электроосвещения до противопожарных систем, СКС, автоматизации и диспетчеризации — отдельно для SEO и для контекстной рекламы. На этой основе построили каталог услуг: вместо плоского списка — иерархия из двух больших разделов («Электромонтажные работы» и «Слаботочные системы»), направлений внутри них и конкретных видов монтажа, плюс отдельные разделы «Проектирование» и «Пусконаладочные работы».
Для каталога подготовили несколько уровней шаблонов. Страница направления объясняет общий состав работ и ведёт к конкретным услугам, подробная страница раскрывает состав монтажа, этапы, преимущества и связанные предложения. Шаблоны рассчитаны на разные объёмы материала, при этом навигация, типографика, цвет и формы остаются едиными на всём сайте.
Показали опыт на конкретных объектах
Каталог проектов получил фильтры по категориям: жилые комплексы, склады и производства, поликлиники, школы, государственные и коммерческие объекты. Для каждого проекта — подробная страница с фотографиями, описанием, сроками и характеристиками.
Раздел о компании дополняет портфолио цифрами, лицензиями, принципами работы и логотипами заказчиков.
Связали блог, контакты и обращение
Блог стал отдельным шаблоном: материалы можно разделять по типу, выводить на главную и связывать со страницами услуг. Так блог работает на продажи и даёт дополнительный трафик из поиска.
На странице контактов собраны телефоны, почта, адрес, реквизиты, социальные сети и карта. Единая форма обращения повторяется в нужных точках сайта.
Результаты
После запуска сайта и рекламной кампании в Яндекс.Директе клиент получил крупный контракт. По словам заказчика, работы теперь расписаны до конца года, и вместо борьбы за каждую заявку компания оценивает входящие заказы и выбирает, с какими работать.
Нужен сайт под ключ для промышленной или инженерной компании?
Соберём структуру из вашей семантики, а не из шаблона, и напишем тексты, которые можно найти в поиске.
Рекомендуем посмотреть другие кейсы
Хотите, чтобы ваш проект приносил результат сразу после запуска?
Оставьте заявку на стратегическую сессию, мы проанализируем ваш проект и предложим решение под ваши бизнес-цели
IT-аутсорсинг и техподдержка для вашего бизнеса
Берём на себя техническую поддержку пользователей, администрирование серверов и сопровождение сайтов. Вы фокусируетесь на бизнесе, мы решаем технические задачи.
Узнать подробнее