Кейс: інтернет-магазин POLYTECH MERCH на Horoshop

Інтернет-магазин

4 777 товарів-варіантів з фільтрами

Horoshop

Перейшли від окремих рішень для продажу мерчу до цілісного інтернет-магазину на Horoshop, який об’єднує каталог одягу, сумок, індивідуального пошиву та корпоративного текстилю. Сайт дозволяє клієнтам зручно обирати позиції по кольору та розміру, оформляти замовлення онлайн, а команді POLYTECH MERCH — вести замовлення через CRM та працювати з індивідуальними знижками для постійних B2B-клієнтів.

● Комерційний проєкт

Розробка інтернет-магазину для POLYTECH MERCH

Запустил інтернет-магазин на платформі Horoshop, який збирає в одному місці весь мерч POLYTECH MERCH: одяг, сумки та індивідуальний пошив. Сайт дозволяє зручно обирати продукцію за кольором і розміром, оформляти замовлення онлайн, а команді — вести клієнтів у CRM, працювати з індивідуальними знижками та історією замовлень

Клієнт

POLYTECH MERCH — агенція брендованого одягу та текстилю, яка з 2015 року виготовляє корпоративний мерч «під ключ».
Компанія працює з бізнесом по всій Україні: розробляє ідею, готує дизайн, підбирає моделі одягу й текстилю, організовує друк/вишивку та доставку замовлень. У фокусі — футболки, світшоти, худі, реглани, кепки, жилети, сумки, рюкзаки, шопери, спецодяг та уніформа.

Для POLYTECH MERCH важливо було поєднати в одному проєкті:

широкий асортимент продукції;

сучасну візуальну подачу бренду;

прозорий сервіс із гнучкими тиражами, тестовим зразком і адекватними термінами;

зручний інструмент для корпоративних клієнтів, які замовляють мерч регулярно.

Задача

Створити інтернет-магазин, який:

презентує POLYTECH MERCH як агенцію брендованого мерчу «під ключ», а не просто друкарню;

має зрозуміле дерево каталогу для одягу, сумок і індивідуального пошиву;

дозволяє обирати товар за кольором, розміром, типом виробу та фільтрами;

дає можливість оформити замовлення через кошик без онлайн-оплати, з подальшим контактом менеджера;

має кастомні сторінки «Про нас», «Методи нанесення», «Оплата і доставка», «Контактна інформація» з візуалом, а не просто текстовими блоками «за замовчуванням»;

підкреслює переваги сервісу: комплексний підхід, тестовий зразок, власні моделі, гнучкі тиражі та терміни;

використовує можливості особистого кабінету Horoshop для роботи з постійними клієнтами;

інтегрується з CRM через API, щоб усі замовлення автоматично потрапляли в одну систему;

має базову SEO-підготовку для подальшого просування: коректні мета-теги, заголовки, alt-тексти, чисті URL.

● Процес реалізації

[ Як я виконав проєкт ]

Пройшли повний шлях — від прототипу й дизайну у Figma до наповнення каталогу, налаштування варіантів товарів, банерів, CRM-інтеграції та базового SEO. Кожен етап узгоджували з клієнтом на созвонах, щоб зберегти баланс між красивим візуалом і зручністю роботи для відділу продажів

01

Прототип у Figma

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

Побудував дерево каталогу: «Одяг», «Головні убори», «Сумки», «Індивідуальний пошив» із підкатегоріями (футболки, поло, реглани/фліси, світшоти/худі, жилети, шопери, рюкзаки, бананки тощо).

Спроєктував логіку переходів: від головної сторінки й промобанерів — до потрібної категорії, далі до картки товару з варіантами кольорів і розмірів.

Запланував інформаційні сторінки «Про нас», «Методи нанесення», «Оплата і доставка», «Контактна інформація» як окремі лендінги з блоками, іконками та візуалом.

Заклав місця під блоки з цифрами та перевагами (клієнти, макети, завершені проєкти, методи нанесення, власні моделі, тестовий зразок).

02

Дизайн

Підготував дизайн-концепцію у Figma: чистий, сучасний інтерфейс із акцентом на продукцію та бренд POLYTECH MERCH.

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

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

Створив кастомний блок «Про нас» на головній із фото, піктограмами, короткими тезами про досвід з 2015 року, методи нанесення та формат роботи «під ключ».

Продумав плавні анімації для окремих блоків, щоб сайт виглядав «живим», але не перевантаженим.

03

Верстка на платформі Horoshop

Зверстав головну сторінку та ключові шаблони (категорії, картка товару, кошик, інформаційні сторінки) на платформі Horoshop.

Реалізував кастомні сторінки «Про нас» і «Методи нанесення» за допомогою власного HTML/CSS-коду та анімацій — замість стандартних текстових сторінок.

Додав на головну сторінку окремий кастомний блок «Про нас», який коротко розповідає про компанію та веде на детальну сторінку з повною інформацією.

Налаштував оформлення замовлення через кошик без онлайн-оплати: клієнт залишає заявку, після чого з ним зв’язується менеджер для уточнення макетів, тиражів і деталей.

Використав адаптивну сітку, щоб сайт коректно працював на мобільних, планшетах та десктопах.

04

Каталог і 4 777 товарів-варіантів

Наповнив інтернет-магазин великим обсягом позицій: 4 777 товарів-варіантів із розподілом за категоріями.

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

Увімкнув фільтри за категоріями, розмірами, кольорами та типами виробів, щоб спростити пошук потрібного мерчу для великих корпоративних замовлень.

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

Вирівняв підхід до карток товарів: єдині принципи назв, фото та варіантів, що спрощує навігацію й подальший розвиток каталогу.

05

Додатковий функціонал: особистий кабінет і CRM

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

Підключив CRM-систему через API-ключі: усі нові замовлення автоматично потрапляють у CRM, де менеджери працюють із воронкою продажів.

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

Додав контакти, посилання на Viber, WhatsApp, Telegram та форму «Передзвонити вам?», щоб клієнти могли обрати зручний канал комунікації.

Пропрацював осмислені title та description для головної сторінки, категорій, інформаційних сторінок «Про нас», «Методи нанесення», «Оплата і доставка», «Контактна інформація».

Налаштував коректну структуру заголовків: один H1 на сторінку, логічні H2–H3 з фокусом на запити «брендований одяг», «корпоративний мерч», «брендовані сумки», «індивідуальний пошив мерчу» тощо.

Додав alt-тексти до банерів, фото продукції, логотипів і ключових ілюстрацій, щоб пошукові системи коректно індексували візуальний контент.

Оптимізував URL-структуру категорій й інформаційних сторінок, щоб посилання були зрозумілими як користувачам, так і пошуковим роботам.

Заклав основу для подальшого SEO-просування: чіткі назви, структуровані категорії, зрозумілі блоки з інформацією про методи нанесення, умови оплати та доставки.

● Відеопрезентація

[ Як виглядає готовий інтернет-магазин ]

Головна сторінка зустрічає клієнта великим банером із мерчем та чітким оффером POLYTECH MERCH, далі — блоки з ключовими перевагами, популярними категоріями, цифрами про досвід і коротким блоком «Про нас». Каталог дозволяє швидко перейти до потрібного типу продукції, застосувати фільтри й у кілька кліків зібрати замовлення з потрібних позицій. На інформаційних сторінках детально пояснено методи нанесення, вимоги до макетів, умови оплати та доставки, а в розділі «Контактна інформація» є всі канали зв’язку й мапа проїзду.