DesignMobile checkout
Mobile checkout in your site 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 mobile menu is the screen people open when they are lost, so it has to show your main sections at a glance, fold long category lists into tap-to-open groups and keep search, account and cart within easy reach. We draw your site's menu for a phone in the style of your screenshot: the closed header with its menu icon, the opened drawer or full-screen menu, and nested categories, using your section names. Every picture is made from one of your screenshots as an upright 2:3 PNG mock-up of about 1.5 megapixels, whatever the shape of the upload, so a desktop screenshot with a wide navigation bar works as well; you get a picture, not menu code or a Figma file.
What is included
- What you getYou get 1, 3 or 5 upright PNG mock-ups of your mobile menu, about 1.5 megapixels each, such as the closed header, the open menu and a nested category. With fewer screenshots than the package has, the extra pictures are further states from the same file.
- Closed and open statesHeader with menu icon and the menu opened over the page
- Nested categoriesLong lists folded into groups that open with a tap
- Search and accountSearch field, account and cart placed where thumbs reach
- Contacts in the menuPhone, language or hours at the bottom of the menu
- Your styleColours, type and icons in the spirit of your screenshot
How it works
- 1Your navigationYou upload the header and list menu items in order
- 2Menu screensWe draw the closed and open menu in your style
- 3RevisionsYou check names and order and ask for changes within your package
What we need from you
Up to 5 sharp screenshots as PNG, JPEG or WebP (no PDF) of your site's header and navigation, on desktop or phone, from a site you have the right to use; a sample from another site is used only for its style. Send your menu items and sub-items in order exactly as they should read, and say what else belongs in the menu, such as search, account, language or phone.
We will ask you:
- Which menu items and sub-items do you have?
- Side drawer, full screen or bottom tab bar?
- What else should the menu hold?
Compare packages
| Packages | Basic1 mobile screen$10 | Standard3 mobile screens$22 | Premium5 mobile 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 menu items fit?
A phone menu usually reads best with about five to seven top items; longer lists are folded into groups or moved to a second level. If your menu has dozens of categories, a bigger package lets us show the top level and two opened groups as separate upright 2:3 mock-ups.
Will the menu work on my site?
The result is a PNG picture of the menu, not HTML, CSS or JavaScript, not a Figma file and not a menu setting for WordPress, Shopify, Wix, Squarespace or Webflow. Your developer or you build it; check what your theme's current mobile menu options allow before choosing a layout.
My menu is in German. Will the words be right?
Short menu labels are drawn into the picture, and Latin-script languages such as German or Spanish come out cleanest; small text can still come out imperfect, so check every item. Because the picture is redrawn, icons and your logo can shift slightly; a revision corrects what is off.
Can I use another site's menu as a sample?
Yes, for its style only: the layout, mood and colours. We never take its logo, brand or texts, we don't draw other brands' logos such as social network icons, we add no fake reviews or ratings, and we don't change documents or official forms. Your section names and logo go in, and the files you send must be ones you have the right to use.
Did not find your answer?
Design
DesignMobile landing
Mobile version of your desktop landing page
Pricefrom $10
DesignMobile article page
Mobile article page in your site style
Pricefrom $10
DesignMobile booking form
Mobile booking form in your site style
Pricefrom $10