У ремонті клієнт майже завжди починає з питання: «Скільки це буде коштувати?». Але прораб або команда ще не бачили обʼєкт, не знають стан стін, підлоги, комунікацій, демонтажу та матеріалів. Тому давати одну точну суму на старті неправильно.

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

Починаємо з секції «Візитка». На першому екрані шаблону ще немає нічого зайвого: тільки майбутня структура і поле для фото прораба або логотипа команди.

Початковий стан шаблону в конструкторі Cowculator.

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

Налаштування фото у правій панелі властивостей поля.

Після фото додаємо імʼя. У демо це «Андрій Коваленко», але в реальному шаблоні це може бути імʼя прораба, керівника бригади або назва команди.

Поле з іменем робить сторінку персональною, а не схожою на абстрактну форму.

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

Спеціалізація та місто допомагають користувачу одразу зрозуміти релевантність послуги.

Окремо додаємо блок соціальних мереж і контактів. Для прораба це може бути телефон, Telegram, Instagram, сайт, email, TikTok або інші канали, через які клієнти зазвичай звертаються.

Соціальні посилання працюють як швидкі кнопки звʼязку.

Після цього додаємо банер і короткий опис команди. У цьому місці можна показати приклад ремонту, процес роботи або колаж до/після.

Банер у секції «Про команду» допомагає зробити сторінку візуальною.

Текстовий блок має бути коротким. Не потрібно писати довгу історію компанії. Краще пояснити, які обʼєкти бере команда, які роботи виконує і що користувач може зробити далі.

Короткий опис команди підсилює довіру перед переходом до калькулятора.

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

Перша умова smart image: показати зображення квартири, якщо обрано тип обʼєкта «Квартира».

Друга умова smart image: окремий візуал для будинку.

Третя умова smart image: окремий візуал для офісу.

Далі починається сам калькулятор. Тут важливо не зробити занадто багато питань. Прораб ще не бачив обʼєкт, тому калькулятор має збирати тільки ті параметри, які реально корисні для попередньої оцінки.

Площа обʼєкта або зони ремонту

Площа — основна змінна для більшості ремонтних формул. У демо використовується м², а для англомовної версії шаблону можна адаптувати це під sq ft.

Поле площі має мінімальне, максимальне та дефолтне значення.

Висота стін

Висота стін корисна для орієнтовного розрахунку площі стін. Це не точний архітектурний розрахунок, але для попереднього estimate цього достатньо.

Повзунок висоти стін використовується в технічній формулі площі стін.

Формат прорахунку

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

Select-поле визначає головну гілку сценарію: під ключ або частково.

Стан обʼєкта

Стан обʼєкта впливає на складність ремонту. Новобудова без ремонту, вторинне житло в нормальному стані або обʼєкт зі складним демонтажем — це різні сценарії для бюджету.

Стан обʼєкта використовується як коефіцієнт у розрахунку.

Демонтажні роботи

Демонтаж краще винести окремим чекбоксом. Навіть у попередньому розрахунку це суттєво впливає на бюджет і терміни.

Чекбокс демонтажу додає окрему технічну складову до формули.

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

Секція ремонту під ключ зʼявляється тільки для відповідного формату прорахунку.

Рівень ремонту

Рівень ремонту може бути базовим, стандартним або преміум. У формулі це може бути ставка за м² або коефіцієнт.

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

Дизайн-проєкт або планування

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

Чекбокс дизайн-проєкту додає додаткову вартість до estimate.

Бажаний темп робіт

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

Темп робіт може працювати як коефіцієнт у формулі.

Другий сценарій — часткові роботи. Він потрібен, коли клієнт не хоче повний ремонт, а питає про конкретний блок: стіни, стелю, підлогу, вікна або двері.

Секція часткових робіт починається з окремого заголовка.

Стіни

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

Візуальний блок для секції стін.

Чекбокси робіт зі стінами дозволяють зібрати частковий сценарій.

Стеля

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

Окрема секція для робіт зі стелею.

Підлога

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

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

