Інтернет-магазин · WooCommerce · 2025

RC Toys UA — інтернет-магазин радіокерованих моделей (Traxxas, Arrma, Axial)

Каталог 1500+ RC-моделей і запчастин від 36 брендів — з фільтрами, dual-CTA на картці товару і чекаутом під 3 українські перевізники.

Хочу такий самий проект Відкрити сайт

Контекст

RC Toys UA — інтернет-магазин радіокерованих моделей, який виріс із багаторічного хобі засновника Павла. Платформа вирішує дві задачі одночасно: продавати готові RTR-моделі та обслуговувати спільноту досвідчених моделістів через каталог запчастин і консультаційний контент. Тому це не «WooCommerce з коробки», а магазин з нестандартною інформаційною архітектурою: 9 типів моделей, 25+ під-категорій запчастин і електроніки, 36 брендів — і все це треба тримати в межах однієї зрозумілої навігації.

Що зробили на головній

Hero-ротатор з акцентом на ключові моделі

Перший екран — повноекранний слайдер фотобанерів виробників (Traxxas Mini Slash 4×4 за замовчуванням). Над банером — компактний шейп з логотипом, головною навігацією, мега-каталогом, пошуком з підказкою «Часто шукають: Traxxas Remo Hobby MJX» і кошиком зі стейтом «N товарів на суму N грн».

RC Toys UA — головна, hero з Traxxas Mini Slash 4x4 — Hero-екран головної: повноекранний банер моделі + sticky-навігація + пошук з категоріями + кошик зі станом замовлення.

Каталог категорій — Swiper з 8 групами

Під hero розташований горизонтальний Swiper з ілюстрованими картками категорій: «Радіокеровані Машинки та Позашляховики», «Електроніка», «Запчастини», «Апаратура управління», «Акумулятори та зарядні», «Інструменти», «Радіокеровані катера», «Збірні моделі». Кожна картка має тематичну фотографію, заголовок і короткий опис — щоб новачок одразу розумів, що знайде у цій секції.

RC Toys UA — сітка з 8 ілюстрованих категорій — Каталог категорій: 8 груп товарів з тематичними фото і коротким описом — щоб клієнт швидко вибрав напрямок.

Промо-банер преміальної моделі

Для топ-флагмана зробили окремий повноекранний промо-блок з кінематографічним фото Hoonigan Hoonicorn Apex 2, лого моделі, технічними деталями (1:10 4WD On Road RTR) і Ford Official Licensed Product бейджем. Це міксує мерчандайз-сторітелінг з прямим CTA на картку товару.

Hoonigan Hoonicorn Apex 2 — промо-банер на головній — Преміальний промо-блок для флагманської моделі — кінематографічна фотографія, ліцензійний бейдж і технічні характеристики прямо у hero.

Блок переваг із 8 USP

Замість дежурного «безкоштовна доставка / гарантія» зробили 8-картковий блок переваг, який відображає реальну роль магазину в спільноті: Продаж, Запчастини, Матеріали, Консультації, Підтримка, Допомога, Сервіс, Відео матеріали. Це позиціонує RC Toys UA не як просто-магазин, а як партнера для тривалого хобі.

RC Toys UA — 8 USP в форматі icon-grid — Блок переваг — 8 ролей магазину для клієнта-моделіста: від продажу до сервісу та відео-оглядів.

Розділ «Про нас» + інтегровані відео-огляди

Окрема секція, де власник магазину звертається до клієнта особисто — пояснює, чому RC Toys UA це не просто торгова точка, а проєкт людини, для якої RC-моделювання є основою діяльності. Одразу під «Про нас» — стрічка з YouTube-оглядами актуальних моделей. Тобто кожен відвідувач головної бачить два сигнали довіри: справжню людину за брендом + регулярну експертну подачу контенту.

Про Нас + стрічка відео-оглядів — «Про Нас» з підписом власника Павла + горизонтальна стрічка свіжих відео-оглядів моделей.

Каталог /shop/ — фільтри й сортування

Архів каталогу побудований на лівій сайдбар-панелі фільтрів (Бренди — checkbox-список з лічильником товарів, Категорії, Ціна) і правій основній сітці карток товарів 3×N. Зверху — сортування (Новинки/Популярні/Ціна) і вибір кількості товарів на сторінці (24/48/96). Картка товару показує фото, тайтл, короткий опис і ціну в гривнях.

RC Toys UA — каталог із фільтрами і сортуванням — Каталог /shop/: сайдбар-фільтр (бренди з лічильниками + категорії), сортування, сітка карток з ціною і коротким описом.

Картка товару — два сценарії покупки

