Etap 1: Projektowanie, interaktywny prototyp i projektowanie architektury bazy danych

Cena: 12 000 UAH
Przewidywany czas: 7 dni
Wynik: gotowy projekt głównych ekranów, klikalny prototyp i schemat bazy danych/struktury projektu, aby później nie przerabiać logiki podczas rozwoju.

Co wchodzi w etap
Analiza aktualnego TŻ i makiet

Na początku przechodzę przez wszystkie ekrany, logikę gry, płatności, Gifts, MegaBoom, profil, market i admin panel.
Zapisuję, które ekrany są potrzebne w pierwszej wersji, jakie stany należy uwzględnić od razu, i które moduły będą podłączane na następnych etapach.

Projektowanie głównych ekranów Mini App

W ramach pierwszego etapu przygotowywany jest projekt głównych ekranów użytkownika:

główny ekran PvP bez aktywnej gry;
główny ekran PvP podczas aktywnej gry;
ekran zakupu kart pakietami;
ekran Dodaj Gift;
ekran doładowania TON / Stars;
profil użytkownika;
Market / Gifts;
MegaBoom;
Jak grać;
podstawowe stany popup/modal.

To znaczy, na tym etapie nie tylko "rysuje się główną", ale zbiera się pełna wizualna podstawa Mini App.

Interaktywny prototyp

Po projekcie tworzona jest klikalna logika przejść:

z głównego ekranu do doładowania;
z głównego ekranu do zakupu kart;
z głównego ekranu do Dodaj Gift;
z głównego ekranu do Profil;
z głównego ekranu do Market;
z głównego ekranu do MegaBoom;
z głównego ekranu do Jak grać;
podstawowe przejścia między stanami gry.

To jest potrzebne, aby przed kodem było jasne, jak użytkownik rzeczywiście porusza się po aplikacji.

Projektowanie struktury bazy danych

Na tym etapie projektowana jest również struktura Bazy Danych dla głównych encji:

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

To nie jest pełna realizacja backendu, a jedynie schemat, aby później etapy 2-6 nie kolidowały ze sobą.

Projektowanie głównej architektury backend/frontend

Określa się, jak będzie zbudowany projekt:

frontend Telegram Mini App;
backend API;
serwer WebSocket;
baza danych;
handlerzy płatności;
silnik gry;
panel administracyjny;
moduł market.

Określa się również, które części logiki będą na serwerze, a które będą tylko wyświetlane na frontendzie. Dla gry jest to ważne, ponieważ wynik meczu, talia, losowość, zwycięzca i wypłaty muszą być obliczane na backendzie.

Opis głównych przepływów użytkowników

W pierwszym etapie należy zarejestrować główne scenariusze:

użytkownik wchodzi do Mini App;
doładowuje saldo;
kupuje karty;
dodaje Gift;
przyłącza się do gry;
czeka na mecz;
gra ruch;
wypada lub wygrywa;
otrzymuje wynik;
przegląda historię;
otwiera Market;
ogląda MegaBoom;
wchodzi do profilu.

To pomoże uniknąć chaosu na etapie rozwoju.

Przygotowanie UI-kit / stylów

Aby później szybciej kodować, na pierwszym etapie przygotowywany jest podstawowy zestaw wizualny:

kolory;
czcionki;
przyciski;
karty;
modale;
inputy;
stany przycisków;
ikony;
style dla kart;
style dla slotów graczy.

To nie jest oddzielny "projekt dla samego projektu", ale baza do szybkiego kodowania na etapie 4.

Ile ekranów/stanów wchodzi w pierwszy etap

Przewiduje się, że w pierwszym etapie uwzględnionych będzie 12-15 ekranów/stanów:

Główny ekran PvP - brak aktywnej gry.
Główny ekran PvP - aktywna gra.
Matchmaking / oczekiwanie na graczy.
Zakup kart pakietami.
Potwierdzenie zakupu kart.
Dodaj Gift.
Pusty stan Gifts.
Doładowanie TON / Stars.
Profil.
Historia transakcji / blok historii.
Market / Gifts.
MegaBoom.
Jak grać.
Podstawowy stan ekranu wygranej/wyniku.
Podstawowe stany błędów/pustych.

1. ekran to główny, gdy nie ma ludzi 2. to też główny, gdy osoba doładowuje ton 3. to gdy dodaje gify 4. zmienia język 5. trzy kropki

6. jak grać 7. najważniejsze, gdy osoba doładowuje ton lub gif, automatycznie pojawiają się jej karty, to jak oddzielny ekran również

8. ekran to, gdy już trwa gra i osoba widzi tę grę, ale widzi historię kart, które wypadają

Turnieje teraz główny ekran, aby wziąć udział, moje mecze. Historia meczów. Może również wymyślisz, jak to wszystko zoptymalizować, może będzie więcej ekranów

Market ekran prezentów do zakupu, ekran 2. zakładka to moje prezenty. I tutaj w zasadzie może być zakładka wypłaty prezentów, albo lepiej może zrobić nawet ikonę tam, gdzie prezent, wypłata, czyli taka ikona. No i profil. W zasadzie tyle ekranów, ile wysyłaliśmy ci, co w nim wchodzi



Najważniejsze to karty - dobrze przemyślane, aby ludziom było komfortowo grać

I szczegóły, czyli ile ludzi ma kart, kolory skma

7 kart

Zrobić kolejkę, aby świeciła ta osoba, która gra

Logo przemyślane lepiej

To znaczy, aby wszystko było przemyślane jakościowo



W przybliżeniu tyle samo ekranów, ale może być więcej, jeśli coś zapomniałem