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

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

Кейс по разработке сайта для магазина стройматериалов
Обсудить проект
ЧТУП «Севан-Элефант» — ведущий поставщик кровельных и отделочных материалов в РБ. Компания начала свою деятельность в 2008 году и является дилерами крупных заводов, известных безупречным качеством своей продукции. За годы работы компания зарекомендовала себя как надёжный партнёр среди строительных организаций и частных клиентов. Широкий ассортимент продукции и высокий уровень сервиса позволяют эффективно удовлетворять потребности рынка.
Дизайн
Дизайн
Индивидуальный
Сайт
Сайт
Каталог
Объём
153
Страницы
Скорость
97 / 99
Загрузки сайта
Язык
RU
Русский
Цены
BYN
Конвертер
Лид-форма
Лид-форма
Калькулятор
Мессенджеры
Мессенджеры
Коммуникация
Акции

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

Акции
Форма обратной связи

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

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

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

Карта
Карточка товара

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

Карточка товара
Задача

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

Решение

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

Ниша

Строительство

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

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

Наименование компании
ЧТУП «Севан-Элефант»
Сфера деятельности
Строительство
Страна, на которую рассчитан сайт
Беларусь
Основные товары и услуги
Продажа строительных материалов
Домен сайта
seven-stroy.by
Целевая аудитория
Мужчины от 25 до 50 лет
Задачи сайта
Привлечение лидов на товары и услуги, Информационная
Тип сайта
Тариф
Индивидуальное
CMS
WordPress
Хостинг
Hoster.by
Пожелания заказчика
Оптимизация на всех устройствах, высокая скорость загрузки, понятный интерфейс, полнота информации

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

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

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

02
Функционал

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

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

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

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

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

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

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

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

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

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

Для каждого проекта мы добиваемся очень высоких показателей скорости загрузки сайта. Несмотря на обилие больших документов и изображений, сайт-каталог быстро загружается, весь контент отображается сразу: 99 баллов на десктопных устройствах и 97 баллов на мобильных является крайне высоким показателем (возможны более низкие результаты из-за месторасположения пользователя, медленного интернета, сильной нагрузки на устройства). У целевой аудитории компании нет свободного времени для ожидания загрузки контента на сайте, поэтому такая высокая скорость крайне положительно повлияет на поведение пользователей на сайте.

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

05
Результат

В результате разработан адаптивный сайт-каталог, направленный на эффективное привлечение новых клиентов. Он корректно отображается на всех типах устройств, обеспечивая комфортное взаимодействие с пользователем. Контент о товарах представлен в полном объёме, структура сайта проста и логична, а визуальное оформление соответствует фирменному стилю компании.

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

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

+

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

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