Продуманная структура каталога и рост конверсии в заявку на 35 % за 4 месяца.
Во время работы над проектом мы разработали сайт для производителя и разработчика смазочных материалов. Наша команда превратила запутанный ассортимент в понятную и удобную систему. Мы детально проработали структуру каталога (индустриальные масла, смазки, технические жидкости), упростила навигацию и путь пользователя. В результате количество заявок выросло уже в первые месяцы после запуска.
Цель проекта
Создать функциональный сайт‑каталог, который наглядно продемонстрирует весь ассортимент продукции. Клиенты смогут быстро находить нужные товары по техническим характеристикам и оформлять заказ.
Задачи проекта
-
разработать понятный каталог продукции с фильтрацией по ключевым параметрам
-
создать информативные карточки товаров с техническими характеристиками, фото и документацией
-
сделать удобную форму заявки на партнерство
-
создать личный кабинет для дилеров-оптовиков
Ход проекта
Этап 1. Маркетинг
Собрали информацию по принципу трех «К»: Компания, Клиенты, Конкуренты.
Компания:- провели интервью с клиентом
-
проанализировали маркетинговые материалы и техническую документацию
-
составили карту пользовательских сценариев (например, «механик ищет масло по допускам», «оптовик сравнивает цены и условия поставки»)
- сформировали образ целевой аудитории:
-
автосервисы и СТО
-
промышленные предприятия
-
оптовые покупатели и дистрибьюторы
-
частные автовладельцы с повышенными требованиями;
-
создали «аватары клиента» для разных сегментов
-
проанализировали боли и потребности (поиск по допускам, сравнение цен, быстрая подача заявки)
- изучили 15 сайтов конкурентов в нише смазочных материалов
-
определили их слабые места — неудобные каталоги без технических фильтров, слабая визуализация преимуществ
-
составили список из 36 идей для реализации
- 4 «аватара клиента»
- анализ 15 конкурентов
- список из 36 идей для реализации
- заложили основу для сайта, который закрывает страхи клиентов и подчеркивает преимущества оригинальных смазочных материалов
Этап 2. Проектирование
На основе аналитики спроектировали структуру сайта-каталога и ключевые функции, чтобы сократить путь от просмотра товаров до заказа.
Основные разделы:- Главная страница
-
Каталог продукции
-
Карточки товаров
-
О компании
-
Подбор аналога (по марке и типу продукта)
-
Новости
-
Инновации
- фильтрация товаров
-
форма заявки на партнерство
-
личный кабинет для дилеров
Сложные функции мы описали в техническом задании (ТЗ). ТЗ сделали лаконичным, без повторов и лишней информации.
Результат:- прототипы страниц
- документ ТЗ
- создали карту сайта и сценарии взаимодействия, которые сокращают путь клиента от просмотра к заказу.
Этап 3. Дизайн сайта
Что сделали:- разработали дизайн с учетом результатов маркетингового этапа
-
создали адаптивные макеты для планшета и смартфона
-
проработали UX‑элементы: фильтры, карточки товаров, форма заявки, кнопка «Подобрать аналог»
-
согласовали визуальную концепцию (корпоративные цвета, шрифты, стиль подачи технической информации)
- дизайн‑макеты всех страниц
- визуальная подача стала коммерчески понятной для клиента и удобной для выбора товаров
Этап 4. Верстка
Что сделали:- сверстали макеты с использованием HTML, CSS и JavaScript
- оптимизировали скорость загрузки (сжатие изображений, кеширование)
- обеспечили адаптивность для разных браузеров и устройств
- добавили микроанимации для улучшения UX
- готовые HTML‑страницы сайта
- сайт стал быстрым, стабильным и удобным для пользователей на разных устройствах
Этап 5. Разработка (back‑end)
Разработали сайт-каталог на платформе «1С‑Битрикс» (лицензия «Малый бизнес»). Развернули платформу и настроили базу данных.На этом этапе собрали техническую основу сайта и связали сайт с ключевыми бизнес-процессами компании. В результате заказчик получил не просто набор страниц, а рабочую систему для онлайн-продаж
Результат: альфа-версия сайта.
Этап 6. Тестирование и запуск
Что сделали:- проверили работоспособность всех функций (фильтры, формы, личный кабинет);
- протестировали адаптивность на разных устройствах;
- устранили баги и оптимизировали скорость загрузки;
- перенесли сайт на основной сервер и подключили домен.
- готовый к запуску сайт-каталог
- проект полностью подготовлен к полноценной эксплуатации и продажам
Этап 7. Обучение
Для удобной работы команды заказчика мы:- подготовили видеоинструкции по управлению контентом
- провели онлайн-консультацию для сотрудников
- показали, как работать с материалами на сайте
- передали документацию по администрированию
- подготовленная документация
- готовая инструкция
- менеджер заказчика получил навыки самостоятельного управления сайтом
- после запуска заказчик получил не только готовый сайт, но и понятный инструмент, которым команда может управлять самостоятельно
Готовый проект
Компания получила не просто каталог, а рабочий канал продаж для сложной технической ниши.
- Умный каталог смазочных материалов — с автоматизацией бизнес-процессов вместо ручной обработки заявок
- Топ-10 Яндекса — по запросам «смазочные материалы» и «индустриальные масла» уже через 2 месяца
- +35% конверсии в заявку — за 4 месяца относительно периода до запуска
