Рост оптовых заявок на оборудование на 35% за счет редизайна и технической реализации интернет-магазина «Вектор»

Главное о кейсе

Мы полностью обновили интернет-магазин профессионального прачечного оборудования «Вектор», решив ключевые бизнес-задачи клиента. Проект объединил редизайн интерфейса, улучшение UX и полную модернизацию backend-системы, что дало компании стабильную платформу для масштабирования и роста.

Результаты проекта:
1. Рост оптовых заявок на 35%.
2. Увеличение конверсии с этапа оформления заказа на 40% благодаря упрощенному процессу и интуитивному интерфейсу.
3. Сокращение времени на оформление заявки на 30%
4. Снижение отказов на этапе оформления на 20% благодаря улучшению UX.
5. Увеличение видимости сайта в поисковых системах на 15% за счет SEO-оптимизации каталога.
6. Снижение количества обращений в поддержку на 25%, что позволило высвободить ресурсы команды для других задач.
7. Сокращение затрат на техническую поддержку сайта на 20%.
8. Увеличение времени взаимодействия с каталогом на 50% благодаря улучшенной навигации.

Как проект изменил жизнь пользователей

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

Бизнес-задача и ее решение

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

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

Мы определили следующие задачи:
1. Создать удобную платформу для B2B-клиентов с акцентом на оптовые закупки.
2. Обновить архитектуру сайта для повышения производительности и стабильности.
3. Оптимизировать функционал для ускорения работы с заказами.
4. Повысить видимость сайта в поисковых системах.

Решения:
— Полностью переработали структуру каталога, внедрив множественную фильтрацию и упрощённый процесс поиска.
— Разработали адаптивный интерфейс для всех устройств, сохранив удобство как для B2B, так и для B2C клиентов.
— Оптимизировали backend на базе Laravel, обеспечив надёжность и возможность масштабирования.

Крафт (мастерство), реализация, технические детали

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

2.Техническая реализация
— Полная модернизация backend-части на современных стандартах php и Laravel для повышения производительности и безопасности.
— Генерация уникальных ссылок для SEO: фильтры формируют уникальные URL-адреса, превращая каталог в SEO-ориентированные лендинги, что способствует SEO и упрощает продвижение в интернете.
— Создан реестр заявок в формате .xls для удобного мониторинга, а также реализована система URL-ссылок для продвижения страниц.

3.Особенности дизайна
— Дизайн сайта выполнен в светлых оттенках, что усиливает ассоциации с чистотой и свежестью и подчеркивает основные ценности бренда.
— Для улучшения визуального комфорта все элементы интерфейса (блоки, карточки, кнопки) имеют округлые формы. Этот прием не только снижает когнитивную нагрузку, но и вызывает у пользователя ассоциации с безопасностью, доверием и высоким качеством сервиса.
— Основной шрифт сайта — LT Superior — это шрифт без засечек, который сочетает в себе вневременную элегантность и функциональную современность, делая текст легким для чтения на любом устройстве.
— Для улучшения взаимодействия пользователя с интерфейсом внедрены анимации, оживляющие дизайн и повышающие вовлеченность.

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

1.Провели аудит сайта и конкурентов, исследовали потребности и предпочтения целевой аудитории и выявили области для роста интернет-магазина и улучшения UX. Изучили данные о пути пользователя, выявив, что сложность фильтрации и интерфейса корзины отпугивали клиентов.
2. Разработали концепции, согласовали и протестировали варианты дизайна, внедрили оптимальный, что позволило сократить время поиска товара на 30%.
3. Мигрировали новый дизайн на существующую платформу с использованием Blade, сохранив совместимость с предыдущей системой и ускорив внедрение.

Прочая информация о кейсе

«Вектор» — магазин профессионального прачечного оборудования для прачечных и химчисток, работает с 2000 года. Основной сегмент — B2B. Компания осуществляет поставки оборудования для прачечных от ведущих фирм-производителей и имеет филиалы и пункты выдачи в 10 городах России.
В интернет-магазине можно изучить оборудование, добавить товары в корзину и оформить заявку на товар.

Стек технологий: Laravel, PHP, Html, CSS

Скриншоты