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

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

Компания предоставляет все виды абразивных материалов и инструментов для предприятий, работающих в сфере металлообработки, деревообработки и мебельного производства.
Дизайн
Дизайн
Готовый
Сайт
Сайт
Каталог
Объём
40
Страниц
Скорость
97 / 100
Загрузка сайта
Язык
RU
Русский
Мессенджеры
Мессенджеры
Коммуникация
Маршрут
Маршрут
На картах
Скачивание каталога

Добавили в карточке товара
возможность для клиентов скачать
полный каталог производителя

Скачивание каталога
Построение маршрута

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

Построение маршрута
Description-миниатюра

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

Description-миниатюра
Отправка файла в форме

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

Отправка файла в форме
Задача

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

Решение

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

Ниша

Продажа абразивных и шлифовальных материалов.

Продолжительность
  • 1.5 недели – разработка
  • 2 недели – заполнение

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

Наименование компании
ООО «ШлифТехИнструмент»
Сфера деятельности
Реализация абразивных и полировальных материалов
Страна, на которую рассчитан сайт
Россия
Основные товары и услуги
Шлифкруги, шлифленты, шлифшкурка, шлифлисты, опорные тарелки, отрезные круги и другое
Домен сайта
shliftehinstrument.ru
Целевая аудитория
Компании в сфере металлообработки, деревообработки, строительства и автосервиса
Задачи сайта
Предоставление детальной информации о характеристиках товаров и преимуществ компании для потенциальных покупателей; обеспечение удобного процесса оформления заявки на зака
Тип сайта
Тариф
Готовое
CMS
WordPress
Хостинг
Пожелания заказчика
Реализовать удобную система навигации по ассортименту, сделать сайт в темных оттенках используя корпоративные цвета

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

01
Цвет и типографика
Заказчик захотел реализовать сайт в темном оттенке, используя при этом контрастный синий корпоративный цвет. В начале работы клиенту было предложено на выбор несколько вариантов оттенков синего, чтобы прийти к лучшему сочетанию. По итогу выбор был сделан в сторону цвета #3B53C9, который отлично сочетается с темной подложкой сайта и выделяет все необходимые элементы, такие как кнопки.
Так как компания работает только с юридическими лицами, шрифт должен быть в меру строгим и хорошо читаемым. Поэтому он остался неизменным – на сайте используется лаконичный Manrope.
#383e46
#eaeaea
#222c37
#3b53c9
Заказчик захотел реализовать сайт в темном оттенке, используя при этом контрастный синий корпоративный цвет. В начале работы клиенту было предложено на выбор несколько вариантов оттенков синего, чтобы прийти к лучшему сочетанию. По итогу выбор был сделан в сторону цвета #3B53C9, который отлично сочетается с темной подложкой сайта и выделяет все необходимые элементы, такие как кнопки.
#383e46
#222c37
#eaeaea
#3b53c9
Так как компания работает только с юридическими лицами, шрифт должен быть в меру строгим и хорошо читаемым. Поэтому он остался неизменным – на сайте используется лаконичный Manrope.

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

02
Функционал

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

Страница с товаром

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

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

Меню сайта

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

Форма заявки

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

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

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

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

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

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

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

05
Результат

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

1. Успели в срок
Запустили сайт в согласованный с клиентом срок — 29 рабочих дней.
2. Реализовали удобную структуру
На основе готового решения разработали удобную навигацию по сайту и каталогу товаров
3. Адаптировали под корпоративный стиль
Изменили цветовую палитру, типографику и графику сайта в соответствии с пожеланиями клиента и фирменным стилем компании.
4. Разместили контент и товарные страницы
Добавили более 40 карточек товаров с подробными характеристиками, изображениями, вкладками и возможностью скачать каталоги.

Хотите так же?
Давайте обсудим проект!

Вас может заинтересовать

+

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

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