Разработка сайта для производителя металлоконструкций и сооружений «ЗиМ»

За разработкой нового сайта компания «ЗиМ» обратилась в наше агентство в ноябре 2021 года. Задача – создать современный сайт, который бы полностью соответствовал требованиям поисковых систем, был функциональным и удобным для пользователей, а также отражал технологическую мощь компании.

При этом важно было максимально сохранить структуру старого сайта и перенести контент, который знаком поисковикам.

Так выглядел прежний сайт:

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

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

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

Захватить внимание с первого взгляда

Задача первого экрана – емко и быстро дать понять пользователю, куда он попал, и смогут ли здесь решить его проблему (удовлетворить запрос).

В данном случае, на наш взгляд, видео решает эту задачу максимально эффективно. 

Поэтому на первый экран сайта мы поместили динамичное видео с узнаваемым логотипом компании. В нем продемонстрировали работу предприятия на объектах различного масштаба и сложности, процессы изготовления и установки металлических сооружений, а также примеры готовых работ.

Там же разместили главные элементы навигации: меню с каталогом, контакты и форму для заявки.

«Параллакс эффект» на Главной странице

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

Изначально на главную страницу выводились не все разделы каталога, часть из них пряталась под кнопкой.

Клиент попросил найти решение, при котором посетитель сайта гарантированно просмотрел все виды продукции, при этом блок каталога не превратился бы в длинную «простыню».

После продолжительных раздумий и согласований мы приняли решение остановиться на эффекте «параллакс».

Параллакс скроллинг – это техника в веб-дизайне, когда элементы фона на переднем и заднем плане двигаются с разной скоростью при прокрутке окна браузера.

В нашем случае скорость скроллинга блока с разделами каталога должна быть быстрее, чем остальных блоков страницы.

Таким образом, не испортив дизайн, объекты при прокрутке двигались в 3 раза быстрее, оставаясь в поле зрения посетителя, и при этом не утомляли бесконечным скроллингом.

Интерактивная карта проектов

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

Еще одно необычное решение на сайте – раздел с интерактивной картой с наиболее интересными проектами компании.

На карту нанесены геометки с наиболее значимыми реализованными проектами. При клике на метку на карте открывается карточка объекта в портфолио с подробной информацией о нем.

Такое решение помимо демонстрации продукции показывает потенциальным клиентам возможность клиента работать с разными регионами, решать сложные логистические задачи.

Заключение

Отметим, что с компанией ЗиМ мы работаем по продвижению сайтов с 2015 года. На наш взгляд, у заказчика очень современное понимание, что такое интернет-маркетинг и качественный контент сайта.

Благодарим руководство ЗиМ за вовлеченность в проект, доверие, взаимопонимание и поддержку нестандартных решений.