Знакомая ситуация. Заказчик скидывает один и тот же макет пятерым верстальщикам и получает пять цен, которые отличаются в три, а то и в пять раз. Один просит восемь тысяч, другой — сорок, и оба уверяют, что сделают «то же самое». Заказчик в растерянности: вроде работа одна, а вилка такая, будто они говорят про разные планеты. И первая мысль — взять самого дешёвого, чего тут думать.
Вот эта мысль и есть главная ловушка. Потому что за словом «вёрстка» каждый из пятерых видит свой объём работы, своё качество кода и свою меру ответственности. Цена в вакууме не значит ничего — значение имеет то, что именно в неё упаковано. Разберём по-честному, из чего складывается стоимость вёрстки в 2026 году, почему вилка такая широкая и как заказчику читать цену, чтобы не платить дважды.
Эта статья — опорная в разделе про вёрстку. Смежные темы: как передать макет из Figma, как составить ТЗ, как проверить качество готовой работы.
Что вы узнаете из статьи
- Почему одна и та же вёрстка стоит то восемь, то сорок тысяч
- Из каких четырёх вещей реально складывается цена
- Сколько стоит лендинг, многостраничник и доработка шаблона
- Где заказчик переплачивает, а где экономит себе на беду
- Как читать смету верстальщика и о чём спросить до начала работы
Почему вёрстка — это не одна услуга, а десяток разных
Представьте, что вы заказываете «обед». Один человек принесёт вам бутерброд за полминуты, другой — три блюда с сервировкой за час. Оба формально накормили, но это совершенно разные истории по труду, времени и результату. С вёрсткой ровно так же: слово одно, а содержимое прячется самое разное.
Когда верстальщик называет восемь тысяч, он, скорее всего, имеет в виду быстро собрать десктопную версию по макету — чтобы выглядело похоже на картинку. Когда другой называет сорок, он закладывает адаптив под все размеры экранов, аккуратную работу во всех браузерах, чистый и читаемый код, доступность для людей с особенностями зрения и запас на то, что потом этот код подхватит программист и прикрутит к нему логику. Это не «то же самое, но дороже». Это другой продукт.
Поэтому первый навык грамотного заказчика — не сравнивать цифры в лоб, а спрашивать, что входит в каждую. «Адаптив под мобильный есть? Кроссбраузерность проверяете? Код отдаёте чистый или как получится?» Три этих вопроса сразу превращают непонятную вилку в осмысленную картину. И часто оказывается, что дешёвое предложение дешёвое ровно потому, что половины нужного в нём просто нет. Многое здесь определяется ещё на входе — тем, как грамотно передать макет из Figma, потому что мутный исходник верстальщик заложит в цену как риск.
Четыре вещи, из которых складывается цена
Если разобрать любую честную смету на вёрстку, в ней всегда обнаруживаются одни и те же четыре составляющие. Понимаете их — понимаете, за что платите.
Сложность макета. Это главный множитель. Десять одинаковых карточек товара верстаются почти бесплатно — сделал одну, размножил. А вот один нестандартный блок с хитрой анимацией, наложением слоёв и реакцией на наведение может стоить дороже, чем половина остальной страницы. Поэтому считать вёрстку «по экранам» наивно: один экран экрану рознь. Платите вы не за площадь, а за количество уникальных, нетиповых решений, которые приходится придумывать и отлаживать вручную.
Адаптивность. Сайт должен одинаково хорошо выглядеть на огромном мониторе, на планшете и на телефоне, который держат вертикально. Каждая такая версия — это отдельная работа: блоки перестраиваются, шрифты пересчитываются, картинки перекраиваются. Вёрстка только под десктоп и вёрстка под три размера экрана — это разница в полтора-два раза по трудозатратам. И именно её чаще всего тихо вырезают из дешёвых предложений.
Качество кода. Невидимая для заказчика, но решающая вещь. Можно сверстать «лишь бы выглядело», а можно — семантически чистым кодом, который быстро грузится, понятен поисковикам, доступен незрячим и который потом без слёз подхватит программист. Первое дешевле сегодня и дороже завтра. Второе стоит больше, но это вложение, а не трата.
Срочность. Классика: «нужно вчера» стоит дороже «можно через две недели». Когда верстальщик ради вас двигает другие проекты и садится работать вечером, он закладывает это в цену, и это справедливо.
Сколько это в деньгах: ориентиры на 2026 год
Точную цену даёт только конкретный макет, но порядки величин назвать можно — чтобы вы понимали, в каком диапазоне вообще находитесь и где начинается подозрительно дёшево.
Простой лендинг — одноэкранная или короткая страница по готовому макету, без сложных анимаций — это примерно от восьми до двадцати тысяч рублей. Если вам предлагают сверстать такое за полторы-две, почти наверняка либо не будет адаптива, либо код окажется таким, что переделка обойдётся дороже.
Полноценный лендинг — многоэкранный, с анимациями, формами, адаптивом под все устройства, аккуратной кроссбраузерностью — это уже двадцать–пятьдесят тысяч. Это рабочая лошадка рынка, и большинство задач живут именно здесь.
Многостраничный сайт считают иначе: берут стоимость типовой страницы и набора уникальных шаблонов (главная, карточка, каталог, статья) и умножают на объём. Тут цена легко уходит за сотню тысяч, но и считается она прозрачно — по числу непохожих друг на друга страниц, а не по числу строк меню.
Доработка готового шаблона кажется самой дешёвой опцией, и иногда так и есть. Но есть подвох: чужой код бывает написан так криво, что въехать в него и аккуратно переделать дольше, чем сверстать чистый блок заново. Поэтому опытный верстальщик сначала смотрит на исходник и только потом называет цену доработки — и это правильный знак.
Где заказчик переплачивает, а где экономит себе во вред
Переплата чаще всего возникает на пустом месте — там, где заказчик заказывает ручную вёрстку с нуля под задачу, которую с лихвой закрыл бы готовый блок или конструктор. Если вам нужен типовой лендинг под рекламную кампанию на месяц, платить за уникальную авторскую вёрстку незачем — это как заказывать костюм на одну вечеринку у портного, когда хватило бы аренды.
А вот опасная экономия — обратная. Самое дешёвое предложение почти всегда дешёвое за счёт того, чего вы пока не видите. Нет адаптива — и половина посетителей с телефонов уходит, потому что на их экране всё разъехалось. Кривой код — и сайт медленно грузится, проседает в поиске, а нанятый позже программист отказывается с ним работать и просит переписать. Нет кроссбраузерности — и в одном популярном браузере у клиентов всё ломается, а вы об этом узнаёте из жалоб.
Во всех этих случаях заказчик платит дважды: сначала за дешёвую вёрстку, потом за её исправление. Суммарно выходит дороже, чем если бы сразу взяли того, кто делает по-человечески. Защита от этого простая и почти бесплатная — внятное составить ТЗ на вёрстку на входе и проверить качество вёрстки по чек-листу на выходе. Две страницы требований и пятнадцать минут приёмки экономят десятки тысяч на переделках.
Как читать смету и о чём спросить до старта
Хорошая смета на вёрстку — это не одна цифра, а разбивка. Если верстальщик пишет «сайт — 35000» без расшифровки, попросите детализацию: сколько уникальных блоков, какие адаптивные версии входят, проверяется ли кроссбраузерность, в каком виде отдаётся код. Специалист, которому нечего скрывать, разложит это спокойно. Тот, кто юлит и говорит «да там всё по стандарту», — повод насторожиться, потому что «стандарт» у каждого свой.
Три вопроса, которые стоит задать до начала работы каждому кандидату. Первый: «Адаптив под мобильный и планшет входит в цену или отдельно?» Второй: «Проверяете вёрстку в разных браузерах, и в каких именно?» Третий: «В каком виде я получу результат — готовые файлы, доступ к репозиторию, как организован код?» Ответы на эти три вопроса говорят о верстальщике больше, чем портфолио: видно, понимает ли человек, что делает, и привык ли он работать на результат, а не на «лишь бы сдать».
Как платформа помогает не переплатить за вёрстку
На Где.Эксперт верстальщиков выбирают не по самой низкой строчке в выдаче, а по реальным отзывам и истории выполненных заказов. Видно, кто уже сдавал похожие проекты, как заказчики оценили адаптив и качество кода, не было ли историй с переделками. Это сразу отсекает тех, кто берёт дёшево за счёт срезанного объёма.
Можно начать с обсуждения задачи: специалист посмотрит макет, подскажет реальный объём работы и назовёт честную вилку под ваш проект, а не среднюю по больнице. Оплата идёт по факту выполнения, а отзывы прошлых заказчиков работают страховкой от того самого сценария, когда дешёвая вёрстка оборачивается дорогой переделкой.
Часто задаваемые вопросы
Сколько стоит сверстать лендинг в 2026 году?
Простой по готовому макету — 8000–20000 ₽, полноценный многоэкранный с анимациями и адаптивом — 20000–50000 ₽. Цена зависит не от числа экранов, а от количества нестандартных блоков и состояний.
Почему верстальщики называют такие разные цены?
Потому что под «вёрсткой» каждый понимает свой объём. Один делает только десктоп, другой — адаптив, кроссбраузерность и чистый код. Это разная работа, отсюда вилка в разы.
Из чего складывается стоимость?
Из сложности макета, количества адаптивных версий, требований к качеству кода и срочности. Тираж одинаковых карточек стоит копейки, один сложный интерактивный блок — как полстраницы.
Что выгоднее: конструктор, шаблон или вёрстка с нуля?
Конструктор дешевле, но упирается в потолок. Шаблон — компромисс, но доработка иногда дороже вёрстки с нуля. Ручная вёрстка дороже, зато даёт контроль над видом, скоростью и SEO.
Почему дешёвая вёрстка обходится дороже?
За низкой ценой прячется срезанный объём: нет адаптива, код ломается в браузерах, программист просит переписать. В итоге платите второму специалисту за переделку.
Заключение
Цена вёрстки сама по себе не говорит ни о чём — важно, что в неё упаковано. Восемь тысяч и сорок за один макет могут быть оба честными, просто это разный объём работы: где-то только десктоп на скорую руку, где-то адаптив, кроссбраузерность и чистый код с запасом под программиста.
Грамотный заказчик не хватает самое дешёвое, а спрашивает, что входит: адаптив, проверка в браузерах, вид кода на выходе. Внятное ТЗ на входе и приёмка по чек-листу на выходе стоят почти ничего, но избавляют от главной беды рынка — когда экономия на вёрстке оплачивается потом двойной ценой за переделку. А когда хочется сравнить честные предложения, а не среднюю цифру, проще выбирать того, у кого есть отзывы и история сданных проектов.
Найдите верстальщика на Где.Эксперт — выбирайте по реальным отзывам, обсуждайте объём до старта и платите по факту выполнения.