Сайт із квізом для систем автополиву — 94 заявки по 388 ₴

Подробиці проєкту

Кейс: створення сайту з квізом для систем автоматичного поливу

Клієнт: БК ГРІН СЕРВІС, системи автоматичного поливу й озеленення, Київ і область.
Сфера: проєктування, монтаж і запуск поливу під ключ, з 2003 року.
Досвід компанії: 20 років, понад 345 виконаних замовлень.
Що робили: лендинг із квізом під ключ і запуск реклами у Facebook.
Сайт: green-servis.com.ua

Автополив — покупка, яку неможливо порахувати на око. Ціна залежить від площі ділянки, джерела води, напору і того, чи є вже озеленення. Тому звичайний сайт із формою «залиште заявку» тут не працює: людина не знає, про що питати, а менеджер не знає, що відповідати. Завдання сайту — зібрати вхідні дані до першої розмови.

Етап 1: Бриф — що з'ясувати перед створенням сайту з автополиву

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

• Фіксований кошторис. Якщо бюджет перевищено, різницю компанія сплачує сама. Це стало першою тезою на першому екрані, бо закриває головний страх замовника.
• Повний цикл без посередників. Від проєктування до озеленення і запуску — жодного «перекидання відповідальності» між підрядниками.
• Власні ресурси. Спецтехніка, монтажна бригада і дилерські ціни на обладнання. Немає доплат за оренду і немає простоїв, коли екскаватор зайнятий на іншому об'єкті, — за підрахунками компанії це мінус 15–30% від ринкової вартості робіт.
• Гарантія 2 роки на обладнання і роботи, плюс післягарантійна підтримка.
• Чотири типи замовників. Приватні ділянки, котеджні містечка, ОСББ і комерційні об'єкти. У кожного свій бюджет і свій процес погодження.

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

Етап 2: Збір матеріалів для сайту з автополиву

У компанії за 20 років накопичилися об'єкти, але лежали вони розрізнено. Зібрали і привели до єдиного вигляду:

• Реалізовані проєкти. З площею, описом завдання і переліком обладнання. Найвагоміший — реконструкція скверу біля Національної опери, 2 500 м².
• Обладнання. Hunter, Irritec, українські поліетиленові труби. Назви брендів у цій ніші працюють як доказ: замовник їх гуглить.
• Фотографії «до і після». Ділянка до робіт і вона ж після — найпереконливіший аргумент, який у ландшафтної компанії є.
• Команда. Директор, заступник, інженер, менеджер, бухгалтер — з іменами і фотографіями. Інженерна послуга продається людьми, а не логотипом.
• Партнери і документи. Логотипи постачальників і підтвердження — для комерційних і державних замовників це обов'язковий блок.
• Цифри компанії. 20 років досвіду, 12 ключових співробітників, 117 робіт за 2025 рік і 345+ замовлень за весь час. Такий блок закладали ще в прототипі: в інженерній ніші лічильники працюють краще за прикметники.
• Сертифікати. Окремим слайдером — їх запитують на тендерах і в ОСББ.

Етап 3: Прототип сайту з квізом

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

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

• Перший екран — офер і три причини, через які бюджет не поїде.
• Квіз одразу під ним — поки людина тепла.
• Кому підходить — чотири сегменти, у кожного своя кнопка заявки.
• «До і після» — візуальний доказ до будь-яких слів.
• Проблеми замовників — шість страхів і відповідь на кожен.
• Повний цикл робіт — шість етапів від виїзду до гарантійного обслуговування.
• Проєкти, компанія, команда, партнери, FAQ — доказова частина в кінці, для тих, хто дочитав.

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

Етап 4: Дизайн сайту для компанії з автополиву

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

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

Порівняйте два кадри вище і цей. У прототипі на місці лічильників стояли сірі прямокутники — у дизайні це великі 20, 12 і 117. На місці абзацу «знижуємо вартість за рахунок власних ресурсів» — три картки з ілюстраціями: власна спецтехніка, власна монтажна бригада, дилерські ціни на обладнання. Сенс не змінився ні на слово, змінилася лише форма подачі.

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

• «Ділянка зміниться» → слайдер «до і після». Занедбана земля і зелений газон із працюючими дощувачами — на одному кадрі, з перетягуваною шторкою посередині. Жоден текст не зробить те саме.
• «Професійна бригада» → обличчя. Слайдер із фотографіями співробітників: інженер у касці, монтажник у спецодязі. Не іконки чоловічків, а конкретні люди, які приїдуть на ділянку.
• «Досвід» → лічильники. 20 років, 12 ключових співробітників, 117 робіт за 2025 рік. Великі цифри замість прикметників на кшталт «великий досвід».
• «Ми відповідаємо за кошторис» → блок про договір. Окремий екран із фіксованою вартістю, а поруч — сертифікати слайдером.
• «Працюємо з будь-якими об'єктами» → фотографії проєктів. Кожен зі своєю площею й описом, з мініатюрами під головним кадром.
• Запитання → розкривний FAQ у дві колонки з кнопкою «Поставити своє запитання у WhatsApp» під ним. Хто не знайшов відповіді — пише, а не йде.

