Сервисный центр-3

Интернет-магазин запчастей на 60 000+ позиций

О проекте

«Сервисный центр-3» продаёт запчасти для грузовиков в Татарстане: КАМАЗ, ЗИЛ, УРАЛ, МАЗ, КРАЗ, больше 60 000 позиций и доставка по всей России. Старый сайт был просто каталогом, и задача была превратить его в интернет-магазин с заказом онлайн.

Кто покупает. Все, кому нужны запчасти для грузовиков: автосервисы, автопарки, частные водители. Одни знают точный артикул, другие ищут по марке и модели машины. Главное для всех — быстро найти деталь, проверить наличие и забрать с ближайшего склада или заказать доставку.

Моя роль. Вела UX/UI от аудита до передачи в разработку. Работала с SEO-специалистом, проджектом и разработчиками фронта и бэка.

Главная и мобильные экраны
Главная и мобильная версия

Структура

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

Структура сайта
Структура сайта

Поиск и фильтры

60 000 позиций без фото листанием не найти, поэтому поиск устроен в три уровня:

  • Подбор по модели: марка → модель → модификация. Для тех, кто не знает артикул.
  • Быстрые чипсы моделей над списком (Урал 4320, Урал 375…), чтобы сузить выдачу в один клик.
  • Фильтры: производитель с количеством товаров, «только в наличии», цена.

Если деталь не нашлась, можно оставить заявку с фото или файлом прямо из каталога.

Экраны интернет-магазина
Главная страница и элементы UI-кита

Каталог без фото

90% товаров приходит из 1С без фотографий. В обычной плитке такой каталог выглядел бы сломанным, поэтому я сделала горизонтальную карточку, где главное — артикул, название и характеристики. Вес сместился с картинки на данные.

Каталог с горизонтальной карточкой и фильтрами
Каталог с горизонтальной карточкой и фильтрами
Страница товара: в наличии и под заказ
Страница товара: в наличии на складах и под заказ

Склады и доставка

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

Выбор склада в корзине
Выбор склада в корзине

Мобильная версия

Все сценарии десктопа доступны на телефоне: фильтры открываются на весь экран, выбранные видны чипсами сверху и сбрасываются одной кнопкой, в карточке есть сортировка и «Купить в 1 клик», таблицы характеристик сворачиваются.

Мобильные экраны
Страница товара, страница СТО и виды работ на телефоне и планшете
Мобильные экраны
Личный кабинет: история заказов и профиль

Результат

  • Сайт запущен и работает: sc-3.ru.
  • Каталог на 60 000+ позиций без фото, поиск по модели, корзина с выбором склада.
  • Визуальный стиль — «индустриальный минимализм»: ничего лишнего, акцент на данных.
  • UI-кит для разработки и поддержки, макеты переданы с документацией по анимации и состояниям.

На что целились: больше заказов онлайн вместо звонков, рост поискового трафика за счёт новой структуры каталога и меньше звонков с вопросом «есть ли в наличии».

Итоговые экраны
Мобильная главная

Другие проекты