DesignProduct page mock-up
Product page mock-up 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
An article page is read for minutes, so it needs a calm, narrow text column, a clear title with the author, date and reading time, a cover image, subheadings that break up the text, a quote or picture in the middle, and related posts or a newsletter sign-up at the end. Upload a screenshot of your site or your current blog, and we draw a new article page in the same colours, fonts and spacing, with your title and subheadings written in and the body shown as placeholder lines. You get PNG mock-ups of about 1.5 megapixels, each made from one of your screenshots and in its shape, wide for a desktop or tall for a phone, not HTML or CSS code, a Figma, Sketch or XD file or a blog theme to install.
What is included
- What you getYou get 1, 3 or 5 PNG mock-ups of your article page, such as the header and cover, the middle with a quote, and the end of the article, or the blog list page. If you send fewer screenshots than the package has, the extra pictures are further variants from the same file.
- Article headerTitle, author, date and reading time in your style
- Readable text columnComfortable line width, subheadings and spacing
- Quotes and picturesA pull quote, picture spot or note box inside the text
- End of the articleRelated posts, tags, share links or a newsletter sign-up
- Blog list as wellAsk for the blog index page as another mock-up
How it works
- 1Screenshot and articleYou upload your blog and send the title and subheadings
- 2Article pageWe draw the header, text column and end blocks in your style
- 3Check and reviseYou check the headings and ask for changes within your package
What we need from you
Up to 5 sharp screenshots of your site or blog as PNG, JPEG or WebP (no PDF), one page each, and only files you have the right to use. Give the article title, author, date, two or three subheadings and a short quote, and describe the cover in a few words; Latin-script languages draw most cleanly, small text can come out imperfect, and you check the spelling.
We will ask you:
- What is the article title and who is the author?
- Which subheadings and quote should appear?
- What should the cover picture show?
- What goes at the end of the article?
Compare packages
| Packages | Basic1 article mock-up$10 | Standard3 mock-ups$22 | Premium5 mock-ups$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 my whole article be in the picture?
No, the mock-up shows how an article looks, not the full text. The title, subheadings and a short quote come from your brief and the paragraphs are placeholder lines; your real article is pasted in when the page is built in WordPress, Webflow or your own blog.
What will the cover picture be?
A stand-in scene in your site's mood, drawn from your few words, such as a desk with a laptop or a plate of pasta. Your own photo replaces it later; we don't draw real people you name, other brands' logos or documents.
Is it a theme for my blog?
No, you get PNG pictures, not HTML or CSS code, a Figma, Sketch or XD file or a WordPress theme. You or your developer match the layout with your platform's own settings, so check your theme's current options for fonts and column width.
Can I send an article page I like from another site?
Yes, but only for its style: layout, mood and colours. We never take its logo, brand, texts or pictures, and add no invented comments, reviews or ratings. The picture is redrawn, so fonts, small icons and your logo can change slightly.
Did not find your answer?
Design
DesignCareers page mock-up
Careers page mock-up in your site style
Pricefrom $10
DesignCase studies mock-up
Case studies page mock-up in your site style
Pricefrom $10
DesignTeam page mock-up
Team page mock-up in your site style
Pricefrom $10