Від чого залежить вартість лендінгу

Вартість лендінгу складається з чотирьох частин: підготовка структури, дизайн, контент і технічна реалізація разом з інтеграціями. Дві сторінки з однаковою кількістю блоків відрізняються за ціною дуже помітно, і причина завжди в цих чотирьох позиціях: одну зібрали на перевіреному шаблоні з текстами клієнта, для другої малювали макет з нуля, знімали фото і налаштовували передачу заявок у CRM.

Нижче розкладаємо кошторис по рядках, показуємо, які рішення додають до бюджету найбільше, і даємо орієнтири за нашими тарифами. Прочитайте перед розмовою з підрядником. Коли ви розумієте, за що саме платите, комерційні пропозиції можна порівнювати не тільки за підсумковою сумою.

Що входить у вартість лендінгу

У нормальному кошторисі лендінг розбитий на етапи, і за кожен видно окрему суму. Якщо в пропозиції один рядок «розробка сторінки», ви не зможете зрозуміти, де підрядник заклав запас, а де просто пропустив роботу.

Структура і прототип

Ще до дизайну хтось має вирішити порядок блоків: що людина бачить першим, які сумніви треба зняти далі, де поставити форму, які аргументи винести окремо. Це аналітична робота, і в грамотному кошторисі вона стоїть окремим рядком. Коли її прибирають заради економії, дизайнер малює навмання, а потім сторінку перемальовують за гроші замовника. Прототип виглядає як схема без кольорів і шрифтів, зате на цьому етапі зміни найдешевші.

Дизайн і адаптив

Дизайнер готує макети під широкий екран і під смартфон. Мобільна версія рахується окремо, бо там інший порядок блоків, інший розмір кнопок і часто інша логіка меню. Просте масштабування десктопного макета дає сторінку, незручну для телефона, а більшість трафіку на лендінги мобільна. Якщо в пропозиції немає окремої згадки про мобільні макети, це перше питання підряднику.

Ціна цього рядка залежить від кількості екранів, від числа унікальних блоків і від того, скільки раундів правок ви закладаєте в договір. Сторінка з восьми стандартних секцій і сторінка з калькулятором, інтерактивною схемою та анімованими переходами відрізняються за трудомісткістю в рази, хоча екранів у них порівну. Уточніть у підрядника склад цієї роботи, бо саме її найчастіше урізають заради гарної підсумкової суми. Окремо від розробки ми дизайн не продаємо, бо макет без верстки і збірки результату не дає, а відповідати за підсумок можна лише тоді, коли всі етапи в одних руках.

Верстка і збірка

Макет перетворюють на робочу сторінку: розмітка, шрифти, анімації появи блоків, форми з перевіркою полів, повідомлення про успішну відправку. Сюди ж входить оптимізація зображень і швидкість завантаження, від якої залежить, скільки людей взагалі побачить вашу пропозицію. Для сторінки з платною рекламою кожна секунда відчутна.

Запуск і аналітика

Домен, хостинг, сертифікат безпеки, підключення Google Analytics 4, налаштування подій на кнопках і формах, перевірка на реальних пристроях і в різних браузерах. Без подій у звітах залишаться самі відвідування, і ви не зможете сказати, яке оголошення привело клієнта. Ця частина коштує небагато, але без неї рекламний бюджет витрачається наосліп.

Скільки коштує дизайн лендінгу і скільки верстка

Питання про загальний бюджет майже завжди розпадається на кілька дрібніших. Скільки йде на дизайн, скільки на верстку, скільки на опрацювання структури і скільки на запуск. Точну суму у відриві від задачі не назве ніхто, ставки фахівців у різних країнах відрізняються в рази. А от пропорція між етапами тримається стійко, і за нею ви перевірите будь-яку комерційну пропозицію, у якій валюті вона б не прийшла. Нижче частки з наших кошторисів.

Найважчі рядки кошторису це верстка з програмуванням і дизайн, разом вони забирають близько двох третин бюджету. Тому вибір між готовим шаблоном та індивідуальним макетом рухає підсумок сильніше за інші рішення. Щоб перевести частки в гроші, візьміть орієнтир за потрібним рівнем сторінки. Лендінг на готовому шаблоні з вашим контентом коштує від $500 до $800, сторінка з унікальним дизайном і структурою від $900 до $1 500.

Від чого ціна зростає найбільше

Одні рішення додають до суми зовсім небагато, інші збільшують її відчутно. Ось перелік чинників у порядку впливу, як ми бачимо це на своїх проєктах.

