Розробка лендингу від брифу до запуску

Розробка лендингу під ключ

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

Ціна

01 Склад роботи

Що входить у розробку лендингу під ключ

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

  • Бриф і конкуренти. Розпитуємо про продукт і покупців, шукаємо вашу послугу в Google та соцмережах і виписуємо, що обіцяють п'ять-сім конкурентів і скільки це в них коштує.
  • Прототип. Порядок блоків, завдання кожного, заголовки й кнопки. Ви погоджуєте його до дизайну.
  • Тексти всіх блоків. Від заголовка першого екрана до повідомлення «Дякуємо, заявку отримано». Пише автор, вичитує редактор.
  • Дизайн. Макет у Figma для комп'ютера й телефона у ваших фірмових кольорах. Якщо фірмового стилю немає, добираємо шрифти й палітру під продукт.
  • Адаптивна верстка на WordPress. Сторінка читається на телефоні, планшеті й великому моніторі без горизонтального прокручування і дрібного шрифту. Тексти, ціни й фото ви потім міняєте самі в адмінці.
  • Форма заявки. Заявки приходять на пошту й у Telegram. Перед запуском надсилаємо тестові з кількох телефонів і перевіряємо, що жодна не загубилася.
  • Аналітика. Google Analytics 4 і події: надіслана форма, клік на телефон, перехід у месенджер. Для реклами в Instagram і Facebook ставимо Meta Pixel.
  • Запуск. Домен, сертифікат безпеки, перевірка швидкості в PageSpeed Insights, title і description, картинка й заголовок для посилання в месенджерах.

Що рахуємо окремо

  • Домен і хостинг. Допомагаємо вибрати й оформлюємо на вашу компанію, а платите ви напряму.
  • Реклама. Налаштування кампаній і бюджет ідуть окремо: контекстна реклама в Google і таргетована в Instagram та Facebook.
  • Зйомка й логотип. Працюємо з вашими фото або стоковими. Логотип і фірмовий стиль не розробляємо.

02 Графік

Розробка лендингу за три тижні: графік по днях

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

  1. 01

    Бриф і прототип

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

    → дні 1–3: погоджений прототип

  2. 02

    Тексти

    Автор пише блоки за прототипом, редактор перечитує сторінку з телефона. Правки ви лишаєте коментарями в Google Docs.

    → дні 4–6: тексти всіх блоків

  3. 03

    Дизайн

    Спершу перший екран і один типовий блок, щоб погодити стиль. Потім уся сторінка у двох версіях: для комп'ютера й телефона.

    → дні 7–10: макет у Figma

  4. 04

    Верстка

    Збираємо сторінку на WordPress на тестовій адресі. Підключаємо форму, аналітику й анімацію, якщо вона є в макеті.

    → дні 11–14: сторінка на тестовій адресі

  5. 05

    Запуск

    Перевіряємо сторінку на телефонах з Android та iOS, надсилаємо тестові заявки, переносимо на ваш домен. Показуємо, як міняти тексти й де дивитися заявки.

    → день 15: лендинг працює

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

03 Зразок

Де лендинги втрачають заявки: три типові правки

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

Перший екрандо прокручування

Слайдер із трьох банерів, що змінюються кожні п'ять секунд. Заголовок «Клімат вашого комфорту». Кнопка «Детальніше» прокручує сторінку вниз.

Один нерухомий екран. Заголовок «Кондиціонер із монтажем у Львові за два дні», під ним ціна «від» і кнопка «Розрахувати вартість». Поруч фото встановленого блока замість усміхненої родини зі стоку.

чому так: людина щойно клікнула на оголошення «кондиціонер із монтажем Львів» і шукає очима ці самі слова. Другого й третього банера вона не дочекається: рішення лишитися чи піти ухвалюють за кілька секунд.

Форма заявкикінець сторінки

Сім обов'язкових полів: ім'я, прізвище, телефон, пошта, адреса, площа кімнати, зручний час дзвінка. Кнопка «Надіслати».

