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

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

5 напрямів 6 екранів у кожному Запит на купівлю з картки Mobile-first Однакова оцінка розробки Перемальовується за години
Головна сторінка GymHub — напрям Orange Light

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

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

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

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

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

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

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

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

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, помітність
Спільна основа — те, що вже спроєктовано й не залежить від кольору
Фаза 1 · out-of-scope — чого у цій фазі не буде

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

у 3,3 разаменше бюджету: повний MVP-веб — 2 920 год, фаза 1 — 880 год
2 місяцідо живого сайту замість приблизно семи — і ринок бачить продукт раніше
0 году платіжний і логістичний контур, поки не підтверджено, що люди подають оголошення

Межа зафіксована в договорі: обсяг фази 1 — 880 год. Будь-яка з фіч вище додається окремим change request із власною оцінкою, а не «заодно» — саме це тримає термін і бюджет. Крім того, щоб базове замовлення вмістилося в 880 год без зсуву релізу, спрощено інтерфейс: галерея без креслення габаритів, зона на карті замінена містом і районом, головна без промо-підбірок, модерація без масового схвалення.