Вёрстка макета лендингаВерстка по макету

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Об услуге

Лендинг держится на порядке блоков: первый экран с предложением, затем доводы, ваши подтверждения, цены и понятная кнопка. Загрузите макет лендинга картинками, и мы сверстаем его на HTML и CSS: блоки в вашем порядке, та же сетка и цвета, настоящий текст, который читают поисковики, и версия для телефона, если в макете её нет. Каждая кнопка действия звонит, открывает WhatsApp или мессенджер, пишет письмо или ведёт на вашу ссылку для заказа или записи. Форма из макета ничего не отправит, потому что сервера нет, поэтому мы предложим вместо неё кнопку. Анимаций, оплаты, трекеров и хостинга нет.

Что входит

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

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

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

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

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

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

  • Какой файл какая часть лендинга?
  • Окончательные тексты
  • Куда ведёт каждая кнопка?
  • Название и описание страницы для поиска
  • Макет ваш?

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

ЭкономКороткий лендинг, до 5 блоков21 $СтандартПолный лендинг, до 10 блоков39 $БизнесЛендинг и ещё 2 страницы67 $
Срок1 день2 дня3 дня
Доработки123
Страниц113
Блоковдо 5до 10до 8 на странице
Картинок для страницы24—
Версия для телефонаДаДаДа
Кнопки действияТелефон, мессенджер, почта или ваша ссылкаТелефон, мессенджер, почта или ваша ссылкаТелефон, мессенджер, почта или ваша ссылка
Картинок для страниц——6
ЗаказатьЗаказатьЗаказать

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

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

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

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

В лендинге есть форма заявки. Она будет отправлять?

Нет, сервера нет. Блок формы может стать кнопкой, которая открывает WhatsApp, мессенджер или почту или ведёт в сервис форм, которым вы уже пользуетесь.

Подключите аналитику или рекламные метки?

Нет, на странице нет трекеров, и она ничего не грузит с чужих сайтов. Коды отслеживания можно потом добавить в HTML на вашей стороне.

Можете улучшить тексты или структуру?

Эта услуга верстает ваш макет как есть. Короткие правки текста из брифа — да, а новые тексты или новый порядок блоков в неё не входят.

Таймер и анимации из макета будут на странице?

Анимации в эту услугу не входят. Таймер показываем, только если он ведёт к настоящей дате, которую вы дадите; ненастоящие сроки и скидки мы не добавляем.

Совпадёт ли вёрстка с макетом до пикселя?

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

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

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

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

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