Етап 5: Програмування і верстка сайту з квізом

• Квіз із логікою. Шість запитань, прогрес-бар, перевірка відповідей, можливість повернутися назад і пропустити необов'язкове запитання про площу.
• Форми з відправкою в месенджери. Людина сама обирає, куди надіслати розрахунок: WhatsApp, Viber або Telegram.
• Слайдери. Проєкти, «до і після», партнери, команда — з прокруткою пальцем на мобільному.
• Адаптив. Основний трафік із Facebook іде з телефонів, тому мобільна версія збиралася першою.
• Сторінка подяки з окремою адресою — щоб рахувати конверсії в рекламі.

Як влаштований квіз для розрахунку вартості автополиву

Головний інструмент — квіз на шість запитань. Він не виглядає як форма: людині обіцяють розрахунок вартості і знижку 10% за проходження. А заразом кожне запитання робить роботу за менеджера.

• Тип об'єкта — приватна ділянка, комерційний чи комунальний. Це одразу задає масштаб і порядок цін.
• Чи є озеленення — зрозуміло, чи потрібні роботи з газоном і посадкою.
• Площа ділянки — загальна й окремо під озеленення. Запитання можна пропустити, щоб не втрачати тих, хто не пам'ятає цифри.
• Джерело води — власна свердловина чи міська мережа. Від цього залежить схема системи.
• Подача води за годину — від 2 до 6 кубів або «не знаю, потрібна консультація». Останній варіант обов'язковий: без нього людина з технічним запитанням просто закриє сторінку.
• Терміни встановлення — «протягом тижня», «протягом місяця» або «не визначився». Пряма кваліфікація заявки.

У фіналі — вибір месенджера для розрахунку. Заявка приходить менеджеру з площею, джерелом води і напором: він може готувати кошторис одразу, а не з'ясовувати параметри в листуванні.

Крім квіза на сторінці 12 форм, і вони не дублюють одна одну:

• Гайд «7 помилок, через які переплачують» — лід-магніт для тих, хто ще вивчає тему. Файл іде в той месенджер, який людина обрала сама.
• Кнопка в кожному сегменті. «Залишити заявку» окремо у приватних будинків, котеджних містечок, ОСББ і комерційних об'єктів.
• Замовлення дзвінка у шапці — для тих, кому простіше говорити голосом.
• Листування у WhatsApp окремим блоком: «щоб порахувати, треба погодити параметри — почнімо з листування». Чесне пояснення, чому ціни немає на сторінці.

Налаштування реклами у Facebook для автополиву: 94 заявки по 388 ₴

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

94 заявки за витрати 36 440,94 ₴ — середня ціна звернення 387,67 ₴, близько 9 $. Розкид між кампаніями невеликий: 374–401 ₴. Це ознака того, що аудиторія підібрана правильно і річ не в удалому влучанні однієї зв'язки.

Заявки рахуються як ліди з сайту — тобто люди, які дійшли до кінця квіза і залишили контакт. Це не кліки і не листування, а звернення із заповненими параметрами ділянки.

Результат: сайт з квізом і реклама для автополиву

БК ГРІН СЕРВІС отримав лендинг, який збирає технічні вхідні дані до розмови, і робочий канал трафіку. Менеджер більше не з'ясовує площу і напір у листуванні — він одразу рахує кошторис.

• Заявка приходить із параметрами. Тип об'єкта, площа, джерело води, напір і терміни відомі до дзвінка.
• Варіант «не знаю» не втрачає клієнта. У запитанні про напір є відповідь «потрібна консультація» — такі заявки йдуть інженеру, а не в кошик.
• Терміни кваліфікують. «Протягом тижня» і «не визначився» — це дві різні заявки, і менеджер бачить різницю одразу.
• Два входи замість одного. Хто готовий — проходить квіз, хто ще вивчає тему — завантажує гайд про помилки і повертається пізніше.

Як ми це робили — покроково

Механіка, за якою зібраний цей проєкт, розібрана окремо:

• Реклама автополиву: 94 заявки по 388 гривень з Facebook — шість питань квіза, шість заперечень замовника і цифри за трьома кампаніями.