На картці товару зробили dual-CTA дизайн: основний оранжевий CTA «Додати до кошика» (стандартний WC-флоу) і чорний secondary CTA «Швидка покупка» (callback-форма без реєстрації). Це знімає бар’єр для покупців, які не люблять повний checkout. Ліворуч — галерея зі збільшенням (fancybox), мініатюри під нею, навігаційні стрілки. Праворуч під CTA — три info-картки: Оплата (Visa/Mastercard + готівка), Доставка (Нова Пошта / Укрпошта / Міст Експресс — лого), Гарантія (1 місяць + 14 днів повернення).

Картка товару — галерея, ціна, два CTA, info-картки — Картка товару: галерея з мініатюрами і зумом, ціна, «Швидка покупка» + «Додати до кошика», блоки Оплата / Доставка / Гарантія з лого перевізників.

Швидке замовлення з reCAPTCHA

«Швидка покупка» відкриває overlay-модалку з фотографією товару, його назвою і ціною ліворуч, формою справа (Ім’я, Телефон, Email, Повідомлення) і захистом reCAPTCHA. Запит іде менеджеру в обхід стандартного WC-флоу — користувачеві не треба обирати перевізника, відділення, заповнювати адресу. Менеджер передзвонює і добиває оформлення живим контактом.

Модалка «Швидка покупка» з reCAPTCHA — «Швидка покупка» — модалка з фото товару, формою на 4 поля і reCAPTCHA. Альтернативний воронка-флоу без повного checkout.

Кошик

Кошик розділений на дві колонки: ліва — список товарів зі стандартними контролями кількості (–/+), правa — sticky summary з сумою, доставкою «за тарифами перевізника», загальною сумою і CTA «Замовити». Під summary — повторні info-картки Оплата/Доставка/Гарантія для другої точки контакту. Внизу — карусель «Супутні товари» (cross-sell) і повтор Hoonigan Apex 2 промо.

Чекаут на три перевізники

Найскладніша частина проєкту — кастомний checkout, який підтримує три українські перевізники (Нова Пошта, Укрпошта, Міст Експресс) × три способи доставки кожен (Відділення, Поштомат, Курʼєр). Для кожної комбінації — окремий блок з пошуком населеного пункту і відділення (autocomplete по API перевізника). У хедері — Контактні дані (Ім’я, Прізвище, Телефон, Email), у side — повна order summary з картинкою товару і CTA «Підтвердити замовлення».

Чекаут з 3 перевізниками і 3 способами доставки — Кастомний чекаут: 3 українські перевізники × 3 типи доставки (відділення/поштомат/курʼєр), autocomplete пошук міст і відділень, side-order summary з фото.

Сторінка брендів /brendy/

Окрема landing-сторінка з 36 виробниками: Traxxas, Axial, Arrma, Losi, Kyosho, Tamiya, Tekno, Team Associated, Bandai, DJI, Remo Hobby, WPL, FlySky, VRX Racing, Hobbywing, FMS, MJX, ZD Racing, MN Model, Radiomaster, WLtoys, Spektrum, UDI RC, SkyRC, Vanquish Products, Maverick, ZOP Power, Gens Ace, Hot RC, JJRC, PKCell, ProTek RC, Redcat, RLAARLO, Sense Innovation, ToolkitRC, Yikong. Кожна картка має лого, унікальний редакторський опис, два CTA («Про бренд» — окрема сторінка бренду, «Всі товари» — фільтрований каталог).

Сторінка брендів — 36 виробників — Сторінка /brendy/: 36 виробників, для кожного — лого, унікальний опис і два CTA («Про бренд» + «Всі товари»).

Контакти

Сторінка контактів виконана у форматі двох колонок: ліворуч — телефон гарячої лінії з click-to-call, email, посилання на YouTube/TikTok/Instagram/Telegram/Facebook і фірмовий ілюстративний маскот-кіт із радіокерованою машинкою. Праворуч — повна форма звернення на 6 полів (Ім’я, Телефон, Email, Категорія звернення, Тема звернення, Повідомлення) з кнопкою «Надіслати повідомлення».

Сторінка контактів — телефон, email, соцмережі, форма — Контакти: ліва колонка з телефоном, email, соцмережами і фірмовим маскотом; праворуч — форма звернення на 6 полів.

Результат

RC Toys UA — це повноцінний e-commerce, який обслуговує не лише транзакційні покупки, а й inforesource-функцію для спільноти моделістів: 9 типів моделей × 25+ під-категорій запчастин × 36 брендів × окремий контент-розділ з відео-оглядами + блогом. Сценарій покупки дублюється «класичний кошик + чекаут на 3 перевізники» / «швидка покупка через колбек», що знімає поріг для різних типів клієнтів. Інтерфейс налаштований так, що навіть новачок (через ілюстровану навігацію категорій) і досвідчений модель (через фільтри по брендах і запчастинах) одразу знаходить потрібне.