Руна: техподдержка для интернет-магазина тканей
О клиенте
Наш заказчик — крупный поставщик тканей и фурнитуры. У «Руны» есть собственное швейное производство, оптовые и розничные офлайн-точки в Москве, Питере, Ростове-на-Дону. А еще — свой сайт, который нуждается в техподдержке.
О проекте
Сайт создан на MODX. Система управления подходит таким интернет-магазинам как tkaniruna.ru, но может работать неидеально. Так, клиент рассказал о нескольких сложностях:
- Систематические сбои. Во время ночного бэкапа данных сайт «ложился» и не загружался до 9-10 утра.
- Ошибки в UX\UI дизайне. В каталоге и карточках товара встречались недочеты: неработающие кнопки, несоразмерные поля, слипшиеся блоки, неодинаковые отступы.
- В админ-панели не хватало полезных функций.
А еще — интуитивно понятного интерфейса.
![сайт ткани руна техподдержка](/_next/image?url=%2Fassets%2Fimg%2Fcases%2Fruna%2Fimg_01_1.jpg&w=2048&q=100)
![сайт ткани руна техподдержка](/_next/image?url=%2Fassets%2Fimg%2Fcases%2Fruna%2Fimg_01_2.jpg&w=2048&q=100)
![сайт ткани руна техподдержка](/_next/image?url=%2Fassets%2Fimg%2Fcases%2Fruna%2Fimg_01_3.jpg&w=2048&q=100)
Возвращаем
стабильную работу сайта
First things first — сбои сайта были приоритетной проблемой, с нее мы и начали работу. Что выяснили?
Бэкап-менеджер на сервере запускал процессы с высокой приоритетностью. Из-за нее работа SQL прекращалась. Когда бэкап начинался в 3:00, а заканчивался в 5:00, проблема не была заметна.
Но магазин рос — а вместе с ним и сайт. Бэкап стал занимать все больше и больше часов. Когда в рабочее время на сайт заходили пользователи и менеджеры магазина, он все еще лежал.
Ситуативное решение — перезагрузка сервера — восстанавливала работу сайта до следующего бэкапа.
Решение проблемы заняло всего около часа работы программиста.
Он выстроил правильную приоритезацию процессов на сервере — бэкап больше не сбивал работу сайта.
В этот день жизнь целого отдела «Руны» стала легче.
Исправляем ошибки верстки
Команда следовала подробному ТЗ и за месяц:
- сделала симметричными все поля в карточке товара;
- удалила "прыгающий" контент — всплывающие окна и баннеры;
- изменила дизайн раздела с фурнитурой в каталоге;
- оптимизировала навигацию по страницам;
- исправила ошибки отображения в мобильной версии;
- добавила плавный скролл на всех страницах.
Починили и личный кабинет — при оформлении заказа не все функции работали корректно.
![сайт ткани руна техподдержка](/_next/image?url=%2Fassets%2Fimg%2Fcases%2Fruna%2Fimg_02.jpg&w=2048&q=100)
![сайт ткани руна техподдержка](/_next/image?url=%2Fassets%2Fimg%2Fcases%2Fruna%2Fimg_03.jpg&w=2048&q=100)
![сайт ткани руна техподдержка](/_next/image?url=%2Fassets%2Fimg%2Fcases%2Fruna%2Fimg_04_1.jpg&w=2048&q=100)
![сайт ткани руна техподдержка](/_next/image?url=%2Fassets%2Fimg%2Fcases%2Fruna%2Fimg_04_2.jpg&w=2048&q=100)
![сайт ткани руна техподдержка](/_next/image?url=%2Fassets%2Fimg%2Fcases%2Fruna%2Fimg_04_3.jpg&w=2048&q=100)
Оптимизируем админ-панель
Мы облегчили пользование сайтом для посетителей — теперь то же самое предстояло сделать для менеджеров «Руны». Они собрали свои пожелания по улучшению административной панели. Программисты начали с базовых задач:
- изменили расположение полей в карточке товара и добавили новые;
- настроили автозаполнение фидов из 1С;
- автоматизировали процесс заполнения свойств товаров в карточках;
- исправили технические ошибки в аккаунтах менеджеров.
Оптимизация
выгрузки товаров
Программист создал отдельную страницу: при переходе на нее в корне сайта генерируется файл с опубликованными товарами. Так персоналу быстрее и комфортнее отслеживать, какие новинки уже видны на сайте, а какие предстоит добавить.
Сложная номенклатура — характеристика любого магазина с мелкими штучными товарами. Для корректного отображения на сайте нужны свои шаблоны в админ-панели.
Непонятно? Давайте объясним на примере пуговиц. Модель GE01 доступна в 15 цветах и 5 размерах. В зависимости от этих свойств меняется и цена пуговицы. Артикулы у черной пуговицы GE01 размера 12L и белой GE0116L тоже должны быть разными. Но задать такие параметры при стандартной настройке админ-панели нельзя.
Все свойства товара мы добавили в отдельный шаблон карточки товара. В корзину попадает нужный товар с правильной ценой, а менеджеры могут избежать путаницы при сборке заказа.
![сайт ткани руна техподдержка](/_next/image?url=%2Fassets%2Fimg%2Fcases%2Fruna%2Fimg_05.jpg&w=2048&q=100)
Решаем нестандартную задачу
Еще немного о тканях. Как и любой оптовый поставщик, «Руна» принимает участие в профильных выставках. Оформление одного стенда со ста образцами ткани может занять несколько рабочих дней одного менеджера. На каждый образец нужно подготовить индивидуальную карточку с описанием ткани и QR-кодом, который ведет на соответствующую страницу сайта.
Печатать все сто QR-кодов по одному — долго. Поэтому мы наладили механизм массовой печати. В категориях каталога и карточках товара теперь есть кнопка, доступная только для администраторов и менеджеров. После клика на нее товар добавляется в список страниц, для которых нужен QR-код. В отдельном разделе все из них можно напечатать буквально в два клика.
О результатах
Главный итог — работающий, юзабельный и быстрый сайт. А если в цифрах?
— Количество грубых технических ошибок снизилось в 2,5 раза по сравнению первым месяцем работ.
— Производительность по PageSpeed достигла 99 баллов.
— Общая посещаемость сайта выросла на 78%.
![О результатах техническая поддержка](/_next/image?url=%2Fassets%2Fimg%2Fcases%2Fruna%2Fimg_06_new.jpg&w=2048&q=90)
![О результатах техническая поддержка](/_next/image?url=%2Fassets%2Fimg%2Fcases%2Fruna%2Fimg_06_new.jpg&w=2048&q=75)