Вартість лендінгу складається з чотирьох частин: підготовка структури, дизайн, контент і технічна реалізація разом з інтеграціями. Дві сторінки з однаковою кількістю блоків відрізняються за ціною дуже помітно, і причина завжди в цих чотирьох позиціях: одну зібрали на перевіреному шаблоні з текстами клієнта, для другої малювали макет з нуля, знімали фото й налаштовували передачу заявок у CRM.
Орієнтири цін даємо за нашими тарифами. Прочитайте перед розмовою з підрядником. Коли ви розумієте, за що саме платите, комерційні пропозиції можна порівнювати не тільки за підсумковою сумою.
Що входить у вартість лендінгу
У нормальному кошторисі лендінг розбитий на етапи, і за кожен видно окрему суму. Якщо в пропозиції один рядок «розробка сторінки», ви не зможете зрозуміти, де підрядник заклав запас, а де просто пропустив роботу.
Структура й прототип
Ще до дизайну хтось має вирішити порядок блоків: що людина бачить першим, які сумніви треба зняти далі, де поставити форму, які аргументи винести окремо. Це аналітична робота, і в грамотному кошторисі вона стоїть окремим рядком. Коли її прибирають заради економії, дизайнер малює навмання, а потім сторінку перемальовують за гроші замовника. Прототип виглядає як схема без кольорів і шрифтів, зате на цьому етапі зміни найдешевші. Мінімальний набір блоків для односторінкового сайту невеликої компанії ми зібрали в матеріалі про сайт-візитку для малого бізнесу.
Дизайн і адаптив
Дизайнер готує макети під широкий екран і під смартфон. Мобільна версія рахується окремо, бо там інший порядок блоків, інший розмір кнопок і часто інша логіка меню. Просте масштабування десктопного макета дає сторінку, незручну для телефона, а більшість трафіку на лендінги мобільна. Якщо в пропозиції немає окремої згадки про мобільні макети, це перше питання підряднику.
Ціна цього рядка залежить від кількості екранів, від числа унікальних блоків і від того, скільки раундів правок ви закладаєте в договір. Сторінка з восьми стандартних секцій і сторінка з калькулятором, інтерактивною схемою та анімованими переходами відрізняються за трудомісткістю в кілька разів, хоча екранів у них порівну. Уточніть у підрядника склад цієї роботи, бо саме її найчастіше урізають заради гарної підсумкової суми. Окремо від розробки ми дизайн не продаємо, бо макет без верстки й збірки результату не дає, а відповідати за підсумок можна лише тоді, коли всі етапи в одних руках.
Верстка й збірка
Макет перетворюють на робочу сторінку: розмітка, шрифти, анімації появи блоків, форми з перевіркою полів, повідомлення про успішну відправку. Сюди ж входить оптимізація зображень і швидкість завантаження, від якої залежить, скільки людей узагалі побачить вашу пропозицію. Для сторінки з платною рекламою кожна секунда відчутна.
Запуск і аналітика
Домен, хостинг, сертифікат безпеки, підключення Google Analytics 4, налаштування подій на кнопках і формах, перевірка на реальних пристроях і в різних браузерах. Без подій у звітах залишаться самі відвідування, і ви не зможете сказати, яке оголошення привело клієнта. Ця частина коштує небагато, але без неї рекламний бюджет витрачається наосліп. Відстеження заявок як конверсій ми підключаємо на кожному лендінгу ще до запуску, а саму кампанію можна доручити нам у межах послуги налаштування Google Ads.
Скільки коштує дизайн лендінгу й скільки верстка
Питання про загальний бюджет майже завжди розпадається на кілька дрібніших. Скільки йде на дизайн, скільки на верстку, скільки на опрацювання структури й скільки на запуск. Точну суму у відриві від завдання не назве ніхто, бо ставки фахівців у різних країнах відрізняються в кілька разів. А от пропорція між етапами тримається стійко, і за нею ви перевірите будь-яку комерційну пропозицію, хоч би в якій валюті вона надійшла. Нижче частки з наших кошторисів.
| Етап | Частка в кошторисі | Що ви отримуєте |
|---|---|---|
| Структура й прототип | 10–15% | схема сторінки з порядком блоків і місцями під форми |
| Дизайн | 30–35% | макети під десктоп і смартфон, готові до передачі у верстку |
| Верстка й програмування | 35–40% | робоча сторінка зі шрифтами, анімацією і підготовленими зображеннями |
| Форми, інтеграції, запуск | 10–15% | форми з відправленням заявок, домен, сертифікат, лічильники й події на кнопках |
| Наповнення контентом, оптимізація | 5–10% | тексти й фотографії на своїх місцях, перевірка швидкості й базових налаштувань SEO |
Найважчі рядки кошторису це верстка з програмуванням і дизайн, разом вони забирають близько двох третин бюджету. Тому вибір між готовим шаблоном та індивідуальним макетом рухає підсумок сильніше за інші рішення. Щоб перевести частки в гроші, візьміть орієнтир за потрібним рівнем сторінки. Лендінг на готовому шаблоні з вашим контентом коштує від $500 до $800, сторінка з унікальним дизайном і структурою від $900 до $1 500.
Від чого ціна зростає найбільше
Одні рішення додають до суми зовсім небагато, інші збільшують її відчутно. Ось перелік чинників у порядку впливу, як ми бачимо це на своїх проєктах.
- Унікальність дизайну. Адаптація готового шаблону і малювання макета з нуля відрізняються за трудомісткістю найбільше з усього списку.
- Обсяг і готовність контенту. Тексти, фотографії, схеми, відео. Якщо все це треба створювати, з’являється окремий рядок кошторису й додаткові тижні.
- Інтеграції. Передача заявок у CRM, онлайн-оплата, чат-бот, синхронізація з обліковою системою.
- Кількість мов. Друга й третя мовна версія додають переклад, перемикач, окремі адреси сторінок і перевірку верстки, бо текст іншою мовою має іншу довжину.
- Складна анімація. Паралакс, послідовна поява елементів, інтерактивні схеми. Кожен такий блок програмують окремо.
- Стислі строки. Робота у вихідні та паралельне підключення кількох спеціалістів завжди дорожчі за спокійний графік.
Шаблон, конструктор чи індивідуальний дизайн
Це рішення визначає порядок цифр у пропозиції, тому його ухвалюють першим. Конструктори з підпискою виглядають найдешевшим входом, але сторінка залишається всередині чужого сервісу, і перенести її вдається не завжди. У таблиці варіанти, які залишаються вашою власністю, з орієнтирами за нашими тарифами.
| Підхід | Орієнтовні строки | Бюджет |
|---|---|---|
| Готовий шаблон під ваш контент | 1–2 тижні | від $500 до $800 |
| Унікальний дизайн і структура | 3–4 тижні | від $900 до $1 500 |
| Лендінг з інтеграціями | 1–1,5 місяця | від $1 500 до $2 000 |
| Преміум лендінг з анімаціями | від 2 місяців | від $2 500 |
Рівень залежить від завдання. Під тестову рекламну кампанію вистачає шаблону, під постійний трафік із CRM потрібні інтеграції, під складну подачу продукту беруть преміум. Точну суму рахують під конкретне завдання після розмови про продукт і аудиторію. Приклади робіт, ціни на розробку лендінгу й форма для розрахунку зібрані на сторінці розробки Landing page.
Коли шаблон виправданий
Ви перевіряєте нову послугу або товар і хочете швидко зрозуміти, чи є попит. Продукт простий і зрозумілий без довгих пояснень. Бюджет обмежений, а реклама має стартувати найближчими тижнями. У таких випадках перевірений шаблон з нормальною адаптацією під бренд розв’язує завдання, і сторінка виглядає пристойно. Перемальовувати її з нуля можна пізніше, коли з’явиться статистика й розуміння, які блоки працюють.
Коли потрібен індивідуальний макет
Ви продаєте дороге, складне або емоційне: нерухомість, обладнання, медичні послуги, преміальний сервіс. Тут зовнішній вигляд сторінки прямо впливає на довіру, а шаблонні рішення впізнаються з першого екрана. Другий випадок, коли шаблон не підходить: у вас нестандартна логіка подачі, наприклад калькулятор вартості, покроковий підбір або порівняльна таблиця конфігурацій. Такі блоки в готових темах або відсутні, або працюють нестабільно, і їх усе одно доведеться робити руками.
Контент і чому його недооцінюють
Найчастіше проєкт затримується саме на контенті. Дизайн погоджено, верстка готова, і все зупиняється, бо клієнт другий тиждень збирає тексти й фотографії. Сторінка стоїть без руху, реклама не запускається, підрядник чекає. Формально бюджет не зріс, фактично ви втратили місяць продажів.
Ось що входить у контентну частину й що з цього ви можете закрити самостійно.
- Тексти сторінки. Опис послуги, вигоди, відповіді на заперечення, заклики до дії. Ви можете написати чернетку самі, копірайтер доопрацює її швидше й дешевше, ніж писатиме з нуля.
- Фотографії. Власні знімки виробництва, команди, робіт. Стокові фото економлять гроші, але їх упізнають, і довіра до сторінки падає.
- Схеми та іконки. Ілюстрації процесу, порівняльні схеми, піктограми послуг. Малюються під стиль сторінки й рахуються поштучно.
- Відео. Навіть короткий ролик на першому екрані тягне за собою зйомку, монтаж і окрему роботу зі стисненням, щоб він не сповільнював сторінку.
- Відгуки та підтвердження. Скани сертифікатів, логотипи клієнтів, реальні відгуки з іменами. Зібрати їх може тільки замовник, і це найдовша частина.
Щоб заощадити, почніть збирати контент у той самий день, коли підписали договір. Якщо чекати, поки дизайнер попросить матеріали, проєкт утрачає тиждень або два.
Інтеграції та все, що починається після натискання кнопки
Форма заявки виглядає однаково в усіх проєктах. Різниця в тому, куди йдуть дані далі.
Куди йде заявка
Варіантів небагато, і за трудомісткістю вони сильно розходяться.
- Лист на пошту. Базовий спосіб, входить у вартість сторінки.
- Дубль у Telegram менеджеру. Робиться швидко й пришвидшує реакцію на звернення.
- Передача в CRM. Разом із джерелом, рекламною кампанією та коментарем клієнта. Якщо підключаємо одразу під час розробки, це входить у пакет «Лендінг з інтеграціями». На вже готовій сторінці підключення CRM рахуємо окремо, як інтеграцію, від $500 до $2 000.
Розберіться заздалегідь, чи потрібна вам CRM зараз. Коли заявок кілька на тиждень і всі веде одна людина, пошти вистачає, а інтеграцію додасте до другої версії сторінки.
Оплата, калькулятори та мови
Онлайн-оплата на лендінгу має сенс для курсів, квитків, консультацій і товарів в одну позицію. Підключення платіжного сервісу разом з тестуванням займає кілька днів. Калькулятор вартості або квіз з підбором рахуються як окрема робота, оскільки там треба програмувати розрахунок і сценарій питань. Кожна додаткова мова збільшує обсяг роботи пропорційно, причому переклад написів на кнопках і повідомлень форм часто забувають закласти. Дрібні доопрацювання на вже готовій сторінці ми оцінюємо від $300 до $1 000, а разові правки за фактом рахуємо погодинно, $25 за годину. Деталі за напрямом дивіться на сторінці розробка Landing page.
Строки і їхній зв’язок із ціною
Строк залежить від тих самих чинників, що й бюджет.
- Шаблон з готовим контентом. Від 1 до 2 тижнів від старту до запуску реклами.
- Унікальний дизайн. Від 3 до 4 тижнів, оскільки додаються макети, зйомка й написання текстів.
- Терміновий графік. Оплачується окремо, бо доводиться переставляти черговість інших проєктів команди.
Більшу частину календаря зазвичай займають погодження макета й збір матеріалів з боку клієнта. Технічна робота передбачувана, а от скільки разів доведеться правити дизайн, ніхто не вгадає наперед. Домовтеся на старті, скільки раундів правок входить у вартість і як оплачуються наступні. Ця домовленість знімає більшість конфліктів на фінішній прямій. Докладно про календар проєктів ми написали в статті про те, скільки часу займає розробка сайту.
Помилки, через які лендінг обходиться дорожче
Перелічимо те, що регулярно бачимо, коли до нас приходять з готовою сторінкою і проханням довести її до робочого стану.
- Замовити дизайн без текстів. Дизайнер малює на умовний контент, потім реальні тексти не вміщуються, і макет переробляють повторно за додаткові гроші.
- Взяти найдешевшу пропозицію без розшифровки. Через місяць виявляється, що аналітика, мобільна версія і форми в неї не входили, і сума доростає до середньої по ринку.
- Обрати конструктор з підпискою. Стартувати дешево, платити щомісяця роками й залежати від сервісу. З частини конструкторів сторінку не перенести взагалі, а в інших експорт коду є лише на окремих платних тарифах.
- Забути про доступи. Домен зареєстрований на підрядника, хостинг оформлений на його акаунт, паролі ніхто не передавав. Повернення контролю потім коштує часу й нервів.
- Не закласти обслуговування. Сторінка живе на сервері, потребує оновлень і резервних копій, а форми часто тихо ламаються після змін у поштових сервісах.
Технічний догляд за проєктом у нас коштує $400 на місяць і включає 20 годин роботи на оновлення, резервні копії, моніторинг доступності, звіт і правки в межах цих годин. Для сторінки, на яку йде платна реклама, це страховка від ситуації, коли сайт перестав відкриватися або закінчився строк дії сертифіката, а ви дізналися про це через два тижні тиші. Якщо постійний абонемент вам зайвий, беріть разові звернення за годинною ставкою. Умови ми описали в розділі підтримка та розвиток проєктів, а що робити зі сторінкою одразу після запуску, розібрали в матеріалі про перші 90 днів після запуску.
Загальні чинники ціни, спільні для всіх типів проєктів, зібрані в матеріалі про те, від чого залежить вартість розробки сайту.
Висновки
Ціна лендінгу формується з чотирьох частин, і кожну з них видно в нормальному кошторисі. Найбільший вплив мають рівень дизайну й готовність вашого контенту. Інтеграції та мовні версії додають до суми окремими рядками, які легко порахувати заздалегідь.
Що зробити перед замовленням:
- Опишіть, кому й що ви продаєте та які заперечення чуєте від клієнтів найчастіше. Це основа структури сторінки.
- Перевірте, які матеріали у вас уже є, а що доведеться створювати. Контент найчастіше зсуває строки.
- Вирішіть, чи потрібні онлайн-оплата, CRM і друга мова зараз, чи вони можуть почекати до другої версії.
- Вимагайте в підрядника кошторис із розбивкою на етапи з окремою сумою за мобільні макети, аналітику й правки.
Якщо ви вагаєтеся між лендінгом і повноцінним сайтом, спершу прочитайте порівняння лендінг чи багатосторінковий сайт. А коли вибираєте між кількома студіями, стануть у пригоді критерії з матеріалу про те, як обрати веб-студію. Коли будете готові рахувати проєкт, залиште заявку на сторінці розробки Landing page. Після кількох питань про продукт ви отримаєте орієнтир за бюджетом і строками.