Разработка интернет-магазина запчастей для европейских грузовиков

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

К 2025 году старый сайт, разработанный еще в 2005 году, решили заменить на новый. В этом кейсе показываем, как мы собрали новый веб-ресурс: с удобной структурой, карточками товаров, фильтрами, заявками и технической базой для дальнейшего роста.

Клиент — поставщик запасных частей для европейских грузовиков.

Компания работает с владельцами коммерческого транспорта, сервисными центрами, автопарками, логистическими компаниями и предпринимателями.

Особенность бизнеса — технически сложный ассортимент, где важны совместимость, скорость подбора и точность обработки заявки.

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

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

• Фильтры по параметрам и применяемости. Снижают риск ошибки при подборе детали.

• Понятные карточки товаров. Помогают принять решение и сократить количество уточнений.

• Быстрая заявка на подбор. Ускоряет обращение клиента к менеджеру.

• Адаптация сайта под все устройства. Позволяет клиентам удобно пользоваться сайтом с любого устройства.

Этап 1. Маркетинг

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

• провели бриф с клиентом

• проанализировали ассортимент, ценовую политику, логистику

• составили карту пользовательских сценариев («автопарк ищет запчасть», «механик подбирает аналог», «дилер оформляет оптовый заказ»)

• сформировали образ целевой аудитории: автопарки, СТО, частные владельцы грузовиков

• создали «аватары клиента» для разных сегментов

• проанализировали боли и потребности (сложность поиска аналогов, прозрачность цен, сроки доставки)

• изучили 15 сайтов в сегменте запчастей для грузовиков

• нашли типовые проблемы: перегруженные каталоги, слабые фильтры, непонятные карточки товаров

• выделили 18 лучших практик

• создали список из 32 идей для реализации

• 4 аватара клиента

• анализ 18 конкурентов

• 32 идеи для реализации

• сформировали логику сайта, где главное — быстрый подбор, понятная структура и удобная отправка заявки

Этап 2. Проектирование

На этапе проектирования перевели бизнес-логику в структуру сайта.

• главный экран (мотивационное сообщение, форма поиска по артикулу, акции, новые поступления)

• каталог (поиск по названию, артикулу, оригинальному номеру, производителю и PDF каталоги)

• клиентам (как стать клиентом, договора,претензии и возврат, доставка)

• поставщикам (как стать поставщиком, претензии и возврат)

• о компании

• реквизиты

• вакансии

• маркетинговые материалы

• контакты

• личный кабинет пользователя

• Поиск по каталогу.

• Фильтры по категории, бренду, характеристикам.

• Быстрая заявка на подбор детали.

• прототипы страниц

• документ ТЗ

• получили структуру, в которой клиент может быстро найти нужную запчасть или сразу отправить запрос менеджеру

Этап 3. Дизайн сайта

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

• разработали дизайн сайта в строгом, профессиональном стиле

• создали адаптивные макеты для планшета и смартфона

• подобрали фотоконтент (продукция, фото грузовика)

• согласовали визуальную концепцию (темно‑синие тона, четкая типографика, лаконичные иконки)

• дизайн‑макеты всех страниц

• интерфейс помогает клиенту не теряться в ассортименте и быстрее принимать решение

Этап 4. Верстка

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

• сверстали макеты с использованием HTML, CSS и JavaScript

• оптимизировали скорость загрузки (сжатие изображений, кеширование)

• обеспечили адаптивность для разных браузеров и устройств

• протестировали отображение на экранах с разным разрешением

• готовые HTML‑страницы сайта
• сайт стал удобным для реальных рабочих сценариев, где важны скорость и доступность с любого устройства

Этап 5. Разработка (back-end)

Разработали сайт на платформе Laravel, развернули платформу и настроили базу данных.

Реализовали удобный функционал «блокнотов»: клиент может сохранять любые товары, оставлять к ним заметки, формировать подборки и в нужный момент переносить позиции в корзину. Это особенно удобно при регулярных закупках и работе с большим ассортиментом.

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

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

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

Результат: альфа‑версия сайта.