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
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
Checkout is where shoppers often give up, so each step should be short and clear: a cart summary with items and totals, the delivery address and method, the payment choice, a review of the order and a confirmation screen, with a progress indicator and one main button per step. Upload a screenshot of your app or online shop, and we draw the checkout steps in its colours, fonts, fields and buttons, with your items, prices and delivery options written as in 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 of your shop becomes a phone checkout; they are not app code, a payment set-up or a Figma, Sketch or XD file.
What is included
- What you getYou get 1, 3 or 5 upright PNG checkout screens, such as the cart, delivery, payment, review and confirmation steps. If you send fewer screenshots than the package has, the extra screens are made from the same file.
- Cart summaryItems, quantities, subtotal, delivery and total
- Address and deliveryFields and delivery choices as you list them
- Payment stepCard fields and payment options as neutral labelled buttons
- Order reviewEverything on one screen before the final button
- ConfirmationA thank-you screen with an order number placeholder and next steps
How it works
- 1Items and screenshotYou upload your app and list the items, delivery and payment
- 2Checkout stepsWe draw each step in your app's colours, fields and buttons
- 3Check the totalsYou check every figure and ask for changes within your package
What we need from you
Up to 5 sharp screenshots of your app or shop as PNG, JPEG or WebP (no PDF), one screen each, and only files you have the right to use; another shop's checkout guides only the style. Give two or three sample items with prices, the delivery options and costs, the payment methods and the total, with the currency; Latin-script languages draw most cleanly, and you check every figure.
We will ask you:
- Which checkout steps do you need?
- Which sample items and prices should appear?
- Which delivery options do you offer?
- Which payment methods should be shown?
Compare packages
| Packages | Basic1 checkout 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
Will Apple Pay, Google Pay or card logos be shown?
No, we don't draw other brands' logos, so payment options appear as neutral labelled buttons and card icons. Your developer adds the official buttons from each payment provider, which usually have their own rules for how they look.
Does the checkout take real payments?
No, the mock-up is a picture, not app code, a payment form or a Figma, Sketch or XD file. We don't connect to Shopify, Stripe or any payment service; your developer builds the steps in your app.
How do I keep the totals right?
Give the item names, prices, delivery cost and total exactly, with the currency; the picture shows them as written and we don't calculate them. Small numbers can come out imperfect, so check every figure and ask for a revision.
Which content won't you draw?
We never recreate real receipts, invoices or other documents, add no invented reviews or ratings, and use another shop's checkout only for its style. The picture is redrawn, so your logo and small icons can shift slightly.
Did not find your answer?