Жобаны талқылау ↗
← Жобалар
Өнім дизайны / CASE STUDY

All in One

Спортзалдарға абонемент сатып алуға арналған Telegram Mini App: сабақтарды, жазылымдарды толық басқару

Менің рөлімКөрсетілген экрандардың дизайны
TOOLS / PRACTICEUX/UI · Telegram Mini App · UI Kit · CJM · User Flow
Кейс форматыСценарийлер · экрандар · UI kit
INTERFACE DESIGN

Интерфейсті жобаладым

Менің үлесім — көрсетілген экрандар мен сценарийлер дизайны.

01UX02UI03SYSTEM
Осы жобада
  • Сценарийлер
  • Экрандар
  • Визуалды тіл
All in OneAll in OneAll in One
All in One / Өнім дизайны

Міндет

Клиент 1fit-тің аналогын — спортзалдарға абонемент сатып алуға арналған платформаны — жасағысы келді, бірақ мүлдем басқа арна арқылы: жеке қосымша емес, Telegram Mini App.

Пайдаланушылар Telegram арқылы тіркелу, абонемент сатып алу, сабаққа жазылу, зал мен уақытты таңдау — және бүкіл спорттық өмірін мессенджердің ішінде басқару қажет болды.

Экрандар жобадағы менің үлесімді көрсетеді. Өнімнің басқа бөліктерін команда жасаған болуы мүмкін.

01 / MEMBERSHIP

Абонемент түсінікті таңдаудан басталады

Зерттеуден кейін CJM мен User Flow құрылды. Интерфейсте алдымен тариф, содан соң пакет аясындағы залдар таңдалады. «4-тен 1 таңдалды» санағышы шектеуді бірден көрсетеді.

Тарифтер және қонақ кіруі
Шектеуі бар зал таңдау
02 / PAYMENT

Растауға дейінгі сома мен төлем тәсілі

Банк картасы мен Kaspi бөлек әрекет ретінде берілген. Промокод ауыстырғышпен қосылады; жеңілдік пен қорытынды сома жеке жолдарда көрсетілген.

Төлем, промокод және қорытынды
03 / DAILY USE

Сатып алғаннан кейін — күнделікті құрал

Басты экранда абонемент күйі мен мерзімі залдар каталогының үстінде. Код, іздеу, санаттар және таңдаулылар қолжетімді. Жобада жазылу, ауыстыру, бас тарту және абонементті басқару да қарастырылған.

Белсенді абонемент пен каталог
04 / UI KIT

Мобильді өнім компоненттері

Енгізу өрістері мен батырма нұсқалары UI kit-ке жиналған. Бұл Telegram Mini App шағын экрандарында әрекет пен күй бірізділігін сақтайды.

Өрістер мен күйлер
Батырма нұсқалары
VISUAL LANGUAGE

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

#0B5FAE
#2B283D
#CFE8FF
#D6E7F6
01UX/UI02Telegram Mini App03UI Kit04CJM05User Flow
DELIVERABLE

Нәтиже

Telegram Mini App үшін толыққанды UX/UI өнімі нөлден жасалды.

Барлық құжаттама сақталды және разработкаға тапсырылды: зерттеу, CJM, User Flow, UI Kit, түпкі экрандар мен прототип.

Telegram Mini App тәсілі орнату табалдырығын нөлге дейін азайтты — пайдаланушыларға жеке қосымшаны жүктеудің қажеті жоқ.

Келесі жобаcowork.io ↗
LET’S TALK

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

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

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