MODUL 2
Строительная компания

MODUL 2

2020
клиент

MODUL2 – производство и строительство каркасных загородных модульных домов в Подмосковье.

виды работ
  • менеджмент
  • скетчинг
  • дизайн сайта
  • frontend-разработка
  • тестирование
Задачи

На основе логотипа, фирменного стиля и контент-плана разработать удобный и конверсионный сайт по подбору модульных домов. Форма обратной связи должна быть основным call-to-action.

Стилистика
Модульная сетка, ассиметрия, блочная структура, аутлайновые иконки в дизайне передают атмосферу проектирования, производства и строительства домов. Яркие и красочные изображения, дополненные светло- и темно-зелеными цветами отсылают к природе и натуральности материалов.
Главная страница

Хедер сайта зафиксирован при скролле для возможности перейти в нужный раздел. На первом экране имеет прозрачный фон, а со второго появляется светло-зеленый цвет для лучшей читабельности. Страница представлена в виде имиджевого сторителлинга.

Скриншот главной страницы сайта Modul2
Скриншот главной страницы сайта Modul2
Скриншот главной страницы сайта Modul2
Скриншот главной страницы сайта Modul2

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

Адаптивность

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

Скриншот главной страницы сайта Modul2
Скриншот главной страницы сайта Modul2
Скриншот главной страницы сайта Modul2
Архитектура блоков

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

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

Проекты

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

Переходы

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

Страница проекта

На странице представлено большое количество текста, который разбавили изображениями экстерьера и  интерьера дома. По гипотезе мужчины изучают технические характеристики, описанные в тексте. А женщины больше внимания уделяют визуальной части. Учли пожелания каждой целевой аудитории.

Скриншот страницы проекта сайта Modul2
Скриншот страницы проекта сайта Modul2
Скриншот страницы проекта сайта Modul2
Меню проекта дома

Проект дома имеет уникальное контекстное меню со скроллом к нужному разделу. Что позволяет легко навигировать по странице.

шрифт заголовка

основной шрифт

320

часов было потрачено на все виды работ по созданию сайта Modul 2.

Результат
Разработали дизайн-концепцию, отражающую специфику деятельности компании. Каждый проект дома является отдельной промостраницей с контекстным меню. Более 60% пользователей приходят с мобильных устройств, поэтому особое внимание уделено удобной адаптивной версии сайта и быстрой скорости загрузки страниц.
Secondaries