13.07.2018

Веб-студия «СофтЭксперт» успешно реализовала проект редизайна и переноса сайта строительной компании «НовоСтрой» на CMS «1С-Битрикс: Управление сайтом» в редакции «Стандарт». Ресурс доступен по ссылке novostroi21.ru.

Редизайн и перенос сайта компании НовоСтрой

О клиенте

Строительная компания «НовоСтрой» занимается производством и поставкой металлоконструкций с 1995 года. Предприятие оказывает полный спектр услуг по проектной разработке, изготовлению и монтажу каркасов объектов капитального строительства, быстровозводимых зданий и сооружений. Здесь можно заказать как типовые металлоконструкции, так и штучное производство строительных изделий по индивидуальным чертежам. «НовоСтрой» имеет представительства в 3-х городах России: Чебоксарах, Казани и Москве. Заводские цеха компании, объёмом производства до 500 тонн продукции в месяц, располагаются в Чувашии. Клиентами «НовоСтроя» являются крупнейшие автосалоны, коммерческие и производственные компании России и Зарубежья: «Газпром АВИА», «Транснефть», О’КЕЙ, Mercedes-Benz, Porsche, Trimo и др.

Цели проекта:

Для привлечения максимального количества заказчиков через интернет «НовоСтрою» необходим был многофункциональный, удобный и адаптированный под мобильные устройства сайт. Предыдущий веб-ресурс в процессе многолетней эксплуатации и внесистемного наполнения утратил ясность и простоту структуры. Кроме того, его CMS изначально не предусматривала возможность изменения архитектуры, расширения функционала и масштабирования. Было решено оптимизировать структуру ресурса и перенести его на современную CMS «1С-Битрикс». В качестве подрядчика была выбрана тульская компания «СофтЭксперт», имеющая статус золотого сертифицированного партнёра «1С-Битрикс», слаженную команду профессионалов и десятки успешно реализованных проектов на счету.

Основные итоги проекта

В рамках работы над проектом специалисты веб-студии «СофтЭксперт» доработали логику разделов (объединили однотипные, разделили разноплановые), отрисовали дизайн, выполнили адаптивную вёрстку, настроили администраторский и пользовательский функционал.

Дизайн-макеты страниц были отрисованы под все популярные расширения адаптивной вёрстки. Наиболее показательной в плане структурной организации и контентного наполнения является главная страница. При необходимости её можно использовать как полноценный продающий лендинг. Здесь коротко представлены все основные разделы сайта. Для структурного деления страницы на тематические блоки используется чередование серого и белого цветов фона.

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

Слайдеры и инфографика на главной

Чтобы изображения слайдеров не нарушали цветового единства дизайна, верхний ряд снимков на 2/3 прикрыт полупрозрачными интерактивными шторками, а фото нижнего ряда предваряются не менее интерактивными уголками. При наведении курсора шторка закрывается полностью, а левая «шкала» уголка поднимается доверху. Данные эффекты используются на сайте повсеместно и даже повторяются на главной странице — для «зеркальности».

Повторное использование интерактивных элементов оформления

Дизайн ресурса в целом имеет зеркально-кольцевую композицию. Её формируют сходно оформленные шапка и футер сайта. Оба они состоят из двух горизонтальных полос: одной нейтральной и второй с фотоподложкой. Вверху это сам хедер + картинка заголовка страницы, внизу — сквозной блок «Клиенты компании» + стандартный футер с фоновым изображением. Фото в шапке и подвале однородны по стилистике.

Кольцевая композиция дизайна

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

Виртуальный конструктор зданий из металлоконструкций

Внутренние страницы сайта оформлены по аналогии с главной. На них также применяется чередование белых и серых фоновых подложек для деления на смысловые блоки, применяются те же принципы подачи и приёмы оформления контента. Из интересных моментов можно отметить карточный дизайн страницы новостей, каталогов сэндвич-панелей и металлоконструкций. Модульный принцип организации материалов не только моден, но и весьма удобен для посетителей ресурса. Наглядные карточки-анонсы (картинка + название + краткое описание) позволяют изучать содержимое страницы по диагонали и быстро находить нужный контент.

Карточный дизайн каталога металлоконструкций mini.png

Тщательно проработана навигация сайта. Её основу составляет верхнее горизонтальное меню с выпадающими списками ссылок. Для удобства посетителей меню дублируется в подвале и карте сайта.

В целях повышения продаж на сайте щедро используются кнопки с призывом к действию: «Заказать обратный звонок», «Отправить заявку», «Заказать расчёт», «Узнать подробнее», «Посмотреть отзывы».

Как и все новые ресурсы на платформе «1С:Битрикс», novostroi21.ru поддерживает технологию «Композитный сайт». Она обеспечивает быстрый отклик страниц, независимо от уровня их нагруженности контентом. И страницы с видео, и достаточно тяжёлые внутренние подразделы фотогалереи отображаются на экране пользователя мгновенно и сразу же доступны для работы. В результате полностью исключён отток посетителей, не дождавшихся отклика, сайту изначально обеспечены хорошие перспективы для высокого ранжирования в поисковой выдаче Яндекса и Google.

Если вас также интересует создание или редизайн и перенос сайта производственной компании в Москве и других городах ЦФО, обращайтесь в ГК «СофтЭксперт» по нижеуказанным контактным данным. Предварительные консультации БЕСПЛАТНЫ!

Контактная информация:

  • Телефон (многоканальный): 8(4872)700-270, доб 240.
    Карпачёва Ирина Николаевна

    Должность: руководитель отдела веб-разработки
    E-mail: 240@sfx-tula.ru