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

seven-stroy.by
ЧТУП «Севан-Элефант» — ведущий поставщик кровельных и отделочных материалов в РБ. Компания начала свою деятельность в 2008 году и является дилерами крупных заводов, известных безупречным качеством своей продукции. За годы работы компания зарекомендовала себя как надёжный партнёр среди строительных организаций и частных клиентов. Широкий ассортимент продукции и высокий уровень сервиса позволяют эффективно удовлетворять потребности рынка.
Дизайн
Индивидуальный
Сайт
Каталог
Объём
153
Страницы
Скорость
97 / 99
Загрузки сайта
Язык
RU
Русский
Цены
BYN
Конвертер
Лид-форма
Калькулятор
Мессенджеры
Коммуникация
Задача
Создание сайта-каталога для привлечения новых клиентов, адаптивное отображение сайта на всех устройствах и разрешениях, полнота информации о товарах, понятная структура сайта, соответствие дизайна корпоративному стилю.
Решение
Создан сайт-каталог, ориентированный на привлечение новых клиентов. Обеспечено адаптивное отображение на всех устройствах и разрешениях, что гарантирует удобство использования. Реализована полнота информации о товарах, структура сайта интуитивно понятна, дизайн соответствует корпоративному стилю компании.
Ниша
Строительство
Продолжительность
- 1 месяц – дизайн
- 1,5 месяца – разработка
- 2 недели – заполнение
Краткий бриф на разработку сайта
Наименование компании
ЧТУП «Севан-Элефант»
Сфера деятельности
Строительство
Страна, на которую рассчитан сайт
Беларусь
Основные товары и услуги
Продажа строительных материалов
Домен сайта
seven-stroy.by
Целевая аудитория
Мужчины от 25 до 50 лет
Задачи сайта
Привлечение лидов на товары и услуги, Информационная
Тариф
Индивидуальное
CMS
Хостинг
Hoster.by
Пожелания заказчика
Оптимизация на всех устройствах, высокая скорость загрузки, понятный интерфейс, полнота информации
Фирменная палитра цветов и шрифт
01
Цвет и типографика
Жёлтый цвет придаёт сайту энергию и динамику, привлекая внимание и создавая ощущение дружелюбия и открытости. В сочетании с тёмно-серым он становится ещё выразительнее: серая база подчёркивает яркость жёлтого, обеспечивая визуальный баланс и делая интерфейс современным и стильным.
Montserrat — современный геометрический шрифт с чистыми линиями, который обеспечивает отличную читаемость на экранах любых устройств. Он придаёт сайту аккуратный, профессиональный и в то же время актуальный вид, хорошо сочетается с различными элементами интерфейса и подходит для использования как в заголовках, так и в основном тексте.
#ffb405
#ffffff
#111111
#3d3d3d

Жёлтый цвет придаёт сайту энергию и динамику, привлекая внимание и создавая ощущение дружелюбия и открытости. В сочетании с тёмно-серым он становится ещё выразительнее: серая база подчёркивает яркость жёлтого, обеспечивая визуальный баланс и делая интерфейс современным и стильным.
#ffb405
#111111
#ffffff
#3d3d3d
Montserrat — современный геометрический шрифт с чистыми линиями, который обеспечивает отличную читаемость на экранах любых устройств. Он придаёт сайту аккуратный, профессиональный и в то же время актуальный вид, хорошо сочетается с различными элементами интерфейса и подходит для использования как в заголовках, так и в основном тексте.

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



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

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

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

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

Для каждого проекта мы добиваемся очень высоких показателей скорости загрузки сайта. Несмотря на обилие больших документов и изображений, сайт-каталог быстро загружается, весь контент отображается сразу: 99 баллов на десктопных устройствах и 97 баллов на мобильных является крайне высоким показателем (возможны более низкие результаты из-за месторасположения пользователя, медленного интернета, сильной нагрузки на устройства). У целевой аудитории компании нет свободного времени для ожидания загрузки контента на сайте, поэтому такая высокая скорость крайне положительно повлияет на поведение пользователей на сайте.
Результаты по проекту
05
Результат
В результате разработан адаптивный сайт-каталог, направленный на эффективное привлечение новых клиентов. Он корректно отображается на всех типах устройств, обеспечивая комфортное взаимодействие с пользователем. Контент о товарах представлен в полном объёме, структура сайта проста и логична, а визуальное оформление соответствует фирменному стилю компании.
1. Рост клиентской базы
Привлечение новых клиентов обеспечено за счёт современного дизайна и удобства использования сайта.
2. Адаптивность интерфейса
Сайт корректно работает на всех устройствах и разрешениях, что повышает доступность для пользователей.
3. Полнота информации
Каждый товар представлен с детальным описанием, характеристиками и изображениями, что помогает в принятии решения.
4. Удобная навигация
Интуитивно понятная структура сайта облегчает поиск нужной информации и улучшает пользовательский опыт.
5. Соответствие бренду
Дизайн сайта выполнен в корпоративном стиле, поддерживая целостность визуального образа компании.
Хотите так же?
Давайте обсудим проект!
Давайте обсудим проект!