Электронная торговля · HappyBaby2000
Новая жизнь магазина.
С опорой на то, что уже работает.
Обновили покупательский интерфейс, сохранили MODX и накопленный каталог. Встроили ИИ-консультанта и прямой переход к сотруднику магазина.
- Клиент
- HappyBaby2000
Магазин детских площадок и спортивных комплексов - Задача
- Модернизация действующего интернет-магазина
- Наша работа
- Архитектура · Интерфейс
Интеграции · SEO · ИИ
До и после
Тот же бизнес.
Другой опыт покупателя.
За новым интерфейсом продолжает работать существующий каталог. На скриншотах — исходная и обновлённая главные страницы магазина.
Задача бизнеса
Обновить магазин.
Сохранить накопленный актив.
У магазина уже были товары, категории, фотографии, контент и известные поисковым системам адреса. MODX обеспечивал хранение данных и работу административной части.
При этом клиентский интерфейс устарел. Полная замена системы означала бы перенос каталога, контента и привычного управления — с дополнительными рисками для существующих ссылок.
Архитектурное решение
Разделили данные,
интерфейс и консультацию.
MODX сохранили как основу управления. Пользовательскую часть переписали с нуля, а ИИ встроили в сценарии магазина.
MODX и каталог
Товары, категории, характеристики, изображения и существующая административная часть.
Новый интерфейс
Навигация, карточки товаров, корзина и сценарии выбора — поверх сохранённых данных.
ИИ-консультант
Диалог с покупателем и доступ к сотруднику, когда нужна дополнительная помощь.
Слой совместимости связывает новую часть со старой: в том числе находит фотографии по историческим путям медиатеки.
ИИ в покупательском пути
Не нашёл в каталоге?
Есть к кому обратиться.
Фактический ассортимент магазина может быть шире опубликованного. Поэтому консультация должна оставлять путь к уточнению наличия и подбору альтернативы.
- Выбор в каталоге
Покупатель изучает ассортимент и предложение магазина.
- Диалог с ИИ
Описывает задачу и обращается за помощью в подборе.
- Связь с сотрудником
Из чата переходит в WhatsApp или MAX.
- Уточнение покупки
Обсуждает наличие, характеристики или альтернативу.
Контакт в нужный момент
После начала диалога рядом с полем ввода появляется компактный блок связи с магазином. Его можно свернуть; быстрый доступ к контактам сохраняется.
Продолжение разговора
Если каталога и ответов ИИ недостаточно, посетителю не нужно искать отдельную страницу контактов. Переход в мессенджер помогает продолжить подбор с человеком.
За видимыми изменениями
Совместимость и поиск
тоже часть обновления.
Новый интерфейс должен работать с историческими данными и корректно представлять товары поисковым системам и внешним сервисам.
Каталог, адреса и исторические изображения
Каталог продолжил использоваться из MODX, без повторного ручного наполнения ради смены интерфейса. При проектировании учитывали существующие URL и структуру страниц.
Для изображений со старыми относительными путями добавили поиск по историческим префиксам media source. Это позволило новому интерфейсу использовать накопленную медиатеку.
Товарная разметка и превью ссылок
Реализовали Product-разметку с учётом товаров без опубликованной фиксированной цены. Исправили абсолютные адреса изображений в структурированных данных.
Добавили Open Graph: заголовок, описание, изображение, URL и тип страницы. Для карточки товара превью использует его фотографию и абсолютный адрес изображения.
Автоматические проверки SEO-разметки
Создали исполнимую проверку, которая загружает страницу и разбирает её HTML. Она проверяет обязательные Open Graph-поля и корректность URL изображений.
Отдельные тестовые сценарии выявляют пробелы, некорректное кодирование и недопустимые символы в адресах. Проверки помогают обнаруживать такие ошибки при последующих изменениях сайта.
Результат проекта
Магазин получил основу
для следующего этапа развития.
Сохранена основа
Каталог, контент и управление в MODX продолжают использоваться. Обновление не потребовало заново создавать информационную базу магазина.
Обновлён путь покупателя
Новый интерфейс соединён с ИИ-консультацией и доступом к сотруднику. Для сложного запроса предусмотрено продолжение общения.
Подготовлено развитие
Пользовательский слой отделён от шаблонов MODX. Совместимость, разметка и автоматические проверки поддерживают дальнейшие изменения.
В кейсе зафиксированы реализованные изменения. Их влияние на продажи, прибыль и поисковые позиции требует отдельного измерения. Эффект ИИ следует оценивать сравнением сопоставимых сценариев с агентом и без него, с учётом затрат на сервис и работу сотрудников.
Ваш сайт тоже перерос
свою старую оболочку?
Разберём, что стоит сохранить, что мешает развитию и где нужны новые инструменты. Составим план обновления под задачи бизнеса.