Вікна та двері

Для вікон і дверей зручніше використовувати повзунки: кількість вікон і кількість дверей. Це простіше для користувача, ніж вводити все вручну.

Повзунки для кількості вікон і дверей.

Щоб не робити одну величезну формулу, краще винести розрахунки в технічні поля. Вони можуть бути приховані від користувача, але використовуються у фінальних результатах.

Орієнтовна площа стін

Для попереднього розрахунку можна використати просту модель: площа обʼєкта × висота стін × коефіцієнт. Це не замінює заміри, але дає робочу базу для estimate.

Допоміжна формула для орієнтовної площі стін.

Демонтажні роботи

Демонтаж можна рахувати як площа × ставка × значення чекбокса. Якщо чекбокс вимкнений, значення буде нульовим.

Формула демонтажу використовує площу і чекбокс демонтажних робіт.

Ремонт під ключ

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

Основна технічна формула для ремонту під ключ.

Довгу формулу можна перевірити через горизонтальний скрол у конструкторі.

Стіни, стеля, підлога, вікна та двері

Кожен блок часткових робіт краще рахувати окремо. Так простіше тестувати формули і змінювати ставки для конкретної категорії робіт.

Технічна формула для робіт зі стінами.

Технічна формула для робіт зі стелею.

Технічна формула для робіт з підлогою.

Технічна формула для вікон та дверей.

Часткові роботи та термін

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

Загальна формула часткових робіт.

Формула орієнтовного терміну для часткових робіт.

Перевірка довгої формули терміну через горизонтальний скрол.

Оскільки у шаблоні є два різні сценарії — «Під ключ» і «Частково» — фінальний результат повинен брати правильну базу залежно від вибору користувача.

Для цього використовується conditional computed field. Перша гілка спрацьовує, якщо формат прорахунку дорівнює «Під ключ».

Умовна гілка для сценарію ремонту під ключ.

Друга гілка спрацьовує, якщо користувач обрав часткові роботи.

Умовна гілка для сценарію часткових робіт.

Діапазон бюджету, а не точна сума

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

Формула нижньої межі орієнтовного бюджету.

Формула верхньої межі орієнтовного бюджету.

Орієнтовний термін робіт

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

Умовна гілка терміну для ремонту під ключ.

Умовна гілка терміну для часткових робіт.

Умова видимості не показує результат, доки він не має значення.

Після результату користувачу потрібна наступна дія. У цьому шаблоні це контактна форма «Обговорити обʼєкт». Вона збирає імʼя, телефон, email і короткий опис обʼєкта.

Контактна форма після попереднього прорахунку ремонту.

Також варто налаштувати повідомлення після відправки заявки. Воно має підтвердити, що заявка отримана, і пояснити наступний крок.

Повідомлення після відправки заявки.

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

Нижній блок соціальних мереж у публічній візитці.

Після логіки і форм краще налаштувати бренд: кольори, акцентну кнопку, фон та загальне візуальне відчуття сторінки.

Налаштування кольорів бренду у Cowculator.

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

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

Після публікації Cowculator дає кілька способів використання шаблону: звичайне посилання, QR-код, deep link і embed-код для вставки на сайт.

Після публікації зʼявляються кнопки для посилання, embed, QR-коду та deep link.

QR-код

QR-код зручно використовувати на візитках, флаєрах, банерах, біля офісу або на обʼєкті. Людина сканує код і відкриває публічну сторінку калькулятора.

QR-код веде на публічну сторінку калькулятора.

Deep link

Deep link дозволяє створити посилання з уже заповненими полями. Наприклад, можна зробити окреме посилання для квартир, для будинків або для ремонту під ключ.

Вибір полів для deep link з попередньо заповненими значеннями.

Після створення deep link Cowculator показує коротке посилання.

Сам калькулятор можна використовувати як окрему сторінку, але для SEO краще розмістити його всередині статті або landing page. Поруч варто додати пояснення, що впливає на бюджет ремонту, чому результат є попереднім і як отримати точний кошторис після огляду.