Вёрстка по макетуВерстка по макету

Вёрстка вашего макета на HTML и CSS: страница по скриншоту или макету, с версией для телефона

Обычно готово за 15 минутДоработки включеныКонтроль качества
Защита оплатыПодробнее
  • Доработки в рамках пакета бесплатны.
  • Если вы не ответите в течение 3 дней после сдачи, работа будет принята автоматически.
Заказать · 45 $

При оплате деньги резервируются и переходят сервису, только когда вы примете работу.

Вёрстка вашего макета на HTML и CSS: страница по скриншоту или макету, с версией для телефона

Пример результата

Пример по пакету «Стандарт»

Главная страница стоматологии по её макету

До: макет, который прислал клиент

Макет главной страницы

После: работающая страница

Страница на компьютере Страница на телефоне

Файлы: ZIP-архив с index.html, стилями и 2 картинками для страницы, готово к загрузке на хостинг клиента. Здесь показаны скриншоты страницы.

Клиент: стоматология Bright Smile Dental. Задача: превратить макет главной страницы в работающую HTML-страницу с той же сеткой, цветами и текстами и кнопками записи, которые звонят в клинику.

Клиент и все данные вымышлены.

Об услуге

У вас есть макет, и нужна работающая страница. Загрузите скриншоты или экспорт макета в PNG из Figma, Photoshop, Canva или любой другой программы, и мы сверстаем его на HTML и CSS: те же блоки в том же порядке, та же сетка, цвета и вид, с настоящим текстом вместо картинки текста. Страницы адаптивные: если в макете есть только версия для компьютера, мы сделаем по нему версию для телефона, с меню для телефона. Фото и иллюстрации из макета рисуются заново в том же духе, а ваши собственные картинки ставятся, если вы загрузите их отдельно. Вы получаете архив со страницами, стилями и картинками, готовый к загрузке на хостинг, и предпросмотр каждой страницы на странице заказа. Сами файлы Figma, PSD, Sketch и XD мы открыть не можем: экспортируйте экраны в картинки. Анимации, серверная часть, магазин и CMS в эту услугу не входят.

Что входит

  • Что вы получитеАрхив ZIP со страницами, стилями и картинками, готовый к загрузке на хостинг, и предпросмотр каждой страницы на странице заказа.
  • Близко к макетуБлоки, сетка, цвета и шрифты как в вашем макете
  • Версия для телефонаДелаем по десктопному макету, если мобильного нет
  • Настоящий текстЗаголовки и абзацы в HTML, которые читают поисковики
  • Картинки на местеРисуем заново в духе макета или ставим ваши
  • Чистый кодОбычные HTML и CSS, без фреймворков, ничего не грузится с чужих сайтов

Порядок работы

  1. 1
    ЗагрузкаВы загружаете экраны макета и пишете, что где
  2. 2
    ВёрсткаМы верстаем страницы и рисуем картинки
  3. 3
    ПредпросмотрВы сравниваете их с макетом на компьютере и на телефоне
  4. 4
    АрхивВы скачиваете архив и просите правки в рамках пакета

Что нужно от вас

До 5 картинок в PNG, JPEG или WebP: экраны макета, по одной странице или одному длинному экрану на картинку, достаточно чёткие, чтобы читался текст, и по желанию логотип и фото, которые нужно поставить как есть. Напишите, какой файл какая страница, тексты, если они отличаются от макета, и ваши контакты и ссылки. Не файлы Figma, PSD, Sketch или XD: экспортируйте экраны в картинки.

В брифе мы спросим:

  • Какой файл какая страница?
  • Тексты брать как в макете?
  • Ссылки, контакты и кнопки
  • Макет ваш?

Сравнение пакетов

Эконом1 страница до 5 блоков25 $Стандарт1 страница до 10 блоков45 $БизнесДо 3 страниц79 $
Срок1 день2 дня3 дня
Доработки123
Страниц113
Блоковдо 5до 10до 8 на странице
Картинок для страницы24—
Версия для телефонаДаДаДа
Картинок для страниц——6
ЗаказатьЗаказатьЗаказать

Защита оплаты

Вы оплачиваете заказ сразу, но деньги переходят сервису только за принятую работу.

  • Фиксированная ценаЦена пакета не меняется после оплаты.
  • Деньги резервируютсяПри оплате сумма только резервируется. Сервису она переходит, когда вы примете работу.
  • Проверка перед сдачейКаждый результат проходит проверку качества, прежде чем попасть к вам, и вы видите его на странице заказа до приёмки.
  • Бесплатные доработкиПросите изменения в рамках брифа столько раз, сколько предусмотрено пакетом.
  • Приёмка через 3 дняЕсли в течение 3 дней после сдачи вы не примете работу и не попросите изменений, она будет принята автоматически. Если после сдачи вы напишете в чат заказа, заказ подождёт; ответив, мы можем начать отсчёт 3 дней заново и сообщим об этом в чате.
  • Переделка или полный возвратЕсли результат не соответствует брифу и доработки не помогли или срок превышен больше чем вдвое, напишите в чат заказа: мы переделаем работу или полностью вернём деньги.
Как это работает →

Вопросы и ответы

Можете открыть мой файл Figma или PSD?

Нет, мы работаем с картинками экранов. В Figma выделите фрейм и экспортируйте его в PNG в масштабе 1x или 2x, в Photoshop используйте «Экспортировать как». Длинную страницу можно прислать одной высокой картинкой.

Будет ли совпадение до пикселя?

Вёрстка будет близка к макету по сетке, цветам, размерам и порядку блоков, но не до пикселя: шрифты системные и похожие, а фото рисуются заново, если вы не загрузите свои. Правки исправят то, что для вас важно.

В макете нет мобильной версии. Что тогда?

Мы сделаем её по десктопному макету: колонки встанут друг под другом, меню свернётся в кнопку, а картинки и текст подстроятся под телефон. Обе версии видны в предпросмотре.

Можно сверстать дизайн чужого сайта?

Мы верстаем макеты, которые принадлежат вам или которые вы вправе использовать. Чужой сайт один в один мы не копируем; понравившийся сайт может быть только подсказкой по стилю.

Подключите к WordPress или CMS?

Нет. Вы получаете обычные страницы HTML и CSS, которые работают сами на любом хостинге; при необходимости ваш разработчик позже перенесёт их в тему CMS.

Не нашли ответ?

Все услуги раздела «Разработка и IT»

Ещё в разделе «Разработка и IT»

Заказать · 45 $· ~15 мин