услугиdesign-to-code

enобсудить задачуменюзакрыть

Вёрстка сайта по макету из Figma

Макет готов, а сайта нет: картинку из Figma нельзя открыть в браузере и отправить ссылкой. Собираю по макету живую страницу — для дизайнера, студии или владельца бизнеса, у которого на руках макет.

  • Лендинг по макету от $120 2–4 дня

Что это даёт

Макет становится страницей, которую можно открыть по ссылке с любого устройства, и выглядит она как макет: размеры, шрифты и цвета взяты из него, а не на глаз. Решения по дизайну остаются вашими — в них я не лезу.

Что входит

  • Разбор макета до вёрстки — что повторяется, какие значения, чего в макете не хватает.
  • Значения макета — числами. Размеры, шрифты, цвета и отступы переношу из макета, а не подбираю на глаз.
  • Сверка с макетом в конце — готовую страницу проверяю против размеров и положений в макете.
  • Телефон и планшет. Если их нет в макете, предложу свою раскладку и покажу до сдачи.
  • То, чего в макете не рисуют: наведение, переход по странице с клавиатуры, описания картинок, отключение анимации, если оно выключено в настройках устройства.
  • Список отличий при сдаче — всё, что пришлось решить самому, перечисляю отдельно.

Что не входит

  • Дизайн. Макет ваш, и решения по нему тоже.
  • Поиск и скорость — по желанию, отдельными услугами: SEO и скорость загрузки.
  • Аналитика, формы и приём оплаты — подключаются отдельно.

Цена и срок

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

Цена и срок: Вёрстка сайта по макету из Figma
УслугаЦена, $Срок, дней
Вёрстка по макету — лендинг120–3002–4

Страница — это отдельный адрес: главная, услуга, прайс, контакты, статья. Переезд с конструктора стоит как новый сайт того же объёма: сайт собирается заново, плюс перенос и переадресация старых адресов.

Цены на остальное — в примерном прайсе.

Что меняет цену

Приём оплаты или внешний сервис
+$100–500
Срочность
+20–50 %

Как платить

Предоплата
50 %
Заказ от $700
по этапам 40 / 30 / 30
Обслуживание
за месяц вперёд
Минимальный заказ
$100
Два круга правок
входят

Цены в долларах. Платить можно в батах, донгах или рублях — по курсу на день счёта. Почасово — только там, где объём заранее не узнать: ремонт и доработка чужого кода.

Как идёт работа

  1. Разбор

    Смотрю, что у вас есть сейчас и где уходит время или клиенты, и говорю, что с этим можно сделать. До этого разговора ничего решать не нужно.

  2. План

    Одной страницей: что делаю, что не входит и что нужно от вас. Здесь же становятся понятны объём и цена.

  3. Сборка

    Делаю по этапам и показываю результат каждого, а не всё сразу в день сдачи.

  4. Проверка

    Перед сдачей прогоняю всё на ваших настоящих данных: цены, сценарии, ошибки.

  5. Передача

    Отдаю всё: код, доступы, инструкцию. Дальше выбираете формат — забрать себе или оставить обслуживание на мне.

Как это выглядит в деле

Первый экран собранной страницы — заголовок на фоне трёх слоёв гор

Вёрстка по готовому макету: из Figma в страницу, которую можно открыть

Взял готовый макет из Figma Community и собрал по нему живую страницу: те же шрифты, цвета и отступы, плюс раскладки для телефона и планшета, которых в макете не было. Открытый код и ссылка на результат.

Вёрстка MNTN из Figma

Что спрашивают про эту услугу

Что, если в макете нет версии для телефона?

Предложу свою раскладку для телефона и планшета и покажу её до сдачи. Что придумано мной, а что взято из макета, будет видно — я это отмечаю.

Макет не в Figma — подойдёт?

Да. Figma или другой редактор — неважно, лишь бы в макете были размеры, шрифты и цвета.

Можно заказать одну страницу?

Лендинг по макету — да. Отдельные страницы сверх него верстаю только в составе заказа.

Куда будут вести кнопки и ссылки, которых нет в макете?

Спрошу вас. Куда ведёт кнопка и что открывает ссылка, решает заказчик, а не верстальщик. Если что-то пришлось решить самому, это будет в списке отличий при сдаче.

Нужно похожее?

Сайт, бот или то, что сейчас делается руками, — расскажите, что у вас происходит, и я скажу, решается это или нет.

Заявка у меня

Прочитаю сам и отвечу туда, куда вы указали.

Отправить ещё одну

Что нужно можно несколько

Своими словами: что есть сейчас и что хочется получить. Есть сайт или бот — вставьте ссылку.

Заявка придёт мне в Telegram — отвечу сам.

Удобнее написать самому — в Telegram, в WhatsApp или на почту.

Не уверены, что с сайтом не так, — проверьте его бесплатно в Telegram: @jw_site_check_bot.

Кому потом всё принадлежит и что будет, если я пропаду, — ответы на главной.