Етап 1: Дизайн, інтерактивний прототип та проєктування архітектури БД

Вартість: 12 000 грн
Орієнтовний термін: 7 днів
Результат: готовий дизайн основних екранів, клікабельний прототип і схема бази даних/структури проєкту, щоб далі не переробляти логіку під час розробки.

Що входить в етап
Аналіз поточного ТЗ і макетів

На старті проходжу по всіх екранах, логіці гри, платежах, Gifts, MegaBoom, профілю, маркету і адмінці.
Фіксую, які екрани потрібні в першій версії, які стани треба закласти одразу, і які модулі будуть підключатися на наступних етапах.

Дизайн основних екранів Mini App

У межах першого етапу готується дизайн основних користувацьких екранів:

головний PvP екран без активної гри;
головний PvP екран під час активної гри;
екран покупки карт пакетами;
екран Add Gift;
екран поповнення TON / Stars;
профіль користувача;
Market / Gifts;
MegaBoom;
How to Play;
базові popup/modal стани.

Тобто на цьому етапі не просто “малюється головна”, а збирається повна візуальна основа Mini App.

Інтерактивний прототип

Після дизайну робиться клікабельна логіка переходів:

з головного екрану в поповнення;
з головного екрану в покупку карт;
з головного екрану в Add Gift;
з головного екрану в Profile;
з головного екрану в Market;
з головного екрану в MegaBoom;
з головного екрану в How to Play;
базові переходи між станами гри.

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

Проєктування структури бази даних

На цьому етапі також проєктується структура БД під основні сутності:

users;
balances;
transactions;
matches;
match_players;
cards;
game_actions;
gifts;
market_listings;
megaboom;
referrals;
settings/admin_config.

Це не повна реалізація backend, а саме схема, щоб потім етапи 2-6 не конфліктували між собою.

Проєктування основної архітектури backend/frontend

Фіксується, як буде побудований проєкт:

frontend Telegram Mini App;
backend API;
WebSocket server;
база даних;
payment handlers;
game engine;
admin panel;
market module.

Також визначається, які частини логіки будуть на сервері, а які тільки показуються на frontend. Для гри це важливо, бо результат матчу, колода, random, переможець і виплати мають рахуватися на backend.

Опис основних user flows

У першому етапі треба зафіксувати основні сценарії:

користувач заходить у Mini App;
поповнює баланс;
купує карти;
додає Gift;
приєднується до гри;
очікує матч;
грає хід;
вилітає або виграє;
отримує результат;
переглядає історію;
відкриває Market;
дивиться MegaBoom;
заходить у профіль.

Це допоможе не ловити хаос на етапі розробки.

Підготовка UI-kit / стилів

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

кольори;
шрифти;
кнопки;
карточки;
модалки;
input-и;
стани кнопок;
іконки;
стилі для карт;
стилі для слотів гравців.

Це не окремий “дизайн заради дизайну”, а база для швидкої верстки на 4 етапі.

Скільки екранів/станів входить у перший етап

Орієнтовно в першому етапі закладається 12-15 екранів/станів:

Головний PvP екран - немає активної гри.
Головний PvP екран - активна гра.
Matchmaking / очікування гравців.
Покупка карт пакетами.
Підтвердження покупки карт.
Add Gift.
Empty state Gifts.
Поповнення TON / Stars.
Profile.
Transaction history / блок історії.
Market / Gifts.
MegaBoom.
How to Play.
Win/result screen basic state.
Базові error/empty states.

1-й екран це головний коли немає людей 2-й це тоже основний це коли людина закидає тон 3-й це коли закидає гіфти 4-й міняє мову 5 три крапки

6-й як грати 7-й най основніше коли людина закидає тон або гів ти їй автоматично появляється її карти це як окремий екран також

8-й екран це коли іде вже гра і людина бачить цю гру але вона бачить історію карточок яка випадає

Турніри тепер головний екран прийняти участь мої матчі Ну історія матчів Може також придумаєш як це все оптимізувати може тут буде більше сКрінів

Маркет скрін подарунків щоб купити затоне скрін 2-я вкладка це мої подарунки І тут в принципі а може бути вкладка вивести подарунки або краще може зробити навіть іконку в там де подарок вивести тобто така іконка Ну і профіль В принципі стільки скиньнів скільки ми скидали тобі що в ньому входить



Основне це карти - гарно проробити щоб людям було комфортно грати

І деталі тобто скільки в людей є карт ,колола скма

7 карт 

Чергу зробити моде щоб світилося та лбдина яка ходить

Лого пророблене якісніше

Тобто щоб все було проробленг якісно


Приблизно стыльки ж скрінів але може бути більше якщо щось забув