Joanna — оптово-розничный интернет-магазин одежды для всей семьи
Оптово-розничный магазин одежды на OpenCart 4.1: 4 200+ товаров, опт и розница в одной витрине (оптовая цена от 2 разных моделей), фасетные фильтры, чекаут в один экран, GA4/Ads с серверным purchase.
Joanna (joanna-od.com) — оптово-розничный интернет-магазин одежды для всей семьи, работающий с 2018 года. В каталоге более 4 200 товаров почти в сотне категорий по четырём направлениям: женская одежда 42–46, женские размеры 48+, мужская и детская одежда, плюс сквозные «Новинки» и «Распродажа». Главная особенность бизнес-модели — опт и розница в одном магазине: каждая карточка показывает розничную цену и отдельно оптовую «от 2 единиц», а скидка включается автоматически, как только в корзине оказываются две разные модели. Сайт перенесён с устаревшей сборки OpenCart 2.3 на OpenCart 4.1 с полностью переписанной темой — с сохранением всех URL, каталога и накопленного SEO-веса.
Технический стек
OpenCart 4.1 с кастомной темой — не сток с маркетплейса. Магазин двуязычный (украинский и русский) и двухвалютный (гривна, доллар). Товарные фото раздаются с отдельного CDN-поддомена assets.joanna-od.com, карточки поддерживают hover-фото и короткие видеообзоры моделей. Заказ оформляется в один экран собственным модулем быстрого чекаута, оплата — через LiqPay (Visa/Mastercard) или согласование с менеджером, доставка — Новой Почтой. Отдельно собран контур аналитики: собственный модуль событий GA4 и Google Ads, фиды для Google Merchant Center, серверное дублирование события purchase. Вёрстка адаптивная: сетки товаров перестраиваются, меню сворачивается в бургер, а на мобильном появляется нижняя таб-панель с корзиной и избранным.
Структура сайта
Главное меню — это четыре товарных направления (Женская одежда 42-46, Женские размеры 48+, Мужская одежда, Детская одежда) плюс Новинки и Распродажа; каждое направление раскрывается многоуровневым выпадающим меню вплоть до третьего уровня (Платья → Короткие и миди → Летние). В шапке — телефоны, график работы, переключатели языка и валюты, вход в кабинет, избранное и корзина. Главная собрана как витрина: hero → новые поступления → топ моделей недели → топ категории → три входных сценария (опт, розница, дропшиппинг) → SEO-блок о магазине.
Новые поступления
Сразу под hero — карусель новых поступлений в два ряда по четыре карточки. Карточка здесь делает основную работу магазина: второе фото по наведению, бейдж «NEW», отметка видеообзора, кнопка «в избранное» и, главное, две цены — розничная крупным шрифтом и оптовая «от 2 единиц» рядом. Покупатель видит выгоду ещё до входа в карточку товара.
Топ моделей недели и входные сценарии
Дальше — «Топ моделей недели» (подборка, которую магазин обновляет еженедельно) и три баннера, разводящие аудиторию по типу покупателя: Оптовые продажи, Розничные продажи, Дропшиппинг. Это важный узел: у Joanna три разные воронки с разными правилами и документами, и у каждой своя посадочная страница вместо общего «О нас».
Каталог и фильтры
Каталог рассчитан на большие объёмы: в одной только категории «Женские платья» — 661 товар с пагинацией и сортировкой. Слева — дерево категорий и панель фасетных фильтров: цвет (со счётчиком товаров у каждого значения), размер, цена. Счётчик «Найдено: N» пересчитывается вместе с выбором фильтров, так что покупатель видит, сколько останется вариантов, ещё до применения. Страница категории заканчивается SEO-текстом и аккордеоном частых вопросов — это работает на поисковые запросы вроде «платье 48 размера купить».
Карточка товара
Страница товара построена вокруг галереи: до девяти фото с вертикальными миниатюрами и видеообзором модели под ними. Справа — артикул модели, две цены (розничная и «Опт от 2 или больше»), селекты размера и цвета, счётчик количества, «В корзину» и «В избранное». Под кнопками — объяснение механики опта простыми словами: «добавьте в корзину любую вторую модель и получите оптовую цену на оба товара». Ниже аккордеонами — описание, таблица размеров и отзывы, чтобы длинная страница не превращалась в полотно текста.
Корзина и оформление заказа
Корзина открывается боковой шторкой, без перехода на отдельную страницу, а само оформление умещается в один экран: личные данные, способ доставки, способ оплаты и комментарий — слева, состав заказа с выбранными размером и цветом, количеством и итогом — справа. Количество и удаление позиций меняются прямо в чекауте, без возврата в корзину. Под суммой стоит напоминание об оптовой скидке — последний шанс добавить вторую модель и удешевить обе.
Аналитика, реклама и быстродействие
Магазин живёт с платного трафика, поэтому аналитика собрана отдельным модулем: все ecommerce-события печатаются сразу в двух схемах — GA4 и Google Ads, чтобы идентификаторы товаров совпадали с фидом Merchant Center и работал динамический ремаркетинг. Событие purchase дополнительно дублируется с сервера: если браузерный хит не дошёл (адблок, закрытая вкладка, обрыв связи на мобильном), заказ всё равно попадает в GA4. Отдельным блоком работ было быстродействие: тяжёлые места чекаута переписаны, время ответа страницы оформления сократилось с 4,5 до 0,4 секунды, а паразитный трафик ботов-скрейперов, выбиравший ресурсы сервера на фасетных фильтрах, отсекается ещё на уровне веб-сервера.
Отзывы и доверие
Отдельная страница отзывов о магазине — не о конкретном товаре, а о сервисе: рейтинг 4,8 из 5, сортировка, форма «Написать отзыв» и публичные ответы администратора под обращениями. Для магазина, работающего с предоплатой, это один из главных аргументов: в отзывах покупатели описывают именно обмен размера, возврат средств и скорость отправки.
Мобильная версия
Большинство трафика fashion-магазина — мобильный, поэтому на телефоне интерфейс перестраивается, а не сжимается: hero и каталог идут в два столбца, меню прячется в бургер, а внизу закрепляется таб-панель с главной, меню, кабинетом, избранным и корзиной со счётчиком. Кнопка обратного звонка и мессенджеры доступны с любого экрана.
Итог
joanna-od.com — пример большого товарного магазина, где сложная коммерческая логика спрятана за простым интерфейсом: одна витрина обслуживает розницу, опт и дропшиппинг, оптовая цена включается сама от двух разных моделей, а покупатель видит лишь две цифры на карточке. Переезд с OpenCart 2.3 на 4.1 с сохранением URL и каталога, собственный модуль аналитики с серверным дублированием покупок, ускоренный чекаут и защита от ботов дают магазину то, ради чего всё и делалось: реклама считается, страницы не падают, а заказ оформляется в один экран.
