All in One
Telegram Mini App for gym subscription purchases: full management of workouts, bookings, and memberships
Designed the interface
My contribution covers the design of the presented screens and journeys.
The challenge
The client wanted to create an analog of 1fit — a platform for purchasing gym memberships — but with a fundamentally different channel: not a standalone app, but a Telegram Mini App.
Users needed to register via Telegram, purchase memberships, book classes, choose a gym and time — and manage their entire fitness life directly inside the messenger.
These screens represent my contribution. Other parts of the live product may have been designed by the wider team.
A membership starts with a clear choice
Research informed the CJM and user flow. The interface starts with a plan, followed by the gyms included in the package. A “1 of 4 selected” counter makes the selection limit visible.
Review the amount before confirming
Card and Kaspi payment are separate choices. A toggle reveals the promo-code option, while discount and total have distinct rows. The screen connects the membership to the final amount.
After purchase, a daily tool
The homepage places membership status and expiry above the gym catalog. Code access, search, categories and bookmarks support repeat visits. The source project also covers booking, rescheduling, cancellation and membership management.
Components for the mobile product
Fields and button variants are collected in the source UI kit. They support consistent actions, states and forms across the compact Telegram Mini App screens.
All project screens2 ↗
The project’s character
The outcome
A complete UX/UI product for Telegram Mini App was created from scratch.
All documentation preserved and handed off to development: research, CJM, User Flow, UI Kit, final screens, and prototype.
The Telegram Mini App approach reduced the installation barrier to zero — users don't need to download a separate app.