Два поля: ім'я й телефон. Площу кімнати менеджер спитає в розмові. Кнопка «Передзвоніть мені», під нею рядок «Наберемо протягом години в робочий час».

чому так: кожне зайве поле дає привід відкласти заявку на потім. Рядок під кнопкою відповідає на питання, що буде далі і коли.

Мобільна версіяекран телефона

Макет для комп'ютера, стиснутий до ширини телефона. Таблиця цін прокручується вбік, номер у шапці не натискається, кнопка заявки є лише в кінці сторінки.

Окремий макет для телефона. Ціни стоять картками в один стовпчик, номер відкриває набір, кнопка «Розрахувати вартість» закріплена внизу екрана.

чому так: з реклами в Instagram і Facebook лендинг відкривають переважно з телефона. Якщо мобільну версію лишити на потім, більшість відвідувачів побачить чернетку.

04 Чесно

Лендинг не приводить відвідувачів сам

Односторінковий сайт майже не збирає переходів із пошуку: під кожен запит Google потрібна окрема сторінка. Тому лендинг працює в парі з рекламою, і планувати їх треба разом.

Заголовок першого екрана має повторювати слова оголошення. У Google Ads від цього залежить оцінка якості сторінки, а з нею і ціна кліка. Якщо рекламу теж ведемо ми, оголошення й сторінку пише одна команда.

Руки на клавіатурі ноутбука: верстка сторінки
1сторінка, одна пропозиція, одна дія

05 Визначення

Що таке лендинг і коли його достатньо

Лендинг — це сайт з однієї сторінки, який веде людину до однієї дії: лишити заявку, записатися чи купити. У брифах його називають по-різному: «лендінг», «лендінг пейдж», «посадкова сторінка», а в запитах на кшталт «створення landing page» ідеться про те саме.

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

  • Ви продаєте одну послугу, курс, подію чи товар
  • Відвідувачів приводитиме реклама
  • Рішення про покупку ухвалюють за один-два візити

Якщо послуг кілька й кожну шукають у Google окремо, потрібен корпоративний сайт з окремими сторінками. Якщо дизайнер і верстальник у вас є, а бракує лише прототипу й текстів, дивіться тексти для сайтів і лендингів.

06 Варіанти

Лендинг на WordPress, на конструкторі чи сторінка на вашому сайті

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

Основний варіант

Окремий лендинг на WordPress

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

Сайт уже є

Сторінка на наявному сайті

Якщо ваш сайт на WordPress і в доброму стані, лендинг можна зробити його окремою сторінкою без меню. Домен уже має історію в Google, а аналітика зібрана в одному місці. Спершу дивимося сам сайт і чесно кажемо, чи варто на ньому будувати.

Перевірка попиту

Конструктор

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

Порада

Коли ми самі радимо конструктор

Якщо ви ще не знаєте, чи купуватимуть продукт, не вкладайте в сторінку 35 000 грн. Замовте в нас лише прототип і тексти від 12 000 грн, зберіть сторінку на конструкторі й запустіть рекламу з невеликим бюджетом. Коли попит підтвердиться, зробимо повноцінний лендинг, і текст для нього вже буде.

07 Ціни

Розробка лендингу: ціна і що на неї впливає

Лендинг під ключ коштує від 35 000 грн: це прототип, тексти, дизайн, верстка, форма й аналітика. Якщо одразу замовити ведення контекстної реклами, перший місяць обійдеться від 50 000 грн (35 000 + 15 000). Рекламний бюджет ви платите Google напряму, у ці суми він не входить.

