Редизайн интернет магазина реселлера люксовой одежды Her-age

Кратко о компании

Her-Age — онлайн-площадка, специализирующаяся на аутентичном винтаже и pre-loved люксе. Бренд основан в Милане в 2021 году и опирается на итальянское модное наследие и строгую экспертизу отбора позиций. Сегодня на площадке представлено порядка 30 000 тщательно отобранных предметов гардероба и аксессуаров от сотен мировых брендов.

Цели проекта

Полный рестайлинг/редизайн витрины и UX-путей.
Комплексная SEO-оптимизация и устранение накопившихся ошибок индексации.
Усиление поиска: качество выдачи, работа с опечатками и синонимами, релевантность к коллекциям/брендам/эпохам.
Надёжные интеграции с внешними API и встраиваемыми приложениями (платёжные/логистические/маркетинговые сервисы).
Миграция темы на Broadcast (OS 2.0) v2+ и переход на актуальную версию Shopify API при полном сохранении данных и работоспособности.

Дизайн-концепция

Визуальная система выполнена в светлой палитре с фирменными оранжевыми акцентами, подчёркивающими тёплый характер винтажа и удобство навигации.
Дизайн принят максимально в соответствии с предложениями заказчика: сохранены узнаваемые паттерны и смысловые опоры; модернизированы ритмы сетки, модульность блоков и типографика.
Карточки товаров — чистые композиции с крупной фотографией, вторичной навигацией по бренду/эпохе/состоянию и быстрыми действиями (wishlist, share).

Техническая архитектура и производительность

Переезд на Shopify Online Store 2.0 + Broadcast: секции и блоки доступны на всех типах страниц, что ускоряет выпуск контента и эксперименты с мерчандайзингом.
Справочник по теме: Broadcast — документация
Использование возможностей темы Broadcast для улучшения загрузки и конверсии (ленивая подгрузка медиа, гибкие секции, адаптация под мобильный трафик).
Пример: Broadcast на Shopify Themes
Внедрены практики Web-перфоманса: оптимизация LCP (герой-изображения/видео), контроль CLS (фиксированные плейсхолдеры), предзагрузка ключевых шрифтов, responsive-изображения (AVIF/WebP), корректные кэш-заголовки.

SEO-оптимизация (техническая и контентная)

Структурные данные (Product, Breadcrumb, Article, Collection) через JSON-LD для расширенных сниппетов.
Аккуратная внутренняя перелинковка: бренды → коллекции → товары; эпохи/десятилетия выделены как отдельные таксономии.
Каноникализация и пагинация: устранены дубликаты коллекций/фильтров, удалены «петли» редиректов, корректные rel="prev/next" там, где применимо.
Актуализация sitemap и robots: исключены служебные URL и бесконечные фасетные комбинации.
Медийные страницы (редакционные подборки, архивы) оформлены как цельные входные точки для SEO-трафика.
Введена система аудитов: регулярная проверка 404/5xx, мета-шаблоны, контроль языковых версий при необходимости.

Улучшение алгоритмов поиска

Переконфигурация на многофакторную модель ранжирования: точность совпадения + популярность + новизна + маркер «эпохи/десятилетия».
Опечатки/синонимы: словари брендов и материалов, транслитерации, обработка пробелов и дефисов.
Вертикали поиска: товары, бренды, эпохи, редакционные подборки — с быстрым переключением без перезагрузки.
Autosuggest и «did-you-mean» для редких запросов.
Телеметрия: логирование нулевых результатов, CTR в подсказках, последующее дообучение правил.

Интеграции с внешними API и встраиваемыми приложениями

Платёжные и логистические сервисы (расчёт стоимости, статусы, ETA).
Каталожные фиды для маркетплейсов/ретаргетинга; автообновление остатков и цен.
Витринные приложения (отзывы, лист ожидания, рекомендации) — через изолированные адаптеры, чтобы исключить деградацию скорости и конфликтов.

Миграция на Broadcast v2+ и актуальный Shopify API — без потерь данных

Тема: обновление на Broadcast (ветка OS 2.0). Для перехода с ранних веток предусмотрена сборка с нуля, поскольку «прямой мост» настроек ограничен архитектурными изменениями OS 2.0. Секции/блоки перенесены вручную; перенос контента автоматизирован для сохранения визуальной консистентности.
Подробнее: Broadcast — руководство
API-версия: проект переведён на поддерживаемые квартальные версии Shopify API с учётом графика версий и срока жизни каждого релиза; приоритет — GraphQL Admin API как рекомендуемое направление развития.
Подробнее: Shopify — API & Dev
Процедура миграции:
1. «Заморозка» каталога, полноразмерные бэкапы (заказы/клиенты/коллекции/медиа).
2. Двухшаговые скрипты совместимости (старые и новые эндпоинты в read-only), контроль вебхуков.
3. Сверка инвентаря и цен: каскадные сравнения по SKU/VariantID; sanity-чек страниц коллекций.
4. План отката (rollback) и контрольная публикация темы вне прайм-тайма.

Исправление проблем на текущих страницах

Удалены/объединены дубликаты карточек и коллекций; настроены каноникалы.
Исправлены битые ссылки, добавлены целевые 301-редиректы, устранены цепочки 3xx.
Унифицированы метаданные (title/description/og/tw), скорректированы H1-иерархии.
Исправлены ошибки пагинации и фильтров, мешавшие индексации или порождавшие тонкие дубликаты.
Приведение к стандарту микроразметки Product и корректным статусам наличия/цен.

Контроль качества и аналитика

Набор E2E-сценариев (поиск → фильтры → карточка → корзина → checkout).
Мониторинг Core Web Vitals, отслеживание конверсий по источникам, карта кликов в поисковой выдаче.
Регламент релизов: canary-развёртывания и A/B-тесты критичных блоков (герой, подборки, карточки).

Что получает бизнес

Более прозрачная и управляемая витрина (OS 2.0 + Broadcast), гибкость для кампаний и editorial-подборок.
Стабильные интеграции и сокращение рисков благодаря переходу на актуальные Shopify API и GraphQL-практики.
Сильнее работающий поиск — рост вовлечённости, глубины просмотра и конверсии из каталога.
SEO-фундамент, снижающий зависимость от платного трафика и усиливающий органику за счёт «чистых» коллекций и богатых сниппетов.