Разработка интернет-магазина мототехники и запчастей

Enduro Live нужен был не просто сайт с товарами, а полноценный онлайн-канал продаж для мототехники, запчастей, масел, покрышек и экипировки.

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

Мы собрали интернет-магазин, который помогает клиентам ориентироваться в каталоге, оформлять заявки онлайн, а команде Enduro Live — быстрее обрабатывать обращения и управлять контентом.

Enduro Live — магазин мотоциклов, мопедов, запчастей, покрышек, масел и экипировки от ведущих производителей.

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

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

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

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

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

• Корзина и онлайн-заказ. Покупатель может собрать заказ и отправить заявку прямо на сайте.

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

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

• Интеграция с Битрикс24. Заявки и обращения попадают в работу быстрее и не теряются.

• Базовая SEO-подготовка. Структура, метатеги, ЧПУ и скорость загрузки помогают сайту продвигаться в поиске.

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

Перед проектированием мы изучили бизнес, аудиторию и конкурентную среду по методологии 3К: компания, клиенты, конкуренты.

• Провели интервью с заказчиком.

• Изучили ассортимент, приоритетные товарные группы и особенности продаж.

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

• Описали ключевые пользовательские сценарии: выбор мотоцикла, поиск запчастей, покупка экипировки, обращение от мотоклуба или сервиса.

• Определили основные группы аудитории: любители эндуро, городские райдеры, мотоклубы, сервисные центры.

• Изучили потребности клиентов при выборе мототехники и комплектующих.

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

• Подготовили 5 аватаров клиентов, чтобы учитывать разные сценарии выбора.

• Проанализировали 12 сайтов конкурентов.

• Собрали 28 идей для улучшения структуры, каталога, карточек товаров и пользовательского пути.

• Определили, какие решения помогут Enduro Live выглядеть убедительнее на фоне других магазинов мототехники.

• 5 аватаров клиента

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

• 28 идей для реализации

• сформирована база для проектирования интернет-магазина

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

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

• Главная страница

• Мототехника

• Электротранспорт

• Запчасти

• Покрышки

• Масла

• Экипировка

• Оплата и доставка

• Прокат

• Тест-драйв

• О компании

• Новости

• Акции

• Отзывы

• Контакты

• Каталог по товарным группам

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

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

• Корзина

• Онлайн-заказ

• Избранные товары

• Умный поиск

• Личный кабинет

• Форма обратного звонка

• Раздел отзывов

• Блоки с условиями оплаты, доставки и рассрочки

Неоднозначные функции описали в техническом задании (ТЗ), сделав его лаконичным.

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

• документ ТЗ

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

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

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

• Проработали главную страницу с УТП, акциями и товарными блоками.

• Сделали каталог визуально понятным: категории, фильтры и карточки товаров не перегружают пользователя.

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

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

• Подобрали фото- и видеоматериалы для презентации техники, обзоров и тест-драйвов.

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

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

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

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

• Сверстали ключевые страницы на HTML, CSS и JavaScript.

• Адаптировали интерфейс под разные разрешения экранов.

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

• Проверили корректное отображение в популярных браузерах.

• Добавили аккуратную анимацию элементов, чтобы интерфейс выглядел живее, но не мешал покупке.

• готовые HTML-страницы сайта

• сайт стал удобен для просмотра с компьютера, планшета и смартфона

Этап 5. Разработка на 1С-Битрикс

Мы собрали техническую основу интернет-магазина на 1С-Битрикс (лицензия «Стандарт») и связали сайт с бизнес-процессами компании. Важно было, чтобы каталогом, заявками, товарами и контентом можно было управлять без постоянного участия разработчиков.

Подключили систему оплаты (ЮKassa) и доставки (СДЭК).