Дизайн лендинга: сколько стоит, сколько длится и по каким признакам он продаёт

Сколько стоит дизайн лендинга в 2026 году

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

Из чего складывается цена

1. Число уникальных экранов. Десять экранов, нарисованных с нуля, стоят примерно вдвое дороже пяти.
2. Способ сборки. Стандартные блоки Тильды подстраиваются под телефон автоматически. В Zero Block каждый элемент расставляют вручную на нескольких ширинах экрана, и это дольше.
3. Прототип. Отдельный этап, на котором согласуют структуру до дизайна. Его отсутствие удешевляет смету и удорожает правки.
4. Иллюстрации, иконки, обработка фото. Отдельные часы работы.
5. Круги правок. Два круга входят почти всегда, дальше — за доплату.

Сколько длится дизайн лендинга

Суммарно — от недели до трёх. Дизайн почти никогда не задерживается из-за дизайнера. Он задерживается из-за фото, которые не прислали, и правок, которые приходят по одной в день. Как дизайн вписывается в общий график проекта, мы разобрали в статье разработка лендинга: 6 этапов.

По каким признакам дизайн лендинга продаёт

Мы смотрим много лендингов, которые приносят на разбор, и видим закономерность: дизайн, который нравится владельцу, и дизайн, который приносит заявки, — часто разные вещи. Вот признаки второго.

1. Иерархия: понятно, что главное

За пять секунд взгляд должен пройти по заголовку, подзаголовку и кнопке. Заголовок — самый крупный элемент. Подзаголовок — заметно мельче. Кнопка — самый контрастный элемент. Если на первом экране пять элементов одного размера и веса, взгляд не знает, куда смотреть.

Простая проверка: прищурьтесь, глядя на экран. Что видно в размытом виде? Если заголовок и кнопка — иерархия работает.

2. Контрастная кнопка

Кнопка заявки должна отличаться от всего остального на странице. Один цвет кнопок на весь лендинг, и этот цвет больше нигде не используется. Текст на кнопке — обещание: «Рассчитать стоимость», «Записаться на замер».

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

3. Фото реальных людей и работ

Стоковые фото с улыбающимися людьми в офисе узнаются сразу и не вызывают доверия. Фото вашей команды на объекте, ваших работ до и после, вашего офиса — пусть даже не идеального качества — работают как доказательство. Где взять фото, если своих нет, разберём в статье где взять фото для сайта.

4. Мобильная версия первой

На лендинги под рекламу большая часть людей обычно приходит с телефона. Долю мобильных в вашем случае видно в Метрике в отчёте по устройствам. При этом дизайн часто рисуют для компьютера, а мобильную версию собирают в последний день. Результат: кнопка уходит за пределы экрана, текст мелкий, фото обрезаны.

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

5. Воздух и ритм

Между блоками достаточно пространства, текст не прилипает к краям. Экраны чередуются: светлый и тёмный фон, текст и фото. Ритм помогает листать и не теряться.

6. Скорость

Тяжёлые фото, видео на фоне и анимации замедляют загрузку на телефоне. Каждая секунда ожидания — часть людей, которые так и не увидели первый экран. Сжимайте фото и проверяйте страницу через мобильный интернет.

Если вы узнали свой лендинг в двух-трёх пунктах, начните с первого экрана: там решается, останется человек или нет.

Что мешает дизайну лендинга продавать

Ограничения анимаций и их цену для скорости подробно разберём в отдельной статье про анимацию в Тильде.

Референсы: как объяснить дизайнеру, что вам нравится

Референсы — примеры сайтов, которые вам нравятся. Без них дизайнер угадывает вкус заказчика и часто промахивается с первого раза. Но и с ними есть ловушка: «сделайте как здесь» почти никогда не означает, что нравится всё.

Как подобрать референсы, чтобы они помогли:

1. Возьмите 3–5 сайтов, не обязательно из вашей ниши.
2. Для каждого напишите одной фразой, что именно нравится: крупные фото, много воздуха, спокойные цвета, таблица цен.
3. Добавьте 1–2 антиреференса — сайты, которые вам точно не нравятся, и почему.
4. Отдельно отметьте, что должно остаться от вашего фирменного стиля: логотип, цвет, шрифт.

