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

Кейс по созданию сайта-каталога для компании, продающей кровельные материалы

Кейс по созданию сайта-каталога для компании, продающей кровельные материалы
Обсудить проект
Компания «Петрович Строй» начала свой путь в 2014 году и на протяжении всего времени зарекомендовала себя как сильный и уверенный партнер в работе с ведущими производителями кровельных, фасадных и строительных материалов. Компания успешно реализовала множество проектов различного масштаба, включая как жилые, так и коммерческие здания. Благодаря высокому качеству работы и внимательному отношению к клиентам, «Петрович Строй» завоевала доверие и признание на рынке строительных услуг.
Дизайн
Дизайн
Индивидуальный
Сайт
Сайт
Каталог
Объём
218
Страниц
Скорость
97 / 100
Загрузки сайта
Язык
RU
Русский
Мессенджеры
Мессенджеры
Коммуникация
Маршрут
Маршрут
На картах
Карта

На сайте представлена интерактивная карта
для прокладывания маршрута до офиса с
функциями масштабирования и панорамирования.

Карта
Форма обратной связи

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

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

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

Меню
Отзывы

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

Отзывы
Задача

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

Решение

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

Ниша

Продажа строительные материалов, выполнение монтажных работ

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

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

Наименование компании
ЧТУП «ПетровичСтрой»
Сфера деятельности
Продажа строительные материалов, выполнение монтажных работ
Страна, на которую рассчитан сайт
Беларусь
Основные товары и услуги
Кровельные, фасадные, заборные материалы; обустройство кровли
Домен сайта
petrovichstroy.by
Целевая аудитория
Физические и юридические лица, нуждающиеся в обновлении своего дома/здания или находящиеся на этапе стройки
Задачи сайта
Предоставление актуальной информации о товарах и услугах, удобная навигацию для выбора материалов, генерацию лидов через формы и квизы, а также улучшение клиентского опыта.
Тип сайта
Тариф
Индивидуальное
CMS
WordPress
Хостинг
Hoster.by
Пожелания заказчика
Серые цвета в дизайне, хорошо проработанная страница товара и визуальное единство в каталоге.

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

01
Цвет и типографика
Основным пожеланием заказчика по дизайну была реализация сайта в серых оттенках. Поэтому сам фон сайта решено было сделать в сером цвете, а важные элементы (такие, как кнопки, ссылки, товарные блоки) были выделены с помощью красного и желтых цветов. Такой подход создает стильный и современный вид, подчеркивая ключевые функциональные элементы.
Основным шрифтом на сайте является Gilroy. У данного шрифта есть много начертаний, что позволяет грамотно расставлять акценты в тексте. Также он достаточно современный и хорошо читаемый, что является наиболее важным критерием в удобстве пользованием сайтом. Для заголовков был выбран шрифт Magistral, который сочетается с Gilroy и позволяет стильно выделять заголовки.
#f2be16
#ffffff
#3b3b3b
#e63f2c
Основным пожеланием заказчика по дизайну была реализация сайта в серых оттенках. Поэтому сам фон сайта решено было сделать в сером цвете, а важные элементы (такие, как кнопки, ссылки, товарные блоки) были выделены с помощью красного и желтых цветов. Такой подход создает стильный и современный вид, подчеркивая ключевые функциональные элементы.
#f2be16
#3b3b3b
#ffffff
#e63f2c
Основным шрифтом на сайте является Gilroy. У данного шрифта есть много начертаний, что позволяет грамотно расставлять акценты в тексте. Также он достаточно современный и хорошо читаемый, что является наиболее важным критерием в удобстве пользованием сайтом. Для заголовков был выбран шрифт Magistral, который сочетается с Gilroy и позволяет стильно выделять заголовки.

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

02
Функционал

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

  • Каталог продукции;
  • Страница с услугами;
  • Информация об оплате и доставке;
  • Раздел с объектами;
  • Отзывы;
  • А также акции и новости, страницы с информацией о компании и ее контактными данными.

Особое внимание стоит уделить внутренним разделам каталога. Для клиента очень важно было, чтобы изображения товаров были в одном стиле. На примере металлочерепицы: все изображения подобраны под один ракурс, цвет и наклон.

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

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

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

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

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

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

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

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

Высокая скорость загрузки сайта важна, потому что она напрямую влияет на пользовательский опыт: посетители остаются дольше и реже покидают сайт, если он быстро загружается. Это улучшает позиции в поисковых системах, повышает конверсию и способствует росту лояльности клиентов, что в итоге ведет к увеличению продаж и эффективности работы сайта. Для сайта «Петрович Строй» наша команда добилась высоких показателей скорости загрузки: 100 балов на десктопных и 97 баллов на мобильных устройствах.

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

05
Результат

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

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

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

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

+

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

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