
Дизайн и страницы проекта
О проекте
- Информация о заказчике: modern-construction.ca
- Расположение: Calgary, Alberta, Canada
- Направление: Установка и строительство деревянных заборов
Modern Construction Solutions — компания, специализирующаяся на профессиональной установке, ремонте и проектировании деревянных заборов для частных и коммерческих объектов в Calgary. Основной акцент компании – качественные материалы, надежный монтаж, практичность и современный дизайн заборов, адаптированных к климатическим условиям Alberta.
Задание
Основные цели проекта:
- Создать современный сайт для презентации компании и услуг.
- Сформировать понятную структуру для разных типов деревянных заборов.
- Показать преимущества компании и процесс сотрудничества.
- Реализовать удобный способ получения предварительной стоимости работ.
- Добавить возможность быстро оставить заявку на просчет проекта.
- Представить проделанные работы и отзывы клиентов.
- Подготовить структуру сайта для дальнейшего SEO-продвижения.
Платформа
Сайт реализован на WordPress — платформа, позволяющая удобно управлять контентом, добавлять новые проекты, услуги и статьи, а также масштабировать функционал сайта в будущем.
Дизайн и UX/UI
Основой дизайна стала тематика натурального дерева и современного частного строительства. Визуальная часть сайта акцентирует внимание на готовых изгородях, деталях монтажа и качестве выполненных работ.
Для сайта разработана четкая структура: главная страница, блок о компании, отдельные страницы для каждого типа ограждения, портфолио, отзывы, FAQ, страница стоимости и контакты.
Отдельные страницы созданы для Privacy Fence, Horizontal Fence, Board-on-Board Fence, Shadowbox Fence, Picture Frame Fence, Decorative Top Fence, Custom Wood Fence и дополнительные услуги. Это упрощает навигацию для пользователей и позволяет подробно презентовать каждое решение.
В дизайне использованы большие фотографии реализуемых объектов, лаконичная типографика и заметные CTA-кнопки Get a Free Quote, Request a Quote и Call Now, ведущих пользователя к целевому действию.
Функционал и интеграция
Одной из ключевых функций сайта стал интерактивный калькулятор стоимости забора, позволяющий клиенту получить ориентировочный расчет еще до обращения в компанию.
Для расчета пользователь может указать:
- длину ограждения;
- необходимую высоту;
- стиль забора;
- необходимость демонтажа старой конструкции;
- длину ограды для демонтажа;
- количество ворот.
После ввода параметров система формирует предварительную стоимость монтажа, демонтажа и дополнительных элементов с общей суммой estimate. Пользователь может отправить запрос на полученный расчет.
Также на сайте реализовано:
- онлайн-заявку на бесплатный просчет;
- быстрая связь по телефону и email;
- портфолио выполненных проектов;
- блок с реальными отзывами клиентов;
- FAQ с ответами на основные вопросы по монтажу, материалам, стоимости и гарантии;
- подробный блок How We Work, показывающий путь клиента от первого обращения к финальной проверке выполненных работ.
Мобильная адаптация
Сайт адаптирован для корректного использования на смартфонах, планшетах и десктопах.
Особое внимание уделено мобильному взаимодействию: основные CTA, телефон, email и кнопка Request a Quote остаются легко доступными пользователю, а структура страниц позволяет быстро перейти к нужной услуге или получению расчета.
Результат
В результате реализовано:
- современный корпоративный сайт для строительной компании на канадском рынке;
- подробное описание всех основных видов деревянных заборов;
- отдельные посадочные страницы услуг для рекламы и SEO;
- интерактивный калькулятор для предварительного расчета стоимости;
- портфолио реальных работ;
- блоки с отзывами и ответами на частые вопросы;
- понятен процесс получения заявки и консультации;
- адаптивный интерфейс для мобильных и десктопных устройств.
Modern Construction Solutions — пример сайта, который не только представляет услуги строительной компании, но и работает как полноценный инструмент привлечения клиентов: помогает выбрать тип ограждения, пересмотреть реальные работы, предварительно рассчитать бюджет и сразу оставить заявку на реализацию проекта.
Другие проекты iWeb.
Начнем с разговора
У вас – идея.
У нас — решение.
Несколько слов о бизнесе и задаче. Обсудим, какой следующий шаг будет полезен.










