Этап 1: Дизайн, интерактивный прототип и проектирование архитектуры БД

Стоимость: 12 000 грн
Ориентировочный срок: 2-3 дня
Результат: готовый дизайн основных экранов, кликабельный прототип и схема базы данных/структуры проекта, чтобы дальше не переделывать логику во время разработки.

Что входит в этап
Анализ текущего ТЗ и макетов

На старте прохожу по всем экранам, логике игры, платежам, 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 карт

Очередь сделать моде чтобы светилась та линия которая ходит

Лого проработанное качественнее

То есть чтобы все было проработано качественно



Приблизительно столько же экранов но может быть больше если что-то забыл