LikeOn — інтернет-магазин в’язаного одягу на WooCommerce

З чого починали

Магазин працював на WordPress 6.9.7 і WooCommerce 5.9.1 — версії, від якої актуальна пішла на шість великих релізів уперед. Тема — покупний Flatsome із дочірньою темою, в якій лежали правки кількох різних підрядників за кілька років.

У файлі функцій цієї дочірньої теми знайшлися чотири незалежні закладки. Кожна зі своїм паролем, кожна дозволяла виконати довільну команду на сервері. Файл востаннє змінювали за місяць до початку робіт. Усе інше — оновлення, дизайн, тексти — мало сенс тільки після того, як це прибрали.

Головна, зібрана кодом

Стара головна була набором шорткодів конструктора: сітка банерів, заголовки російською, добірка «хітів» із вручну вписаними номерами товарів і відгуки, вставлені картинками — скріншотами чужих повідомлень. У тілі сторінки навіть залишився службовий тег від браузерного перекладача, збережений разом із текстом.

Нова головна — окремий плагін із власними секціями. Кожен блок тягне дані з магазину сам: рубрики показують, скільки моделей у них зараз є в наявності, добірка тижня збирається з реальних залишків, статті — з блогу. Редагувати нічого не треба: сторінка перемальовується разом зі складом.

Картка товару у вітрині показує ціну, стару ціну, розмір знижки, суму економії й наявні розміри — рішення приймається ще до переходу.

Каталог

425 карток, 26 рубрик, з них 251 модель у наявності. Каталог показує тільки те, що можна купити зараз, решта лишається в базі й доступна за прямим посиланням — щоб не втрачати позиції, які вже проіндексовані.

Картка товару

Розміри — кнопками, а не випадним списком: п’ять варіантів видно одразу, недоступні закреслені. Поруч із кнопкою «Додати в кошик» стоїть «Замовити в один клік» — для тих, хто не хоче реєструватися.

Під кнопками — характеристики, які зазвичай ховають у вкладку: довжина виробу, тип коміра, колір, візерунок, склад пряжі, термін виготовлення. Це ті шість питань, які покупець в’язаного одягу ставить менеджеру в директ.

Решта тексту складена в акордеони: опис, характеристики, відгуки, умови доставки й повернення. Сторінка лишається короткою, але нічого не втрачено — і пошуковик бачить весь текст, бо він у розмітці, а не підвантажується.

Замовлення в один клік

Найкоротший шлях: ім’я, телефон, «Замовити». Панель показує саме те, що людина купує — фото, обраний розмір, кількість, знижку й підсумок. Без переходу на оформлення, без реєстрації, без полів, які все одно уточнить менеджер по телефону.

Та сама панель відкривається і з картки товару, і з кошика — вся логіка кошика лишається однією, незалежно від того, звідки її викликали.

Пошук, який відповідає одразу

Пошук відкривається поверх сторінки й показує товари під час набору — з фото, ціною й розміром знижки. Порожній пошук не залишається порожнім: у ньому лежать останні запити цього відвідувача, популярні рубрики й товари.

Сервіс замість дрібного шрифту

У в’язаному одязі два питання зривають покупку частіше за ціну: «чи вгадаю з розміром» і «а якщо буде задовго». Обидва винесені на головну окремими блоками, а не в підвал разом із офертою.

Розмірна сітка — окремі таблиці для бавовняних і вовняних костюмів, мірки в сантиметрах, схема з літерами. Послуга «Ретуш довжини» — вкорочення брюк або светра під зріст, із чесним попередженням: вкорочена річ вважається індивідуальним замовленням і поверненню не підлягає.

Українська мова до кінця

Магазин уже був «українською» — але тільки в інтерфейсі. В описах товарів лежав суржик машинного перекладу: «Передняя і задняя части светра», «Вільний крой», «Кожна модниця имеет в гардеробе такую стильную базу». Такі фрази читаються як недбалість бренду, а не як технічна дрібниця.

Описи вичитані вручну, абзац за абзацом. Заразом зникли сліди чужого бренду в текстах, биті внутрішні посилання на видалені рубрики й посилання з українських сторінок на російські дублі.

Окремо — медіатека. У 260 вкладень підписи й описи були латинською транслітерацією: kostum_merinos_viski, golf-svobodnoj-posadki-iz-merinosa. 490 полів переписані людською українською — це те, що бачить і покупець у галереї, і пошуковик у розмітці.

Бренд у цифрах, а не в прикметниках

Блок про виробництво не розповідає, що бренд «преміальний» — він показує, як саме в’яжуть: по контуру, без обрізаних країв, шов збирається по петлях і обробляється парою, готова річ переться спеціальним засобом. Звідси й два-три дні на одну річ.

Телефон

Більшість трафіку магазину одягу — з телефона й з Instagram. Кошик на вузькому екрані відкривається на весь екран, розміри лишаються кнопками, галерея гортається пальцем, характеристики не згортаються в стовпчик із двох слів.

Що під капотом

Що змінилося

Магазин перестав бути набором чужих рішень, накладених одне на одне. Головна збирається з реального складу, картка товару відповідає на питання до того, як їх поставлять у директ, замовлення робиться двома полями, а тексти написані мовою, якою бренд говорить із покупцем.

І головне — з магазину прибрано те, через що чужа людина могла виконати будь-яку команду на сервері з живими замовленнями.