ПослугаЩо входитьТермінЦіна
Розробка лендингуПрототип, тексти, дизайн, адаптивна верстка, форма й аналітика2–3 тижнівід 35 000 грн / лендинг
Тексти для сайтів і лендингівБриф, аналіз конкурентів, прототип, тексти всіх блоків5–7 дніввід 12 000 грн / лендинг
Корпоративний сайтСтруктура, тексти ключових сторінок, дизайн, верстка, система керування4–8 тижніввід 75 000 грн / сайт
Контекстна рекламаСтруктура кампаній, оголошення, аналітика, оптимізація, звітзапуск за 5–7 дніввід 15 000 грн / місяць
Таргетована рекламаАудиторії, креативи й тексти, запуск, оптимізація, звітзапуск за 5–7 дніввід 15 000 грн / місяць
Ціну й дату запуску фіксуємо письмово до початку роботи. Передоплата 50%, решта після здачі етапу.
  1. 01Довжина сторінкидо 10 блоків у базовій цініЦього вистачає послузі зі зрозумілою ціною. Навчальному курсу, обладнанню чи складній B2B-послузі потрібно п'ятнадцять і більше блоків, бо в покупця більше питань.
  2. 02Нестандартні елементиокремий рядок кошторисуКалькулятор вартості, квіз із кількох кроків, онлайн-запис на час, оплата карткою на сторінці, ілюстрації на замовлення і складна анімація.
  3. 03Мови й варіанти сторінкирахуємо за обсягомДруга мовна версія додає переклад і ще одну перевірку верстки. Так само з варіантами сторінки під різні рекламні кампанії: перший екран у кожного свій.

08 Старт

Як замовити лендинг: що потрібно від вас

Технічне завдання не потрібне. Напишіть, що ви продаєте й куди плануєте вести рекламу, а решту спитаємо в брифі. Щоб робота не зупинялася, підготуйте п'ять речей.

  • Логотип і фірмові кольори, якщо вони є
  • Фото продукту, команди чи виконаних робіт
  • Доступ до домену або рішення, яку адресу реєструвати
  • Пошта й Telegram, куди надходитимуть заявки
  • Одна людина, яка погоджує етапи
  • 3погодження
    за проєкт
  • 2кола правок
    на етапі
Блокнот із записами брифу, ручка й ноутбук із текстом

09 Питання

Часті питання про розробку лендингу

Скільки коштує розробка лендингу під ключ?

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

Чи можна зробити лендинг швидше ніж за два тижні?

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

Чи зможемо ми самі міняти тексти й ціни на лендингу?

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

У нас уже є текст або дизайн. Можна замовити тільки верстку?

Можна, порахуємо окремим кошторисом. Перед стартом перечитаємо текст і подивимося макет очима покупця. Якщо перший екран не відповідає на питання «що це і скільки коштує», скажемо про це до верстки, а рішення лишиться за вами.

Куди приходитимуть заявки з лендингу?

На пошту й у Telegram-чат, який ви вкажете. За запитом передаємо заявки в CRM. Кожна заявка також зберігається в адмінці сайту, тож вона не зникне, навіть якщо лист потрапив у спам.

Чи буде лендинг видно в Google?

Сторінку відкриваємо для індексації, прописуємо title і description, тож за назвою компанії її знайдуть. За запитами на кшталт «кондиціонер Львів ціна» одна сторінка рідко піднімається високо: там змагаються сайти з десятками сторінок. Основне джерело відвідувачів для лендингу — реклама.

Чи можна згодом перетворити лендинг на повноцінний сайт?

Так, і це одна з причин, чому ми збираємо лендинги на WordPress. До сторінки додаються розділи послуг, блог, «Про компанію», а дизайн і адреса лишаються. Якщо знаєте про такі плани заздалегідь, скажіть: закладемо це в структуру.

Хто платить за домен і хостинг?

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

Чи потрібна лендингу підтримка після запуску?

WordPress треба оновлювати, а копії сайту робити регулярно. Це можна робити самим за нашою інструкцією або передати нам: підтримка сайту коштує від 6 000 грн на місяць і включає до п'яти годин правок.

Замовлення

Розкажіть про завдання. Назвемо ціну й термін

Достатньо двох речень: що за продукт і що вам потрібно — текст, сайт чи просування. Відповімо протягом робочого дня.

Дані з форми використовуємо тільки для відповіді на ваш запит.

Запит на розрахунок

Опишіть завдання в довільній формі. Ціну й термін надішлемо протягом робочого дня.

Дані з форми використовуємо тільки для відповіді на ваш запит.