Phone version from designLayout to HTML Conversion

Your mobile design built in HTML and CSS: a page from your phone screens that also opens well on computers

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 · $39

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

Your mobile design built in HTML and CSS: a page from your phone screens that also opens well on computers

Example result

Example for the Standard package

Dental clinic home page built from its design

Before: the design the client sent

The home page design

After: the working page

The page on a computer The page on a phone

Files: a ZIP archive with index.html, the styles and 2 pictures for the page, ready to upload to the client's hosting. The pictures here are screenshots of the page.

Client: Bright Smile Dental. Task: turn the home page design into a working HTML page with the same layout, colours and texts, and booking buttons that call the clinic.

The client and all details are made up.

About this service

Your design was drawn for phones first, and you need it as a page that feels right in the hand. Upload your mobile screens as pictures, and we build them in HTML and CSS: the same sections in the same order, buttons large enough to tap, a menu that opens as in your design, and real text that fits the screen. If you also have desktop screens, we follow them; if not, we widen the layout for tablets and computers ourselves, and you check it in the preview. Photos are drawn anew unless you upload them. We work from pictures, not design files. It is a web page, not an app, with no animations, back end or hosting.

What is included

  • What you getA ZIP archive with the pages, styles and pictures, ready to upload to your hosting, and a preview of every page on the order page.
  • True to your phone screensSections, spacing, colours and font sizes as in your design
  • Bigger screens tooYour desktop design, or a wider layout made from the mobile one
  • Easy to tapButtons, links and the menu sized for touch
  • Real textHeadings and paragraphs as HTML that search engines read
  • Clean codePlain HTML and CSS, no frameworks, nothing loaded from other sites

How it works

  1. 1
    UploadYou upload your phone screens and say how the menu opens
  2. 2
    BuildWe build the page for phones and widen it for bigger screens
  3. 3
    Preview and archiveYou compare the pages with your design on a computer and a phone, download the archive and ask for changes within your package

What we need from you

Up to 5 pictures as PNG, JPEG or WebP: your phone screens exported from your design tool, one page or one tall screen per file, desktop screens if you have them, and, if you like, your logo and photos to use as they are. Say which file is which page, how the menu should open, and where each button leads; on phones, buttons can call a number or open WhatsApp.

We will ask you:

  • Which file is which page?
  • Do you have desktop screens too?
  • How does the menu open?
  • Where do buttons lead?
  • Is the design yours?

Compare packages

Basic1 mobile page, up to 5 sections$21Standard1 mobile page, up to 10 sections$39PremiumUp to 3 mobile pages$67
Deadline1 day2 days3 days
Revisions123
Pages113
Sectionsup to 5up to 10up to 8 per page
Pictures drawn for the page24—
Phone versionYesYesYes
Built fromYour phone screensYour phone screensYour phone screens
Pictures drawn for the pages——6
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

Is this a mobile app?

No, it is a web page that opens in a phone's browser. It is not installed from an app store and does not send push notifications.

I only have phone screens. What will a computer show?

We widen the layout: the content gets a comfortable width, columns may sit side by side and the menu opens out. You see it in the preview and can ask for changes.

Can buttons call or open a messenger?

Yes: a button can call a number, open WhatsApp or another messenger, or write an email. Forms cannot send anything, as there is no server.

Will it match my design to the pixel?

It will be close in layout, colours, sizes and the order of sections, but not to the pixel: fonts are similar system fonts, and photos are drawn anew unless you upload your own. Revisions fix what matters to you.

Can you open my design file?

No, export the screens as pictures: we cannot open Figma, Sketch, XD or PSD files or links.

Did not find your answer?

All services in Development & IT

Also in Development & IT

Order · $39· ~15 min