Pricing page mock-upTemplate-Based

Pricing page mock-up in your site style

Usually ready in 15 minutesRevisions includedQuality check
Packages
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.

Pricing page mock-up 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 clear pricing page lets a visitor compare your plans in seconds: usually two to four plan cards with the price, billing period and main features, one plan highlighted, a monthly or yearly switch, a comparison table, short answers to billing questions and a button on every card. Upload a screenshot of your site or web app, and we draw a new pricing page in its colours, fonts, card shapes and buttons, with your plan names, prices and feature lines written exactly as in your brief. 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, never HTML or CSS code, a Figma, Sketch or XD file or a theme to install.

What is included

  • What you getYou get 1, 3 or 5 PNG mock-ups of your pricing page, such as the plan cards, the comparison table and the questions block, or the monthly and yearly views. If you send fewer screenshots than the package has, the extra pictures are further variants from the same file.
  • Plan cardsTwo to four plans with price, period and features
  • Highlighted planOne card set apart with your colour and a label you choose
  • Monthly or yearly switchShown in the state you pick, with your discount text
  • Comparison tableTicks and short labels for each feature row
  • Billing questionsA short block with your common questions about paying

How it works

  1. 1
    Plans and screenshotYou upload your site and list plans, prices and features
  2. 2
    Pricing pageWe lay out the cards and table in your site's style
  3. 3
    Check the numbersYou check every price 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, of your own site or a pricing page you like, and only files you have the right to use. For each plan give its name, price with currency, billing period, three to six short feature lines and the button label; short text in Latin-script languages draws most cleanly, and you check every price in the result.

We will ask you:

  • Which plans should the page show?
  • Which features go on each card?
  • Which plan should stand out, and with what label?
  • Do you need a comparison table or a questions block?

Compare packages

PackagesBasic1 pricing mock-up$10Standard3 mock-ups$22Premium5 mock-ups$39
Deadline1 day1 day2 days
Revisions123
Mock-ups135
FormatPNGPNGPNG
Screensyour choiceyour choiceyour choice
Order BasicOrder StandardOrder 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.
How it works →

Questions and answers

Can you mark a plan as "Most popular"?

Yes, if it is true for your business. The label is your wording from the brief; we add no ratings, customer counts or awards you didn't give us, and every figure on the page is yours to check before it goes live.

Will the prices be exactly right?

Prices and short feature lines from your brief are drawn into the picture, and small text, such as a note about taxes, can come out imperfect. Check every number and currency sign, and a revision fixes what is off; the final prices are typed in when the page is built.

Can I get this as a Shopify or WordPress page?

No, it is a PNG picture, not code, a Figma, Sketch or XD file or a pricing plugin. We don't install or change anything on your Shopify, WordPress, Wix, Squarespace or Webflow site; you or your developer rebuild the page with your platform's own blocks, so check your theme's current options.

Can I follow the style of a competitor's pricing page?

Their page is used only for its style: layout, mood and colours. We never take its logo, brand, plan names or texts, put no other brands' logos, such as payment logos, on your page and never change documents or receipts. The picture is redrawn, so icons and your logo may change slightly.

Did not find your answer?

Packages