Так дизайнер получает направление вместо задания «скопировать». А вы получаете первый вариант, который ближе к ожиданиям, и экономите круг правок.

Что спросить у дизайнера до оплаты

1. Сколько экранов будет нарисовано с нуля, а сколько из стандартных блоков?
2. Будет ли прототип до дизайна?
3. Сколько вариантов первого экрана вы покажете?
4. Сколько кругов правок входит в цену и сколько стоит следующий?
5. Как делается мобильная версия: автоматически или каждый экран вручную?
6. Можно ли посмотреть два-три ваших живых лендинга с телефона?
7. Кто готовит тексты? Если вы — когда они нужны?
8. Где будет собран лендинг и на чьём аккаунте?
9. Передадите ли исходники: файл в Figma, шрифты, иконки?
10. Кому принадлежат права на дизайн после оплаты?

Последний вопрос часто пропускают. По умолчанию права на дизайн остаются у автора, и чтобы они перешли к вам, это нужно прописать в договоре: такой вариант предусматривает статья 1288 ГК РФ о договоре авторского заказа.

Больше вопросов для выбора исполнителя на Тильде — в статье как выбрать дизайнера на Тильде.

Как проверить дизайн лендинга перед запуском

1. Откройте лендинг со своего телефона через мобильный интернет. Сколько секунд грузится первый экран?
2. Прищурьтесь: видны ли заголовок и кнопка?
3. Покажите первый экран человеку вне бизнеса на пять секунд. Может ли он сказать, что здесь предлагают?
4. Пролистайте до конца. Есть ли места, где непонятно, куда смотреть дальше?
5. Нажмите на телефон, кнопку мессенджера и отправьте форму. Всё работает?
6. Через две недели рекламы откройте карту скроллинга в Метрике: до какого экрана доходят люди?

Условный пример: дизайн за 120 000 ₽ против дизайна за 35 000 ₽

Пример условный, не кейс студии. Компания по строительству бань в Подмосковье, бюджет Директа 100 000 ₽ в месяц, клик — 125 ₽, 800 кликов.

Вариант А. Дизайн за 120 000 ₽: видео на фоне первого экрана, анимации на каждом блоке, слайдер с работами, цены «по запросу». На телефоне первый экран грузится долго. Конверсия — 1,2%, около 10 заявок по 10 400 ₽.

Вариант Б. Дизайн за 35 000 ₽: статичный первый экран с фото готовой бани и ценой «от», кнопка «Рассчитать стоимость», фото реальных объектов, таблица комплектаций. Конверсия — 2,8%, около 22 заявок по 4 500 ₽.

Цифры условные. Мысль простая: дизайн окупается, когда деньги вложены в понятность и доказательства, а не в эффекты.

Дорогой дизайн при этом не обязательно хуже. Те же 120 000 ₽ можно было потратить на съёмку реальных объектов, прототип с проверкой на клиентах, таблицу комплектаций и аккуратную мобильную версию. Тогда дизайн стоил бы столько же, а работал бы как вариант Б, только выглядел бы солиднее. Вопрос в том, на что уходят деньги. Поэтому при сравнении предложений спрашивайте дизайнера, что из его работы поможет человеку оставить заявку. Если в ответе только «современный стиль» и «эффектные анимации», это повод насторожиться.

Как мы делаем дизайн лендинга

Начинаем с прототипа и текстов, потом рисуем первый экран в двух вариантах и согласуем его сразу на телефоне. Дальше остальные экраны, мобильная версия, цели в Метрике и тестовая заявка. Сайт, Директ и 30 дней ведения — от 60 000 ₽, запуск от 3 дней. Стоматологии мы обновили сайт и запустили новые кампании — на 300% больше заявок в первый месяц.

Если хотите увидеть, как может выглядеть первый экран вашего лендинга, оставьте контакты.