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

logo_png_шлифсервис
Клиент: ООО “ШлифСервис”
Проект url: abrazivy.by

О компании: Компания имеет многолетний опыт на рынке абразивов. Реализует абразивные и полировальные материалы таких ведущих производителей, как Napoleon, 3M, Norton, Klingspor и других.

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

Краткий бриф на разработку сайта
Сфера деятельности компанииРеализация абразивных и полировальных материалов
Страна, на которую рассчитан сайтБеларусь
Основные товары и услугиШлифкруги, шлифленты, шлифшкурка, шлифлисты, опорные тарелки, отрезные круги и другое
Целевая аудиторияЮридические лица производственной сферы
Задачи сайтаПредоставление информации о товарах, услугах;
Привлечение новых клиентов и увеличение процента повторных обращений;
Информирование о новостях и акциях
Тип сайтаСайт-каталог
ТарифИндивидуальное решение
CMS WordPress
ХостингHostfly
Пожелания заказчикаВыполнить сайт в темном стиле, соблюсти в дизайне корпоративные ценности компании, реализовать удобный каталог и формы обратной связи

Обращение

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

Фирменная палитра и типографика

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

Шрифтом сайта стал Manrope. Он современный и стильный, но и одновременно достаточно строгий – идеально подходит для сферы заказчика.

Цвета

#383e46
#eaeaea
#222c37
#da291c

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

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

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

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

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

Карточка товара

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

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

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

Дополнительные модификации

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

Была отрисована и установлена description-миниатюра для мессенджеров и социальных сетей. Это визуально выделяет ссылку на сайт компании и даёт возможность связаться с ней не переходя на сайт.

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

Также нами были установлены и настроены Яндекс Вебмастер и Google Search Console. В ходе работы оказалось, что у клиента не работает Google Analytics из-за несовершенного перехода на GA4, поэтому была создана и настроена новая.

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

Скорость загрузки сайта важна для улучшения пользовательского опыта, повышения конверсии, улучшения рейтинга в поисковых системах, экономии ресурсов и обеспечения хорошей производительности на мобильных устройствах. Наша команда добилась высоких показателей скорости загрузки: 99 баллов на десктопных устройствах и 89 на мобильных.

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

Результаты

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

Отзыв клиента в Google

“Хочу поблагодарить команду Сильвервеб за отлично проделанную совместную работу!
Задача была – создание сайта-каталога. Нисколько не пожалели, что выбрали агенство SILVERWEB. Изучили 4 ценовых предложения (хотя это был не единственный критерий при выборе исполнителя) и после приятной и продолжительной беседы с директором Евгением приняли решение о сотрудничестве!
Работа проходила четко по ТЗ. Все сроки соблюдались. Огромное спасибо команде, что вошли в наше положение и смогли немного подождать пока готовили материал для наполнения сайта).
Рекомендуем к сотрудничеству!”