Жобаны талқылау ↗
← Жобалар
Дизайн + әзірлеу / CASE STUDY

FootyTracker

Әуесқой спорт ойындарын ұйымдастыру және статистика.

Менің рөлімДизайн + әзірлеу
TOOLS / PRACTICEExpo · React Native · TypeScript · Supabase
Кейс форматыӨнім · интерфейс · әзірлеу
DESIGN + ENGINEERING

Жобаладым және әзірледім

Менің үлесім — интерфейсті жобалау және қосымшаны әзірлеу.

01DESIGN02CODE03PRODUCT
Осы жобада
  • Ойын күні
  • Есеп пен статистика
  • Рөлдер мен деректер
FootyTracker
FootyTracker / Дизайн + әзірлеу

Міндет

Команда құрамын, есепті және клуб статистикасын бір жерге жинау.

01 / PRODUCT LOGIC

Бүкіл ойын кеші бір өнімде

Әуесқой клубқа есеп пен кестеден бөлек қатысушылар, командалар және жарналар қажет. Бұл схема жұмыс істейтін сервистің ашық сипаттамасы бойынша жасалған.

01Қатысушылар
02Команда теңгерімі
03Матч пен оқиғалар
04Кесте мен жарналар

Төмендегі көріністер ашық беттен алынған. Бұл клуб кабинеті емес, демонстрациялық деректер.

02 / PREPARATION

Адамдарды жинап, ойынға өту

Ашық схема үш әрекетті көрсетеді: келгендерді белгілеу, командаға бөлу және матч жүргізу. Өткен құрамды қайта қолдануға және автобалансқа мүмкіндік бар.

Ойын кешінің үш қадамы
03 / LIVE MATCH

Алдымен есеп, кейін оқиғалар

Таблода ең ірі элемент — 3:2 есебі. Түс белгілері командаларды ажыратады, статус пен таймер жоғарыда. Оқиғада минут, түр және ойыншы көрсетіледі.

Табло мен оқиғалар реті
04 / INFORMATION HIERARCHY

Көп сан — түсінікті бір рет

Команда жолында ойын, жеңіс, тең ойын, жеңіліс, доп және ұпай бар. Ықшам тақырыптар мен түс оң және теріс айырманы ажыратады.

Команда статистикасы — ашық мысал
05 / PLAYER EXPERIENCE

Ойыншыға өз сілтемесі жеткілікті

Карточка келесі ойынды, қатысу жауабын және жеке статистиканы біріктіреді. «Барамын» және «Бара алмаймын» негізгі сұраққа жауап береді; статистика төменде.

Ойыншы карточкасы мен шақыру жауабы
06 / GAME-DAY CONTRIBUTIONS

Қаржы ойын контексінде қалады

Сома мен төлегендер саны негізгі деңгейде: 54 000 ₸ және 14-тен 12. Ашық сипаттамада қарыз бен еске салу мәтіні де көрсетілген. Мұнда ашық беттегі қорытынды берілген.

Ойын күнінің жарна қорытындысы
07 / INTERFACE SYSTEM

Әртүрлі дерекке ортақ сипат

Қара табло ағымдағы ойынды, ашық кесте салыстыруды, жасыл карточка ойыншы әрекетін, лайм қорытынды ақша мәліметін ерекшелейді. Төменде нақты интерфейс үзінділері бар.

Есеп пен статус
Әрекет пен метрикалар
Кесте мен қаржы деректері+
Кесте
Сома мен прогресс
08 / DESIGN + DEVELOPMENT

Интерфейстен дерек пен рұқсатқа

Жоба құжаттамасында Expo Router, TypeScript, React Query, Zustand және Supabase бар. Ұйымдастырушы, ойын әкімшісі және көрермен рөлдері бөлінген; компания деректері RLS арқылы оқшауланған.

01Expo Router / UI
02React Query / Zustand
03Supabase
04Postgres / RLS
09 / RESPONSIVE PRODUCT

Телефонда шақырудан таблоға дейін

Мобильді нұсқада ұсыныс, негізгі әрекет және табло бір бағанға орналасады. Ірі сандар мен команда атаулары басым болып қалады. Десктопта мәтін мен табло қатар тұрады.

Десктоп нұсқа
Мобильді нұсқа
Толық ашық бет+
Толық өнім беті
VISUAL LANGUAGE

Жобаның сипаты

Спорттық редакциялық стиль: жіңішке тақырыптар, айқын сандар және ашық фонда қара табло.

TYPOGRAPHY / OswaldОйын күні.Aa Бб Әә Ғғ Ққ Ңң Өө Ұұ Үү Һһ Іі
0123456789
#10452F
#111614
#F5F6F4
#E0483F

Oswald + Inter

Oswald тақырып пен есеп сипатын береді. Inter екпінді белгілер мен әрекеттерде, жүйелік қаріп веб-нұсқаның негізгі мәтінінде қолданылады.

Түс оқиғаны түсінуге көмектеседі

Жасыл бренд пен негізгі әрекеттерді байланыстырады. Таблода команда түстері мен оқиға белгілері есепті қосымша деректен ажыратады.

ӘЗІРЛЕУ ТЕХНОЛОГИЯЛАРЫ
01Expo02React Native03TypeScript04Supabase
DELIVERABLE

Нәтиже

Ойын күндері, есеп, кестелер және ойыншылар интерфейсі. Дерекқоры және қолжетімділік құқықтары бар веб-қосымша.

Сайтты ашу ↗
Келесі жобаAdvin ↗
LET’S TALK

Жобаңды талқылайық па?

WhatsApp арқылы жоба немесе жұмыс ұсынысы туралы жаз.

WhatsApp арқылы жазу+7 708 903 43 49