Разработка интернет-магазина лодок

Размер шрифта

Цвет фона и шрифта

Изображения

Озвучивание текста

Обычная версия сайта

+7 495 414-46-77
- Телефоны
- +7 495 414-46-77
- Заказать звонок
Москва, Пресненская набережная 12, Москва-Сити, Башня Федерация
info@joywin.ru
Пн. – Пт. с 9:00 до 18:00

Удобный каталог, интеграция с 1С, продуманная структура, топ-10 Яндекса и более 4,5 млн ₽ продаж за месяц.

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

Motorsboat — поставщик лодочных моторов, ПВХ-лодок, запчастей и аксессуаров с широкой географией поставок и сильной экспертизой в своей нише. Компания работает на рынке Юга России и доставляет продукцию в другие регионы, обслуживая как розничных покупателей, так и оптовых заказчиков.

Юрий, директор по развитию

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

Владислав С., проектный менеджер

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

Цель проекта

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

Задачи проекта

Каталог с удобными фильтрами. Клиент быстрее находит нужный товар.
Понятные карточки товаров. Это упрощает выбор и снижает количество вопросов.
Простой сценарий заказа. Снижает показатель отказов на финальном этапе.
Система оплаты. Сайт легко принимает оплату и работает как полноценный канал продаж.
Система доставки. Клиент видит понятные условия и стоимость доставки.
Интеграция с 1С. Автоматизирует работу с товарами, ценами, остатками и заказами.
Удобная работа сайта на всех устройствах.

Ход проекта

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

На старте проекта мы собрали информацию по принципу 3К: Компания, Клиенты, Конкуренты. Это помогло собрать решение под реальную логику выбора, заказа и продаж в этой нише.

Компания:

провели интервью с клиентом
изучили ассортимент, специфику продаж и текущие бизнес-процессы
составили карту пользовательских сценариев

Клиенты:

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

Конкуренты:

изучили 12 сайтов конкурентов
собрали 36 идей для структуры каталога, карточек товаров и оформления заказа

Результат:

4 аватара клиента
анализ 12 конкурентов
36 идей для реализации
сформирована база для проектирования интернет-магазина, которая учитывает логику ниши и реальные потребности клиентов

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

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

Основные разделы:

Главная
Каталог
Карточки товаров
Корзина
Оформление заказа
Личный кабинет
О компании
Доставка и оплата
Новости и статьи
Контакты

Ключевые функции:

фильтрация товаров по свойствам
оформление заказа
интеграция системы оплаты
интеграция системы доставки
интеграция с 1С

Результат:

прототипы страниц
документ ТЗ
заложена логика интернет-магазина, которая упрощает путь клиента от выбора товара до оформления заказа

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

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

Что сделали:

создали адаптивные макеты для планшета и смартфона
проработали UX-элементы: фильтры каталога, карточки товаров, формы заявок, кнопки «Добавить в корзину»
подобрали фотоконтент
согласовали визуальную концепцию: корпоративные цвета, шрифты, стиль подачи технической информации

Результат:

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

Галерея

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

Что сделали:

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

Результат:

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

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

Разработали интернет-магазин motorsboat.ru на платформе 1С-Битрикс (лицензия «Бизнес»), развернули платформу и настроили базу данных.

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

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

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

Ключевые функции и интеграции проекта

Маркетинговое исследование

Исследование аудитории

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

Интерактивный прототип

Дизайн сайта

Адаптивная
верстка

Программирование
1С-Битрикс

Интеграция с Битрикс24

Интеграция с 1C

Настройка базы данных

Базовая SEO-оптимизация

Оптимизация изображений

Оставьте заявку на проект, мы свяжемся с Вами в ближайшее время и ответим на все интересующие вопросы.

Заказать проект

Этап 6. Тестирование и запуск

Что сделали:

проверили все ключевые сценарии: фильтры, формы, личный кабинет
протестировали сайт на разных устройствах
устранили баги и оптимизировали скорость загрузки

Результат:

готовый к запуску интернет-магазин
проект вышел на рабочую стадию и был подготовлен к полноценной эксплуатации и продажам

Этап 7. Обучение

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

Мы упростили административную часть в Битриксе, убрали лишние элементы из интерфейса и настроили удобный WYSIWYG редактор для работы с контентом.

Для удобной работы команды заказчика мы:

подготовили видеоинструкции по управлению контентом
провели онлайн-консультацию для сотрудников
показали, как работать с товарами, ценами и материалами на сайте
передали документацию по администрированию

Результаты:

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

Галерея

Над проектом работали

Проектный менеджер

Владислав

Проектный менеджер

Владислав

Дизайнер

Наталья

Дизайнер

Наталья

Bitrix-разработчик

Алексей

Bitrix-разработчик

Алексей

Системный администратор

Владислав

Системный администратор

Владислав

Проектный менеджер

Екатерина

Проектный менеджер

Екатерина

Готовый проект

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

Через 3 месяца сайт вышел в топ-10 Яндекса по ключевым запросам своей ниши.

На четвертый месяц после запуска интернет-магазин принёс более 4,5 млн ₽ выручки.

Юрий, директор по развитию

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

Владислав С., проектный менеджер

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

Перейти на сайт

Оставьте заявку на проект, мы свяжемся с Вами в ближайшее время и ответим на все интересующие вопросы.

Заказать проект

Похожие проекты

Внедрение CRM систем

Внедрение омниканальной CRM для интернет-магазина электроники

Интернет-магазины

Разработка интернет-магазина фреонов и хладагентов

Предыдущий кейс Следующий кейс

Оставьте заявку

Остались вопросы?

Заполните простую форму, и мы свяжемся с вами в течение рабочего дня. Обсудим задачи, ответим на вопросы, найдем лучшее решение и выполним работу.

Кейсы Услуги Компания Метод Контакты Блог