DesignOnboarding in your style
Onboarding screens in your app's style
Pricefrom $10
Payment protectionDetails
- Revisions within the package are free.
- If you do not respond within 3 days of delivery, the work is accepted automatically.
The money is reserved when you pay and released only once you accept the work.
Example result
Example for the Standard package
Mobile version of a bakery site from a desktop screenshot
Before: the desktop homepage
After: the phone screen
File: PNG mock-up, about 1.5 megapixels. A picture of the design for the client's developer, not HTML code or a Figma file.
Client: Crumb & Kettle, a neighbourhood bakery. Task: show how their homepage should look on a phone, keeping the fonts, colours, button and photos of the desktop site.
The client and all details are made up.
About this service
A chat screen should feel effortless: a header with the contact's name, avatar and status, message bubbles in two colours with times and read marks, date separators, a typing indicator, attachments such as photos or files, and an input bar with a send button, and many apps also need a conversation list with unread counts. Upload a screenshot of your app, and we draw the chat in its colours, fonts, bubble shapes and icons, with short sample messages from your brief. You get PNG mock-ups of about 1.5 megapixels, each made from one of your screenshots and always upright 2:3, about 1024 x 1536 pixels, whatever the shape of your upload, so even a wide screenshot becomes a phone screen; they are not app code, a working messenger or a Figma, Sketch or XD file.
What is included
- What you getYou get 1, 3 or 5 upright PNG chat screens, such as the conversation list, an open chat and a chat with attachments. If you send fewer screenshots than the package has, the extra screens are made from the same file.
- Conversation listChats with avatars, last message, time and unread count
- Message bubblesYour colours for sent and received, with times and read marks
- Input barText field, attach and send buttons in your style
- AttachmentsPhoto, file or voice message rows as placeholders
- Support or group chatA help desk chat or a group chat, as your app needs
How it works
- 1Messages and screenshotYou upload your app and send sample messages
- 2Chat screensWe draw the bubbles, header and input bar in your style
- 3Check and reviseYou check the messages and ask for changes within your package
What we need from you
Up to 5 sharp screenshots of your app as PNG, JPEG or WebP (no PDF), one screen each, and only files you have the right to use; a chat from another app guides only the style. Give six to ten short made-up messages with times and sample names, and say which extras you need, such as attachments or a typing indicator; Latin-script languages draw most cleanly.
We will ask you:
- What kind of chat is it?
- Which sample messages should it show?
- Which extras do you need?
- Do you need the conversation list too?
Compare packages
| Packages | Basic1 chat screen$10 | Standard3 screens$22 | Premium5 screens$39 |
|---|---|---|---|
| Deadline | 1 day | 1 day | 2 days |
| Revisions | 1 | 2 | 3 |
| Mock-ups | 1 | 3 | 5 |
| Format | PNG | PNG | PNG |
| Screens | your choice | your choice | your choice |
| Order Basic | Order Standard | Order Premium |
Payment protection
You pay when you order, but the money is released only for accepted work.
- Fixed priceThe package price does not change after you pay.
- The money is reservedWhen you pay, the amount is only reserved. It is released to the service once you accept the work.
- Checked before deliveryEvery result goes through a quality check before it reaches you, and you see it on the order page before accepting it.
- Free revisionsAsk for changes within your brief as many times as the package allows.
- Acceptance after 3 daysIf within 3 days of delivery you neither accept the work nor ask for changes, it is accepted automatically. If you write in the order chat after delivery, the order waits; once we answer, we may start the 3 days again and will say so in the chat.
- Redo or a full refundIf the result does not match your brief and the revisions did not fix it, or the work takes more than twice its deadline, write in the order chat: we will redo the work or refund the payment in full.
Questions and answers
How many messages fit on one screen?
About six to ten short messages read well on a phone screen. Long messages turn into small text that can come out imperfect, so keep sample lines brief, and check the spelling in the result.
Can the chat show real conversations?
Please use made-up sample messages, not real people's chats or personal data. Avatars are neutral placeholders such as initials or simple drawn figures, never real people or celebrities.
Will the chat work?
No, the mock-up is a still PNG picture, not app code, a chat service or a Figma, Sketch or XD file. Your developer builds the screen and connects it to your messaging service.
Which content won't you put in the chat?
No other brands' logos, including other messengers' icons, no invented reviews or ratings, and no changed documents or receipts shown as attachments. A chat from another app is used only for its style, and the picture is redrawn, so small icons and your logo may shift slightly.
Did not find your answer?
Design
DesignPaywall in your style
Subscription (paywall) screen in your app's style
Pricefrom $10
DesignSettings in your style
Settings screen in your app's style
Pricefrom $10
DesignProfile in your style
User profile screen in your app's style
Pricefrom $10