GymHub · UI-прототипи · серпень 2026

Один маркетплейс. П’ять характерів. Нуль різниці в бюджеті.

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

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

5 напрямів 6 екранів у кожному Mobile-first Однакова оцінка розробки Перемальовується за години
Спільна основа — те, що вже спроєктовано й не залежить від кольору
  • Каталог — фасетні фільтри з живими лічильниками, каскад полів під категорію
  • Оголошення — галерея, креслення габаритів, динамічні характеристики
  • Кабінет — дві ролі, статуси оголошень, підняття в топі, обране
  • Чат — пропозиція ціни як окремий тип повідомлення
  • Адмінка — черга модерації, CRUD атрибутів із прев’ю
  • Токени — 12 CSS-змінних: перебрендування без правки компонентів

Orange LightТепла піщана основа, помаранчевий акцент, мʼякі кути 16 px

Світла Помаранчевий Базовий напрям
  • Помаранчевий читається як «дія»: кнопки й ціни ловлять око першими — це прямо працює на конверсію в контакт
  • Теплий нейтральний фон не втомлює на довгих списках каталогу
  • Дружній тон без корпоративності — комфортний для приватного продавця
  • Найбезпечніший вибір: універсальний і для б/у, і для нового обладнання

CobaltХолодна синьо-сіра гама, кобальтовий акцент, мʼякі кути 16 px

Світла Кобальт Довіра до платформи
  • Синій — колір довіри: знижує напругу в угодах між незнайомими людьми
  • Холодний фон підсвічує фото товару, а не конкурує з ним
  • Читається як зріла платформа, а не як разовий лендинг — легше піднімати комісію
  • Найкраще тримає «фінансові» сценарії: оплата, гарантія, доставка, верифікація

Black & YellowНейтральна сіра основа, спортивний жовтий, різкі кути 4–6 px

Світла Жовтий Максимальний контраст
  • Найпомітніші CTA з усіх п’яти: жовтий на чорному тексті неможливо проґавити
  • Жовтий + чорний — пряма асоціація зі спортзалом і силовим тренуванням
  • Різкі кути дають відчуття робочого інструменту, а не вітрини
  • Найдешевший в брендуванні: два кольори, працює на мерчі, наліпках і в ч/б

IndustrialБежево-хакі основа «під папір», латунний акцент, майже прямі кути

Світла Латунь Преміум-сегмент
  • Виглядає дорого: латунь на бежевому одразу зчитується як преміум — виправдовує вищий чек
  • Приглушена гама — плюс для професійного обладнання та комерційних залів
  • Найспокійніший: жоден колір не бореться за увагу з товаром
  • Максимально відрізняється від типового вигляду українських класифайдів

Neon / CyberЄдина темна тема: графітова основа, неонова мʼята з маджентою, гострі кути

Темна Мʼята Маджента Найбільш помітний
  • Найзапам’ятовуваніший: жоден український класифайд обладнання так не виглядає
  • Неон на темному робить ціни й CTA гіперконтрастними — без крику кольором фону
  • Темна тема комфортна для очей увечері й на мобільному, коли й гортають каталог
  • Резонує з молодшою аудиторією home-gym, кросфіту та гейміфікації тренувань

Чим саме відрізняються

НапрямОсноваАкцентРадіусиКому найкраще заходить
Orange Light тепла піщана #F97316 16 px, мʼякі масовий C2C-маркетплейс, дружній тон
Cobalt холодна синьо-сіра #2B59FF 16 px, мʼякі платформа з оплатою й гарантією, довіра
Black & Yellow нейтральна сіра #FFD21E 4–6 px, різкі спортивний бренд, ставка на конверсію
Industrial бежево-хакі #C8A24A 3–4 px, майже прямі дороге проф. обладнання, B2B-залам
Neon / Cyber темна графітова #3DFF9A #FF3EA5 2–3 px, гострі молода аудиторія, home-gym, помітність