• Унікальність дизайну. Адаптація готового шаблону і малювання макета з нуля відрізняються за трудомісткістю найбільше з усього списку.
• Обсяг і готовність контенту. Тексти, фотографії, схеми, відео. Якщо все це треба створювати, з’являється окремий рядок кошторису і додаткові тижні.
• Інтеграції. Передача заявок у CRM, онлайн-оплата, підключення платіжного сервісу, чат-бот, синхронізація з обліковою системою.
• Кількість мов. Друга і третя мовна версія додають переклад, перемикач, окремі адреси сторінок і перевірку верстки, бо текст іншою мовою має іншу довжину.
• Складна анімація. Паралакс, послідовна поява елементів, інтерактивні схеми. Кожен такий блок програмують окремо.
• Стислі строки. Робота у вихідні та паралельне підключення кількох спеціалістів завжди дорожчі за спокійний графік.

Шаблон, конструктор чи індивідуальний дизайн

Це рішення визначає порядок цифр у пропозиції, тому його ухвалюють першим. У наших тарифах на сайти видно логіку, за якою рахується і лендінг.

Рівень визначає завдання. Під тестову рекламну кампанію вистачає шаблона, під постійний трафік із CRM потрібні інтеграції, під складну подачу продукту беруть преміум. Точну суму рахують під конкретне завдання після розмови про продукт і аудиторію. Приклади робіт і форма для розрахунку зібрані на сторінці розробки Landing page.

Коли шаблон виправданий

Ви перевіряєте нову послугу або товар і хочете швидко зрозуміти, чи є попит. Продукт простий і зрозумілий без довгих пояснень. Бюджет обмежений, а реклама має стартувати найближчими тижнями. У таких випадках якісний шаблон з нормальною адаптацією під бренд закриває завдання, і сторінка виглядає пристойно. Перемальовувати її з нуля можна пізніше, коли з’явиться статистика і розуміння, які блоки працюють.

Коли потрібен індивідуальний макет

Ви продаєте дороге, складне або емоційне: нерухомість, обладнання, медичні послуги, преміальний сервіс. Тут зовнішній вигляд сторінки прямо впливає на довіру, а шаблонні рішення впізнаються з першого екрана. Другий випадок, коли шаблон не підходить: у вас нестандартна логіка подачі, наприклад калькулятор вартості, покроковий підбір або порівняльна таблиця конфігурацій. Такі блоки в готових темах або відсутні, або працюють нестабільно, і їх усе одно доведеться робити руками.

Контент і чому його недооцінюють

Найчастіша ситуація в наших проєктах виглядає так. Дизайн погоджено, верстка готова, і все зупиняється, бо клієнт другий тиждень збирає тексти й фотографії. Сторінка стоїть без руху, реклама не запускається, підрядник чекає. Формально бюджет не зріс, фактично ви втратили місяць продажів.

Ось що входить у контентну частину і що з цього ви можете закрити самостійно.

• Тексти сторінки. Опис послуги, вигоди, відповіді на заперечення, заклики до дії. Ви можете написати чернетку самі, копірайтер доопрацює її швидше й дешевше, ніж писатиме з нуля.
• Фотографії. Власні знімки виробництва, команди, робіт. Стокові фото економлять гроші, але їх упізнають, і довіра до сторінки падає.
• Схеми та іконки. Ілюстрації процесу, порівняльні схеми, піктограми послуг. Малюються під стиль сторінки і рахуються поштучно.
• Відео. Навіть короткий ролик на першому екрані тягне за собою зйомку, монтаж і окрему роботу зі стисненням, щоб він не сповільнював сторінку.
• Відгуки та підтвердження. Скани сертифікатів, логотипи клієнтів, реальні відгуки з іменами. Зібрати їх може тільки замовник, і це найдовша частина.

Просте правило економії: почніть збирати контент у той самий день, коли підписали договір. Очікування прохання від дизайнера коштує проєкту тиждень або два.

Інтеграції та все, що починається після натискання кнопки

Форма заявки виглядає однаково в усіх проєктах. Різниця в тому, куди йдуть дані далі.

Куди йде заявка

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

• Лист на пошту. Базовий спосіб, входить у вартість сторінки.
• Дубль у Telegram менеджеру. Робиться швидко і пришвидшує реакцію на звернення.
• Передача в CRM. Разом із джерелом, рекламною кампанією та коментарем клієнта. Якщо підключаємо одразу під час розробки, це входить у пакет «Лендінг з інтеграціями». Окремою роботою на вже готовій сторінці рахуємо індивідуально, від $20 за годину роботи програміста.

