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

Клиент: ООО «МилсТрейд»
Проект url: shop.mils.by

О компании: Основная специализация «МилсТрейд» — торговля кровельными материалами. Компания предоставляет огромный выбор материалов от самых крупных и передовых производителей.

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

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

Обращение

Компания «МилсТрейд» на протяжении долгого времени является нашим постоянным клиентом. Когда заказчику понадобился интернет-магазин для более удобного показа и продажи своей продукции, не было сомнений, куда обратиться за разработкой. Мы с радостью приступили к работе, ориентируясь на пожелания клиента по дизайну и структуре.

Цветовая палитра и шрифты

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

В проекте используется два шрифта. Halvar Breitschrift придаёт заголовкам строгость и серьёзный подход к бизнесу. У заголовков интересное разделение на два цвета, что добавляет сайту уникальность. Шрифт для наборного текста – Raleway – сочетается с первым шрифтом своей необычной направленностью линий в символах. Также он легко читаем, поэтому является популярным на современных сайтах.

Цвета

#234856
#ffffff
#3f819a
#b9c0c3

Процесс разработки

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

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

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

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

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

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

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

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

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

Одним из главных параметров высокоэффективного сайта является высокая скорость загрузки. Интернет-магазин кровельных материалов имеет самую высокую скорость загрузки на декстопных устройствах в 100 баллов и 94 балла на мобильных (возможны более низкие результаты из-за медленного интернета, сильной нагрузки на устройства). Такой результат был подтвержден сервисом PageSpeed Insights: высокая скорость загрузки страниц на сайте способствует эффективному SEO-продвижению.

https://shop.mils.by/
Анализировать
Мобильные устройства
Компьютер
94
https://shop.mils.by/
0-49
50-89
90-100
Мобильные устройства
Компьютер
100
https://shop.mils.by/
0-49
50-89
90-100
Показания сервиса
Google PageSpeed Insights

Результаты

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