Бренду потрібна була платформа, що відчувається гострою й свідомою, а не гучною. Ми перебудували структуру навколо моментів, які найбільше важать для гравця: знайти подію, прочитати коефіцієнт і зробити ставку без вагань.
Повний набір вайрфреймів був готовий ще до першого пікселя візуалу — вони описували кожен стан беттінг-сценарію. Це дало змогу перевірити навігацію рано й зробило подальшу роботу над інтерфейсом швидкою та передбачуваною.
Беттінг-лінія — серце продукту, тому проєктували її першою. Списки подій, групи ринків і стани купона побудовані так, щоб лишатися читабельними на будь-якій глибині: і коли гравець переглядає топ-лігу, і коли занурюється в окремий матч.
Візуальна мова поєднує стриману темну основу з єдиним акцентом, який зʼявляється лише там, де очікується дія: кнопка коефіцієнта, активний купон, підтверджена ставка.
Коли акцент рідкісний, інтерфейс не конкурує сам із собою, і гравець завжди знає, куди дивитись далі.
Кожен екран проєктувався спершу під мобільний і лише потім розширювався, а не стискався з десктопа. Купон лишається в межах великого пальця, а бет-сліп не перекриває коефіцієнти, до яких належить.
Брейкпоінти описані як частина дизайн-системи, тому платформа поводиться однаково на телефонах, планшетах і широких екранах.
Паралельно з інтерфейсом зібрано окремий UI-кіт: кнопки, комірки коефіцієнтів, рядки купона, модалки, поля форм і стани — усе як багаторазові компоненти.
Це дає команді єдине джерело правди. Нові секції збираються з наявних частин, а зміна, зроблена один раз, розходиться скрізь, де компонент використовується.
Анімація лишилася доцільною. Зміни коефіцієнтів, оновлення купона й стани підтвердження анімуються рівно настільки, щоб їх помітили, і не додають затримки там, де швидкість і є продуктом.
Іконки, банери й колірні схеми віддані компонентами, а не пласкими експортами, тож платформу можна коригувати без повернення на етап дизайну заради кожної зміни.
У підсумку клієнт отримав систему, яку може розширювати самостійно в міру зростання продукту.
Окрім самої платформи ми підготували супровідні креативи, потрібні для запуску й послідовного просування по каналах.
Робота з тих самих компонентів, що й продукт, тримає бренд упізнаваним усюди, де гравець із ним стикається.
