Редизайн и модернизация интернет-магазина «Вектор»

Мы не просто обновили интерфейс и улучшили UX, а провели глубокую техническую модернизацию: обновили ядро на PHP/Laravel, переписали backend, закрыли уязвимости и оптимизировали базы данных. Это дало компании стабильную платформу для масштабирования. Подробнее рассказываем в кейсе.

Клиент

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

Проблема

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

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

Задачи:

• Создать удобную платформу для B2B-клиентов с акцентом на оптовые закупки.
• Обновить архитектуру сайта для повышения производительности и стабильности.
• Проработать интерфейс и улучшить UX.
• Оптимизировать функционал для ускорения работы с заказами.

Обновили визуальный стиль, отталкиваясь от ценностей бренда

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

Упростили навигацию

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

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

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

Генерация URL-ссылок на основе выбранных фильтров превращает страницы каталога в лендинги, что улучшает SEO и упрощает продвижение.

Обновили карточку товара

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

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

Разделили корзину на два блока: слева — товары, их количество и стоимость, справа — итоговая информация. Клиент оформляет заказ на одной странице без лишних переходов. В результате увеличили конверсию с этапа оформления заказа на 40%, сократили время оформления заявки на 30% и снизили отказы на этом этапе.

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

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

Повысили производительность и стабильность системы

• Обновили PHP с версии 7.x до 8.2 и подтянули фреймворк Laravel до 10.х. и закрыли уязвимости. Старая версия Laravel имела несколько критических уязвимостей (по данным CVE-базы), включая риски SQL-инъекций и межсайтового скриптинга. Обновление фреймворка и всех зависимостей устранило угрозы.
• Оптимизировали запросы к базе данных, ускорили фильтрацию и добавили кэширование результатов. Теперь страницы каталога открываются мгновенно даже при множественном выборе параметров.
• Переписали backend под новую верстку без потери данных: история заказов, пароли пользователей и все интеграции остались нетронутыми.

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

Сохранили привычный функционал для менеджеров компании

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

Автоматизировали отчетность в формате .xls. Теперь сотрудники легко сводят заявки в единую таблицу для удобного мониторинга и отчетности, что сократило количество обращений в поддержку и высвободило ресурсы команды.

Результаты проекта

• Увеличили конверсии с этапа оформления заказа.
• Сократили время оформления заявки
• Снизили отказы на этапе оформления заказа.
• Увеличили время взаимодействия с каталогом.