HTML from a designLayout to HTML Conversion

Your design built in HTML and CSS: a page from your screenshot or mock-up, with a phone version

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

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

Your design built in HTML and CSS: a page from your screenshot or mock-up, with a phone version

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

You have a design and need it as a working page. Upload screenshots or PNG exports of your mock-up from Figma, Photoshop, Canva or any other tool, and we build it in HTML and CSS: the same sections in the same order, the same layout, colours and look, with real text instead of a picture of text. Pages are responsive: when your design has only a desktop version, we make the phone version from it, with a phone menu. Photos and illustrations of the mock-up are drawn anew in the same spirit, or your own pictures are used when you upload them separately. You get an archive with the pages, styles and pictures, ready for your hosting, and a preview of every page on the order page. We cannot open Figma, PSD, Sketch or XD files themselves: export the screens as pictures. Animations, a back end, a shop or a CMS are not part of this service.

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.
  • Close to your designSections, layout, colours and fonts as in your mock-up
  • Phone versionMade from a desktop design when you have no mobile one
  • Real textHeadings and paragraphs as HTML that search engines read
  • Pictures in placeDrawn anew in the spirit of the mock-up, or yours
  • Clean codePlain HTML and CSS, no frameworks, nothing loaded from other sites

How it works

  1. 1
    UploadYou upload the screens of your design and say what goes where
  2. 2
    BuildWe build the pages and draw the pictures
  3. 3
    PreviewYou compare them with your design on a computer and a phone
  4. 4
    ArchiveYou download the archive and ask for changes within your package

What we need from you

Up to 5 pictures as PNG, JPEG or WebP: the screens of your design, one page or one long screen each, sharp enough to read the text, and, if you like, your logo and photos to use as they are. Say which file is which page, the texts if they differ from the mock-up, and your contacts and links. Not Figma, PSD, Sketch or XD files: export the screens as pictures.

We will ask you:

  • Which file is which page?
  • Should the texts be exactly as in the design?
  • Links, contacts and buttons
  • Is the design your own?

Compare packages

Basic1 page of up to 5 sections$25Standard1 page of up to 10 sections$45PremiumUp to 3 pages$79
Deadline1 day2 days3 days
Revisions123
Pages113
Sectionsup to 5up to 10up to 8 per page
Pictures drawn for the page24—
Phone versionYesYesYes
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

Can you open my Figma or PSD file?

No, we work from pictures of the screens. In Figma select a frame and export it as PNG at 1x or 2x; in Photoshop use Export As. A long page can be one tall picture.

Will it be pixel perfect?

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

My design has no mobile version. What then?

We make one from the desktop design: columns stack, the menu folds into a button, and pictures and text are sized for a phone. You see both versions in the preview.

Can you build a design from someone else's site?

We build designs you own or have the right to use. We do not copy another company's site one-to-one; a site you like can only be a hint for the style.

Do you connect it to WordPress or a CMS?

No. You get plain HTML and CSS pages that work on their own on any hosting; your developer can later move them into a CMS theme if you need one.

Did not find your answer?

All services in Development & IT

Also in Development & IT

Order · $45· ~15 min