Розберіться заздалегідь, чи потрібна вам CRM зараз. Коли заявок кілька на тиждень і всі веде одна людина, пошти вистачає, а інтеграцію додасте до другої версії сторінки.

Оплата, калькулятори та мови

Онлайн-оплата на лендінгу має сенс для курсів, квитків, консультацій і товарів в одну позицію. Підключення платіжного сервісу разом з тестуванням займає кілька днів. Калькулятор вартості або квіз з підбором рахуються як окрема робота, оскільки там треба програмувати розрахунок і сценарій питань. Кожна додаткова мова збільшує обсяг роботи пропорційно, причому переклад написів на кнопках і повідомлень форм часто забувають закласти. Дрібні доробки на вже готовій сторінці ми оцінюємо від $300 до $1 000, а разові правки за фактом рахуємо погодинно, від $20 за годину. Деталі за напрямом дивіться на сторінці розробка Landing page.

Строки і їхній зв’язок з ціною

Строк залежить від тих самих чинників, що й бюджет.

• Шаблон з готовим контентом. Від 1 до 2 тижнів від старту до запуску реклами.
• Унікальний дизайн. Від 3 до 4 тижнів, оскільки додаються макети, зйомка і написання текстів.
• Терміновий графік. Оплачується окремо, бо доводиться переставляти черговість інших проєктів команди.

Більшу частину календаря зазвичай займають погодження макета і збір матеріалів на стороні клієнта. Технічна робота передбачувана, а от кількість кіл правок по дизайну ніхто не вгадає наперед. Домовтеся на старті, скільки раундів правок входить у вартість і як оплачуються наступні. Ця домовленість знімає більшість конфліктів на фінішній прямій. Докладно про календар проєктів ми написали в статті скільки часу займає розробка сайту.

Помилки, через які лендінг обходиться дорожче

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

• Замовити дизайн без текстів. Дизайнер малює на умовний контент, потім реальні тексти не вміщуються, і макет переробляють повторно за додаткові гроші.
• Взяти найдешевшу пропозицію без розшифровки. Через місяць виявляється, що аналітика, мобільна версія і форми в неї не входили, і сума доростає до середньої по ринку.
• Обрати конструктор з підпискою. Стартувати дешево, платити щомісяця роками і не мати можливості забрати сторінку з собою, коли захочеться змінити підрядника.
• Забути про доступи. Домен зареєстрований на підрядника, хостинг оформлений на його акаунт, паролі ніхто не передавав. Повернення контролю потім коштує часу і нервів.
• Не закласти обслуговування. Сторінка живе на сервері, потребує оновлень і резервних копій, а форми мають властивість тихо ламатися після змін у поштових сервісах.

Технічний догляд за проєктом у нас починається від $400 на місяць і включає оновлення, резервні копії, моніторинг доступності та звіт. Для сторінки, на яку йде платна реклама, це страховка від ситуації, коли форма перестала відправляти листи, а ви дізналися про це через два тижні тиші. Якщо постійний абонемент вам зайвий, беріть разові звернення за годинною ставкою. Умови ми описали в розділі підтримка та розвиток проєктів, а що робити зі сторінкою одразу після запуску, розібрали в матеріалі перші 90 днів після запуску.

Загальні чинники ціни, спільні для всіх типів проєктів, зібрані в матеріалі від чого залежить вартість розробки сайту.

Висновки

Ціна лендінгу формується з чотирьох частин, і кожну з них видно в нормальному кошторисі. Найбільший вплив мають рівень дизайну і готовність вашого контенту. Інтеграції та мовні версії додають до суми окремими рядками, які легко порахувати заздалегідь.

Що зробити перед замовленням:

1. Опишіть, кому і що ви продаєте, та які заперечення чуєте від клієнтів найчастіше. Це основа структури сторінки.
2. Перевірте, які матеріали у вас уже є, а що доведеться створювати. Контент найчастіше зсуває строки.
3. Вирішіть, чи потрібні онлайн-оплата, CRM і друга мова зараз, чи вони можуть почекати до другої версії.
4. Вимагайте в підрядника кошторис по етапах з окремою сумою за мобільні макети, аналітику і правки.

Якщо ви вагаєтеся між лендінгом і повноцінним сайтом, спершу прочитайте порівняння лендінг чи багатосторінковий сайт. А коли вибираєте між кількома студіями, стануть у пригоді критерії з матеріалу про те, як обрати веб-студію. Напишіть нам, коли будете готові рахувати проєкт: кілька питань про продукт, і ви отримаєте орієнтир за бюджетом і строками.