+375 (29) 390-56-65
Время работы
Пн-Пт: 9:00 - 17:00
Сб-Вс: выходной
Отвечаем в мессенджерах:
Практические кейсы Кейсы по разработке сайтов Кейс по разработке сайта для кровельной организации

Кейс по разработке сайта для кровельной организации

Кейс по разработке сайта для кровельной организации
Обсудить проект
Компания “New Exterior Art” – официальный дилер заводов-изготовителей кровельных материалов, сайдинга, стенового профнастила, заборов, ограждений и другой строительной продукции. Мы предлагаем широкий ассортимент сертифицированных материалов от проверенных производителей, обеспечивая комплексную поставку на объекты любой сложности. В нашем каталоге — решения для частного и коммерческого строительства: от экономичных вариантов до премиум-сегмента.
Дизайн
Дизайн
Индивидуальный
Сайт
Сайт
Каталог
Объём
178
Страниц
Скорость
92 / 98
Загрузки сайта
Язык
RU
Русский
Лид-форма
Лид-форма
Калькулятор
Мессенджеры
Мессенджеры
Коммуникация
Карта

Реализована интерактивная карта склада и
офиса, которая позволяет пользователям легко
ориентироваться и быстро находить нужное место.

Карта
Меню

Реализовано всплывающее меню, которое
обеспечивает удобную и быструю навигацию
по сайту без перегрузки интерфейса.

Меню
Форма обратной связи

Реализована форма обратной связи, которая
позволяет пользователям быстро и удобно
отправлять вопросы и запросы прямо с сайта.

Форма обратной связи
Скидка

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

Скидка
Задача

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

Решение

Разработали адаптивный и быстро загружающийся сайт для кровельной компании с современным, минималистичным дизайном. Сайт корректно отображается на всех типах устройств — от смартфонов до десктопов — и обеспечивает удобный доступ к ключевым разделам: услуги, каталог, формы заявки и контактная информация. Навигация интуитивна и упрощена для максимального удобства пользователей.

Ниша

Компания по продаже и монтажу кровли и фасадных материалов

Продолжительность
  • 1 месяц – дизайн
  • 1,5 месяца – разработка
  • 3 недели – заполнение

Краткий бриф на разработку сайта

Наименование компании
NEXTA
Сфера деятельности
Компания по продаже и монтажу кровли и фасадных материалов
Страна, на которую рассчитан сайт
Беларусь
Основные товары и услуги
Кровля, фасад, забор
Домен сайта
nexta.by
Целевая аудитория
Мужчины от 20 до 60 лет
Задачи сайта
Привлечение лидов на товары и услуги, Информационная
Тип сайта
Тариф
Индивидуальное
CMS
WordPress
Хостинг
Hoster.by
Пожелания заказчика
Адаптивность на различных устройствах, Информативность наполнения, Унифицированность дизайна

Фирменная палитра цветов и шрифт

01
Цвет и типографика
Одна из лучших идей, используемая для данного сайта – добавление ярко-оранжевого цвета. Эта идея почти что уникальна. Для данного сегмента (продажа кровельных и строительных материалов) часто используют одноцветные сайты либо иные цветовые решения, которые удобно и привычно сочетаются. Однако синий с оттенками фиолетового вместе и насыщенно оранжевый – редкие цвета, не говоря об их сочетании.
Source Sans Pro — это современный, легкочитаемый шрифт, разработанный специально для цифровых интерфейсов. Он придаёт сайту аккуратный и чистый вид, хорошо адаптируется к различным экранам и разрешениям. Благодаря сбалансированным пропорциям и нейтральному стилю, шрифт делает текст удобным для восприятия, не отвлекая внимание от основного контента и визуальных элементов.
#371b4a
#ffffff
#fe5000
#161616
Одна из лучших идей, используемая для данного сайта – добавление ярко-оранжевого цвета. Эта идея почти что уникальна. Для данного сегмента (продажа кровельных и строительных материалов) часто используют одноцветные сайты либо иные цветовые решения, которые удобно и привычно сочетаются. Однако синий с оттенками фиолетового вместе и насыщенно оранжевый – редкие цвета, не говоря об их сочетании.
#371b4a
#fe5000
#ffffff
#161616
Source Sans Pro — это современный, легкочитаемый шрифт, разработанный специально для цифровых интерфейсов. Он придаёт сайту аккуратный и чистый вид, хорошо адаптируется к различным экранам и разрешениям. Благодаря сбалансированным пропорциям и нейтральному стилю, шрифт делает текст удобным для восприятия, не отвлекая внимание от основного контента и визуальных элементов.

Полезный и для пользователя, и для бизнеса функционал

02
Функционал

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

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

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

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

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

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

Какие инструменты и технологии мы использовали

03
Инструменты
Figma
Figma
WordPress
WordPress
JQuery
JQuery
PHP
PHP
JavaScript
JavaScript
WPBakery
WPBakery
Swiper
Swiper
Bootstrap
Bootstrap
FancyBox
FancyBox

Скорость загрузки сайта

04
Скорость
nexta.by
Анализировать
Мобильные устройства
Компьютер
92
nexta.by
0-49
50-89
90-100
Мобильные устройства
Компьютер
98
nexta.by
0-49
50-89
90-100
Показания сервиса
Google PageSpeed Insights

Одной из задач разработки сайта для нашей компании является высокая скорость загрузки. Несмотря на большое количество визуальных элементов, проект имеет достаточно высокую скорость загрузки в 98 и 92 балла на декстопных и мобильных устройствах соответственно (возможны более низкие результаты из-за медленного интернета, сильной нагрузки на устройства). Наличие такого результата, который мы получили сервисом PageSpeed Insights, является отличительной чертой нового лендинга, который способствует уменьшению процента отказа.

Результаты по проекту

05
Результат

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

1. Адаптивный дизайн
Сайт корректно отображается на смартфонах, планшетах и компьютерах, сохраняя удобство навигации и читаемость контента.
2. Высокая скорость загрузки
Оптимизированы изображения и код, чтобы сайт загружался мгновенно даже при слабом интернете.
3. Современный визуальный стиль
Использованы фирменные цвета, иконки и типографика, которые подчеркивают профессионализм компании.
4. Удобная структура и меню
Продуманная навигация позволяет быстро найти нужную информацию или оставить заявку.
5. Учитывали все пожелания клиента
При возникновении новых идей от клиента оперативно обсуждали их возможность и дополняли проект.
Хотите так же?
Давайте обсудим проект!
+

Обсудить проект

+

Заявка на обратный звонок

Согласие на обработку персональных данных в соответствии с целями, указанными в Политике обработки персональных данных