Shopify homepage mock-upTemplate-Based

Homepage mock-up in the style of your Shopify theme

Usually ready in 15 minutesRevisions includedQuality check
Payment protectionDetails
  • Revisions within the package are free.
  • If you do not respond within 3 days of delivery, the work is accepted automatically.
Order · $22

The money is reserved when you pay and released only once you accept the work.

Homepage mock-up in the style of your Shopify theme

Example result

Example for the Standard package

Mobile version of a bakery site from a desktop screenshot

Before: the desktop homepage

The desktop screenshot

After: the phone screen

The mobile homepage mock-up

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

Before you rearrange sections in the Shopify theme editor or pay for a new theme, see the homepage as a picture: upload a screenshot of your store, or of the demo store of a theme you are considering, and we draw a new homepage in its style, with an announcement bar, hero banner, featured collection, image-with-text block, newsletter sign-up and footer in the order you choose. The mock-up follows the theme's colours, fonts, button shapes and spacing, so you can judge the layout without touching the live store; it is a PNG picture, not a theme file, a section or Liquid code, and we never log in to Shopify. Each picture is made from one of your screenshots at about 1.5 megapixels in its shape, wide for a desktop capture and tall for a phone one.

What is included

  • What you getYou get 1, 3 or 5 PNG mock-ups of your Shopify homepage, such as the top screen, the product sections and the footer, or desktop and phone views. The pictures are redrawn in your theme's style, so small icons, fonts and your logo may differ slightly.
  • Theme sections in your orderHero, featured collection, image with text, newsletter
  • Announcement bar and headerShipping line, menu, search and cart icons
  • Product cards in theme stylePrice, sale tag and button drawn the way your theme shows them
  • Desktop or phone viewA phone screenshot of the store gives a tall picture
  • A plan for the theme editorA picture to rebuild with sections and blocks

How it works

  1. 1
    ScreenshotYou upload your store or the theme demo and list the sections
  2. 2
    HomepageWe draw the homepage with your theme's colours, fonts and buttons
  3. 3
    CheckYou check headings and prices and ask for changes within your package

What we need from you

Up to 5 sharp screenshots as PNG, JPEG or WebP (no PDF), one screen each: your store's homepage, a page of your theme or the theme's demo store. List the homepage sections in order and write the headings, prices and button labels exactly, or ask for placeholder text. If you send fewer screenshots than your package has, the extra pictures are further variants from the same file. Send only screenshots you have the right to use; we don't recreate certificates, documents or official forms.

We will ask you:

  • Is the screenshot your live store or a theme demo?
  • Which sections should the homepage have, in order?
  • Which headings, prices and buttons should it show?
  • Do you need desktop, phone or both?

Compare packages

Basic1 homepage screen$10Standard3 mock-ups$22Premium5 mock-ups$39
Deadline1 day1 day2 days
Revisions123
Mock-ups135
FormatPNGPNGPNG
Screensyour choiceyour choiceyour choice
OrderOrderOrder

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.
How it works →

Questions and answers

Can I install this mock-up as a Shopify theme?

No. You get a PNG picture of the homepage, not a theme, a section file or Liquid code, and we never log in to your store. You or your developer rebuild it in the theme editor, where most themes let you add, reorder and hide homepage sections; check what your theme currently supports.

Can you show my real products?

Products visible in your screenshot can carry over, close to the original but not exact, so treat them as stand-ins until your real photos go in. Names and prices come from your brief; small text can come out imperfect and Latin-script text works best, so check every price before you share the picture.

Can I use a paid theme's demo as the sample?

Yes, for its style: the layout, colours and mood. The demo store's name, logo, products and texts are not copied, and your mock-up gets your store name and content. Buying and setting up the theme stays with you.

What won't you put on the homepage?

No fake reviews, star ratings, "As seen in" press logos or trust badges you haven't earned, and no logos of payment services or other brands. Customer quotes appear only if you send your own real ones.

Did not find your answer?

All services in New Design

Also in New Design

Related sections

Original
Order · $22· ~15 min