Mobile catalog pageTemplate-Based

Mobile catalog page in your site style

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.

Mobile catalog page in your site style

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

A product catalog on a phone usually shows two products per row, with a sort button and a narrow-down panel at the top so shoppers can find their size or price range without endless scrolling, and every card needs a clear photo, name and price. We draw a mobile catalog or category page in the style of your shop screenshot: category title, sorting and refine options, a product grid with your labels such as New or Sale, and page numbers or a load-more button. Each 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; you get a picture to build from, not a store theme, code or a Figma file.

What is included

  • What you getYou get 1, 3 or 5 upright PNG mock-ups of catalog pages on a phone in your shop's style, about 1.5 megapixels each. If you send fewer screenshots than the package has, the extras are further variants, such as the refine panel opened or another category.
  • Two-column gridProduct cards sized for a phone screen
  • Sort and refineButtons and an open panel for size, colour or price
  • Clear product cardsPhoto, name, price and your own labels
  • Category headerTitle, breadcrumbs or subcategory chips
  • More productsLoad-more button or page numbers at the bottom

How it works

  1. 1
    Shop screenshotYou upload your shop and send the category and products
  2. 2
    Catalog layoutWe draw the category page for a phone in your style
  3. 3
    RevisionsYou check names and prices and ask for changes within your package

What we need from you

Up to 5 sharp screenshots of your shop as PNG, JPEG or WebP (no PDF), or of a shop you like, used only for its style; send only files you have the right to use. Give the category name, the sort and refine options and a few product names and prices exactly; products visible in your screenshot can be redrawn, others appear as placeholder photos.

We will ask you:

  • Which category should the page show?
  • Which sort and refine options do you use?
  • Which products and prices go on the cards?

Compare packages

Basic1 mobile screen$10Standard3 mobile screens$22Premium5 mobile screens$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

Will my real products appear?

Each picture is made from one of your uploads, so products visible in that screenshot are redrawn and small details can differ; the rest are placeholder photos that your real ones replace when the page is built. We never add other brands' logos or products.

Does it fit my Shopify or WooCommerce theme?

It is a PNG picture, not code, not a Figma file and not a theme or app, and we don't install or change anything in your shop. Check your theme's current collection page options, then your developer or you rebuild the layout from the picture.

Can I get it from a desktop catalog screenshot?

Yes. Every picture here is an upright 2:3 phone screen of about 1024 x 1536 pixels, whatever the shape of the upload, so a wide grid of four or five columns is redrawn as a two-column phone grid.

Will prices be spelled right?

Short names and prices are drawn into the picture, but small text can come out imperfect and Latin-script text works best, so check every number and word. Sale labels, star ratings and review counts appear only when they are real and yours; we never invent them, and we never change documents or official forms.

Did not find your answer?

All services in Mobile Website

Also in Mobile Website

Related sections

Original
Order · $22· ~15 min