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

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

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

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

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

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

Каталог
Карточки объектов

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

Карточки объектов
«‎Быстрый заказ»

Приобрести товар можно посредством кнопки
«‎Быстрый заказ». Помимо этого, можно уведомить
компанию о том, что клиент желает заказать товар в рассрочку.

«‎Быстрый заказ»
Задача

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

Решение

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

Ниша

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

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

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

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

Выбор цветовой палитры, шрифтов и визуального контента

01
Цвет и типографика
Заказчику нравится сочетание синего цвета с желтым, поэтому с подбором цветовой палитры проблем не было. Проект выполнен на белом фоне с добавлением желтых акцентов и синих блоков. Таким сочетанием цветов сайт отстраивается от конкурентов, среди которых преобладает зеленая или красная стилистика.
Шрифт был выбран быстро: для заголовков и наборного текста используется Raleway, так как шрифт имеет множество вариантов начертания и строить иерархию с ним гораздо легче.
#fbb002
#263d6a
#ffffff
#000000
Заказчику нравится сочетание синего цвета с желтым, поэтому с подбором цветовой палитры проблем не было. Проект выполнен на белом фоне с добавлением желтых акцентов и синих блоков. Таким сочетанием цветов сайт отстраивается от конкурентов, среди которых преобладает зеленая или красная стилистика.
#fbb002
#ffffff
#263d6a
#000000
Шрифт был выбран быстро: для заголовков и наборного текста используется Raleway, так как шрифт имеет множество вариантов начертания и строить иерархию с ним гораздо легче.

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

02
Функционал

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

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

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

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

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

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

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

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

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

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

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

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

05
Результат

В результате сайт вышел стильным, информативным, удобным. Перенесены все товарные позиции, актуальные на момент запуска сайта. Также с клиентом были одобрены некоторые дополнительные модификации, которые в дальнейшем мы реализуем в проекте.

1. Полный ассортимент
Перенесли все товарные позиции, актуальные на момент запуска сайта.
2. Разработали дизайн-концепцию
Нарисовали дизайн, вызывающий доверие клиентов и соответствующий УТП компании.
3. Учитывали все пожелания клиента
Мы тщательно учли все пожелания клиента, включая изменения в дизайне, сроки выполнения и дополнительные требования, чтобы обеспечить максимальное соответствие его ожиданиям.
Хотите так же?
Давайте обсудим проект!
+

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

+

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

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