Переход на Hyvä
Более чистая frontend-основа без поломки checkout.
После анализа узких мест производительности и сложности frontend мы предложили перевести тему магазина на Hyvä. В результате кодовая база стала чище, страницы начали загружаться быстрее, а показатели Lighthouse заметно выросли — особенно на мобильных устройствах. Мы также реализовали fallback-стратегию для checkout: большая часть сайта работала на Hyvä, а оформление заказа было исключено из области темы с помощью fallback-модуля, чтобы сохранить совместимость с существующими платёжными и доставочными модулями.
Оптимизация UX и скорости
Меньше перезагрузок, более лёгкие страницы и быстрый мобильный опыт.
После внедрения Hyvä мы оптимизировали рендеринг макетов, добавили ленивую загрузку и перевели изображения в WebP. Индивидуальные страницы товаров были переработаны так, чтобы уменьшить количество перезагрузок и показывать динамический предпросмотр опций. Навигацию и фильтры переделали без полного обновления страницы, используя AlpineJS вместо тяжёлых JavaScript-библиотек.
Улучшение настраиваемых товаров
Сложные варианты товаров стало проще изучать и выбирать.
У товаров часто было от пяти до восьми параметров: цвет, отделка, длина, аксессуары и другие настройки. Мы создали визуальный конфигуратор с предпросмотром и динамическим пересчётом цены, чтобы пользователи могли менять конфигурацию, не переходя между множеством страниц.
Оптовые цены и B2B-логика
Розничные и оптовые покупатели получили более понятное ценообразование.
Мы ограничили доступ к оптовым уровням цен авторизацией и добавили переключение между розничным и оптовым представлением. Корзина и checkout показывали цены с налогом или без него в зависимости от типа клиента, поэтому и B2C-, и B2B-покупателям стало проще понимать итоговую стоимость.
Инструменты администрирования и поддержки
Инструменты поддержки связали витрину с ежедневными операциями.
Мы добавили индивидуальную панель обзора заказов, где сотрудники могли быстро отслеживать статус, способ оплаты и особенности доставки. Модуль сохранённых корзин позволил менеджерам создавать и отправлять клиентам заранее настроенные коммерческие предложения. Также мы добавили форму обратной связи на страницах товаров с прямой передачей данных в Zendesk, что помогло клиенту расставлять приоритеты для дальнейших улучшений.