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

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

Кейс по созданию интернет-магазина для поставщика клинкерного кирпича и керамической черепицы
Обсудить проект
ООО “Брик” – это российская строительная компания, которая индивидуально подходит к подбору строительных материалов каждому клиенту. Компания сотрудничает с проверенными производителями, предлагает широкий ассортимент продукции и обеспечивает профессиональное сопровождение на всех этапах сделки. Доставку осуществляет в любой регион РФ, соблюдая сроки и гарантируя сохранность груза. ООО "Брик" работает как с частными заказчиками, так и с застройщиками, архитектурными бюро и подрядными организациями. Особое внимание уделяется качеству продукции, прозрачности условий сотрудничества и гибкому подходу к ценообразованию. Благодаря опыту и компетентности специалистов, компания помогает реализовать проекты любой сложности — от частного дома до крупных коммерческих объектов.
Дизайн
Дизайн
Индивидуальный
Сайт
Сайт
Магазин
Объём
503
Страницы
Скорость
91 / 96
Загрузки сайта
Язык
RU
Русский
Поиск
Поиск
По сайту
Мессенджеры
Мессенджеры
Коммуникация
Кабинет
Кабинет
Пользователя
Корзина
Корзина
Товаров
Корзина

На сайте есть корзина, куда можно
собрать все необходимые товары и
быстро оформить заказ.

Корзина
Карта

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

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

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

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

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

Сотрудники
Задача

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

Решение

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

Ниша

Поставка строительных материалов

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

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

Наименование компании
ООО “Брик”
Сфера деятельности
Поставка строительных материалов
Страна, на которую рассчитан сайт
Россия
Основные товары и услуги
Стеновые и кровельные материалы, брусчатка, заборы и ограждения
Домен сайта
brickroof.ru
Целевая аудитория
Юридические лица
Задачи сайта
Предоставление информации о товарах и услугах, привлечение лидов на товары и услуги, увеличение лояльности клиентов
Тариф
Индивидуальное
CMS
WordPress
Хостинг
Hoster.by
Пожелания заказчика
Создать удобный и быстрый интернет-магазин с современным дизайном в зеленых оттенках, настроить личный кабинет и корзину товаров

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

01
Цвет и типографика
Зелёный цвет — удачный выбор для бренда, связанного с клинкерным кирпичом и керамической черепицей, потому что он вызывает ассоциации с природой, надёжностью и экологичностью. В строительной сфере это особенно важно: зелёный сигнализирует о прочности, устойчивости и заботе об окружающей среде.
Шрифт Lato — один из самых удачных выборов для сайта благодаря своей универсальности и качеству. Он сочетает в себе современный и нейтральный стиль, благодаря чему выглядит профессионально, но не холодно. Его формы сбалансированы и хорошо читаются на любых устройствах, от смартфонов до мониторов. Это делает его особенно удобным для сайтов с большим количеством текста.
#16b960
#ffffff
#0f0f0f
#343434
Зелёный цвет — удачный выбор для бренда, связанного с клинкерным кирпичом и керамической черепицей, потому что он вызывает ассоциации с природой, надёжностью и экологичностью. В строительной сфере это особенно важно: зелёный сигнализирует о прочности, устойчивости и заботе об окружающей среде.
#16b960
#0f0f0f
#ffffff
#343434
Шрифт Lato — один из самых удачных выборов для сайта благодаря своей универсальности и качеству. Он сочетает в себе современный и нейтральный стиль, благодаря чему выглядит профессионально, но не холодно. Его формы сбалансированы и хорошо читаются на любых устройствах, от смартфонов до мониторов. Это делает его особенно удобным для сайтов с большим количеством текста.

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

02
Функционал

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

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

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

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

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

На сайт добавлено более 500 товаров. Был сделан удобный каталог товаров: карточки товаров с ценой, названием товара, статуса его наличия и рейтингом. В каталоге присутствуют как стандартные фильтры (по цене, по популярности), так и фильтры для каждого раздела (производитель, размеры, материал, цвет и так далее).

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

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

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

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

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

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

Важной частью работы над сайтом является доработка его скорости загрузки до высоких показателей. По результатам оценки PageSpeed Insights, наши специалисты смогли добиться показателей: 96 баллов производительности на десктопных устройствах, 91 – на мобильных. Скорость производит первое впечатление о сайте клиента у его пользователей. Быстрая загрузка сайта также может стать дополнительным фактором ранжирования в поисковых системах.

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

05
Результат

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

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

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

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

+

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

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