Both themes
I switch the theme in Telegram and go through every screen: text is readable, photos don’t get lost, nothing glares at night.
ServicesTelegram Mini App developmentMini App design
Mini App design for Telegram
Mini App design for Telegram
Telegram Mini App design where clients don’t wonder where to tap: the app uses Telegram’s own theme, the main button sits under the thumb, and an order takes just a few taps.
- Price quoted personally
- Dark and light themes
- Thumb-sized buttons
Just write — I’ll take it from there. I’ll estimate your task at no cost.
Zerno Coffeebot
Yesterday
Your cappuccino is ready — pick it up at the counter.
Thanks!
Today
Coffee aheadno line · from 08:00Good morning! Order your coffee ahead and skip the line.
Zerno on Podiltoday at 09:12
What can we make you?
Olena · +380 67 ··· ·· 12via Telegram
PaidZerno on Podil · at 09:12
What it’s about
A pretty screen won’t sell if no one can find the button
People open the app mid-conversation, with one hand, often on the go. If they have to look for where to tap, they won’t order, no matter how nice the colors are. So I don’t start with pictures — I start with the path: what the client wants to do and how many taps it takes.
This kind of app is for businesses whose clients already message them on Telegram and need to pick something: a drink at a coffee shop, a product in a store, a time slot at a salon. If there aren’t many questions, a bot with buttons may be enough — you can tell from our very first conversation.
Gordey Fisun · updated
The specifics
Telegram Mini App design: what I check
The small things that make people use the app instead of closing it after the first screen.
One-handed
Large tap areas, no tiny links that are hard to hit with a finger.
No extra fields
No sign-up, no password. I keep only the questions you can’t fill the order without.
A clear ending
After paying, the client sees right away that it went through and gets a confirmation in the chat. You get the new order in Telegram.
Your words on the buttons
Product, service and button names — the way your clients talk, not the way developers usually put it.
You can try it
The site has a live store demo: fill a cart and place an order. It’s working code, not a picture.
What’s included
What’s included in Telegram Web App design
Colors from the client’s Telegram
The app picks up the messenger’s theme: a dark screen in the dark theme, a light one in the light theme. So it looks like part of Telegram, not some outside page that suddenly popped up.
Main action at the bottom
The “Order” or “Pay” button sits where the thumb reaches. I build and test everything on a phone first; the computer comes later.
Few steps to payment
Pick, add, pay. No need to type a name: Telegram tells the app who’s ordering.
Same on every device
On iPhone, Android and desktop — the same app, the same look. The client installs nothing.
Live demo
An order in a few taps — try it yourself
This is working code, not a picture. Build a cart and place an order — and see what reaches you that very second.
How I work
From a list of screens to your phone
You see the app at every step — in your own Telegram, not in pictures.
The client’s path
You tell me what the client needs to do: pick, book or pay. Your own words are fine, even a voice message.
List of screens
I write down which screens there will be and what’s on each. You approve the list — only then do I start coding.
Try it with your thumb
You open the live version on your phone, in both dark and light themes. Whatever feels awkward, we fix on the spot.
Launch
The app runs on your account. I show you how to change the text and products yourself, so you don’t have to wait on me for every little thing.
5.0 · 37 reviews
- You decide whether to move forwardAfter each stage, you can stop the project. You pay only for completed and accepted stages. I refund any prepayment for stages not yet started.
- The price is final. Overruns are on meIf the task hasn’t changed, the amount named at the start doesn’t grow. If it has, we talk first, then I do the work.
Questions
Questions about design
What’s included in Telegram Mini App design?
Telegram Mini App design is a list of screens, the client’s path from the button in the chat to payment, the look in Telegram’s dark and light themes, and thumb-friendly buttons. Instead of pictures, I show you a working version on your phone.
Does a Mini App adapt to the Telegram theme?
Yes, a Mini App takes the colors of the client’s Telegram: dark in the dark theme, light in the light one. So the app looks like part of the messenger.
Can I approve the design before coding starts?
Yes, we approve the Mini App design before any code is written: first the list of screens — what’s on each and in what order. I write code only after that, then show you the app piece by piece in your own Telegram.
How is Telegram Web App design different from website design?
A Telegram Web App opens inside the messenger, usually on a phone, in a window over the chat. So it has fewer screens, the main action at the bottom under the thumb, and no sign-up — Telegram itself tells the app who the client is.
What should I prepare for a conversation about design?
For a conversation about Mini App design, one real example of an order is enough: what the client picks, what they fill in and how they pay. A logo and product photos, if you have them, will come in handy too.
Can I change the text and products in the Mini App myself?
Yes, after launch I show you how, and from then on you change the text and products yourself. The code and access are in your accounts: if you leave, everything stays with you.