
Проект url: shliftehinstrument.ru
О компании: Компания предоставляет все виды абразивных материалов и инструментов для предприятий, работающих в сфере металлообработки, деревообработки и мебельного производства.
Основные цели: Создание сайта-каталога, который предоставит пользователям удобный и структурированный доступ к информации о товарах или услугах. Обеспечить адаптивное отображение сайта на всех устройствах.
Краткий бриф на разработку сайта | |
Сфера деятельности компании | Реализация абразивных и полировальных материалов |
Страна, на которую рассчитан сайт | Российская Федерация |
Основные товары и услуги | Шлифкруги, шлифленты, шлифшкурка, шлифлисты, опорные тарелки, отрезные круги и другое |
Целевая аудитория | Компании в сфере металлообработки, деревообработки, строительства и автосервиса |
Задачи сайта | Предоставление детальной информации о характеристиках товаров и преимуществ компании для потенциальных покупателей; обеспечение удобного процесса оформления заявки на заказ |
Тип сайта | Сайт-каталог |
Тариф | Готовое решение |
CMS | WordPress |
Хостинг | HB.BY |
Пожелания заказчика | Реализовать удобную система навигации по ассортименту, сделать сайт в темных оттенках используя корпоративные цвета |
Обращение
У компании “Шлифтехинструмент” на момент обращения был достаточно устаревший сайт, который имел неудобную навигацию, плохо заполненные товарные страницы. Также не было удобных форм для оформления заявки на товары, что является важной составляющего качественного сайта. Ознакомившись с кейсами на нашем сайте, заказчик решил обратиться в наше агентство. Так как у нас уже был опыт создания сайта для компаний с идентичной тематикой, мы смогли предложить клиенту создать сайт на основе готового решения.

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

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

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


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

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

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

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

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